Creating an image that repeats

Often, you’ll be creating a template for a website and you run into a situation where your image isn’t large enough to cover the area you need covered. Or you might want to create a greater sense of volume by having a nice image repeat in the background of your header. Whatever your reason, here’s an easy way to do it.

Step 1

Find an image that you want to repeat.
Step 1

Step 2

Split the image down the middle.
Step 2

Step 3

Swap the sides of the image. This is done so you know that the outer edges will meet properly.
Step 3

Step 4

Photoshop the middle of the image. This just takes practice. I find that the clone tool works great here.
Step 4

Finished

Once you’re done, you just set the background of an element to repeat the image you just created, and this is your final product.

Leave a Reply

By entering the correct text above, you not only prove you're human, you're also helping to digitize books.