Photoshop Elements Tutorial: Designing Repeat Patterns

Photoshop Elements Tutorial: Designing Repeat PatternsOne of the most commonly used designs on fabric is a repeat pattern design. Repeat patterns are easy to make in Photoshop Elements using the Offset feature and simple copy and past. So let’s get started …

Note: This tutorial is for Photoshop Elements 6 but the steps are probably similar in other versions.

1. Download the image
Right click and save to your desktop.

Photoshop Elements Tutorial: Designing Repeat Patterns

2. Open the image in Photoshop Elements

Photoshop Elements Tutorial: Designing Repeat Patterns

3. Arrange the image in a half-drop repeat
From the main menu Filter > Other > Offset

Photoshop Elements Tutorial: Designing Repeat Patterns

The original image is 200px wide by 200px height so to create a half-drop repeat, you will need to offset the image using half of the width and height of the original image.
In the Offset Dialog Box change the settings:
Horizontal: 100
Vertical: 100
Undefined Areas: Wrap Around

Photoshop Elements Tutorial: Designing Repeat Patterns

Click OK to close the dialog box and you can now see that the image has become offset.

Photoshop Elements Tutorial: Designing Repeat Patterns

4. Copy the image. From the main menu:
Select > All (shortcut keys Ctrl+A)
Edit > Copy (shortcut keys Ctrl+C)
Select > Deselect (shortcut keys Ctrl+D)

5. Resize the canvas
Make sure the background color is set to white. You can quickly reset it by using the shortcut key D
From the main menu: Image > Resize > Canvas Size

Photoshop Elements Tutorial: Designing Repeat Patterns

Once the Canvas Size Dialog Box opens, double the size of the canvas.
Width: 400px
Height: 400px
Position the current image in the top left hand corner by clicking the arrow on the top right hand side of the box.
Make sure that the Canvas Extension Color setting is set to Background.

Photoshop Elements Tutorial: Designing Repeat Patterns

Click OK to close the dialog box and you can see that the image has shifted to the top left of the canvas.

Photoshop Elements Tutorial: Designing Repeat Patterns

6. Paste copies of the image
From the main menu:
File > New > Image from Clipboard (shortcut keys Ctrl+V)
This drops a copy of the image onto the center of the canvas and also adds a new layer in the Layers Pallete.

Photoshop Elements Tutorial: Designing Repeat Patterns

This drops a copy of the image onto the center of the canvas and also adds a new layer in the Layers Pallete.

Now drag the image into position alongside the original image. This is easy when you have the Snap To function set. To set it:
View > Snap To > Guides
Now the image snaps into position.

Photoshop Elements Tutorial: Designing Repeat Patterns

Paste another copy of the image and position it underneath the original image.

Photoshop Elements Tutorial: Designing Repeat Patterns

And paste a final copy and position it on the bottom right corner.

Photoshop Elements Tutorial: Designing Repeat Patterns

7. Flatten the image
In the Layers Palette, right click and select Flatten Image. This combines all the layers into one layer.

Photoshop Elements Tutorial: Designing Repeat Patterns

8. Enlarging the design
You can continue enlarging the design by beginning again at step 4 and copying the image, then step 5 resizing the canvas.

Photoshop Elements Tutorial: Designing Repeat Patterns

By continuing in this way you can create a very large canvas of pattern.

Photoshop Elements Tutorial: Designing Repeat Patterns

Photoshop Elements Tutorial: Designing Repeat Patterns

Photoshop Elements Tutorial: Designing Repeat Patterns

Photoshop Elements Tutorial: Designing Repeat Patterns

And of course you can do this with any image that’s suitable for creating a pattern. Easy when you know how right?

Have a creative day!

4 Thoughtful Comments. Add Yours


Enjoy these articles? Have them delivered straight into your inbox!


Exploring Downloadable Tutorials

You might also like

4 thoughts on “Photoshop Elements Tutorial: Designing Repeat Patterns

  1. What a great tutorial, Linda! One of these days I may have to sit down and actually go through and do it. Thanks for sharing it.
    Katherine Sands

  2. Thanks so much for this tutorial…I love learning something new and helpful.
    Best,
    Andy

  3. LindaM said:

    Thanks ladies.
    Linda

  4. Judi said:

    Thank you very much for this explanation. I don’t have photoshop, but paint shop pro has very much to offer and is similar in this manner. When choosing offset, it worked better for me to choose wrap, and center. Once the first tiny square was made, I set the flood fill pattern to the still open, newly created pattern and just one click filled the entire canvas! Voila! I LOVED it; it saved so much time. I’ve saved this page for later use. Thanks again for the time spent showing how to do it!
    Judi