Exploring Photoshop: Designing Repeat Patterns

Designing your own fabric patterns has never been easier with all the amazing tools that we have at our disposal these days. And making a repeat pattern design is one of the most common ways to create designs. Although there are special programs that make this task very easy indeed like Adobe Illustrator (which is also very expensive), you can make repeating designs quite easily using Photoshop Elements or Photoshop.

In Photoshop and Photoshop Elements you can of course make repeat patterns using several different methods. This one is my personal favorite.

Photoshop Elements Tutorial: Designing Repeat Patterns

So let’s get started …

Note: This tutorial is for Photoshop Elements 6 but the steps will be 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. Create a half-drop repeat design

Duplicate the image by clicking on the flower image in the layers panel to select it.
Right click and select “Duplicate Layer”.

Photoshop Elements Tutorial: Designing Repeat Patterns

Click on the top layer in the layers palette to select it.
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

With the top layer in the layers palette still selected, now select the “Magic Eraser Tool” from the tools palette.
Click inside the center of the offset image to remove the white background which reveals the flower image underneath. This creates a dense pattern design.

Photoshop Elements Tutorial: Designing Repeat Patterns

4. Define a pattern

From the main menu:
Select > Edit > Define Pattern

Photoshop Elements Tutorial: Designing Repeat Patterns

The pattern dialog box will open and you can see that the design you just made is displayed. Click OK.

Photoshop Elements Tutorial: Designing Repeat Patterns

5. Make a new file and fill it with the pattern

From the main menu:
File > New > Blank File

Make the size 2000px wide by 2000px high by 72 ppi resolution.
Click ok.

Photoshop Elements Tutorial: Designing Repeat Patterns

Position the new blank file alongside the flower image.

Photoshop Elements Tutorial: Designing Repeat Patterns

From the main menu:
Select the “Paint Bucket Tool”
Check the “Pattern check box” at the top of the screen
Open the “Pattern Picker” drop down box
Click on the offset pattern you just made which you can see has been added to the default set of patterns

Photoshop Elements Tutorial: Designing Repeat Patterns

Click inside the new empty file and you will see that it fills with the pattern you just made.

Photoshop Elements Tutorial: Designing Repeat Patterns

And you can make all sorts of creative designs by using the same process but with different images.

Photoshop Elements Tutorial: Designing Repeat Patterns

Photoshop Elements Tutorial: Designing Repeat Patterns

Easy when you know how right?

Have a creative day!


Exploring Photoshop - Photo Art

Categories: Digital Art, Tutorials, Tutorials: Digital Art
Tags: ,


You might also like ...


Thank you so much for stopping by!
If this is your first time visiting I'd love to keep in touch.

Subscribe to my Newsletter


14 Comments

  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

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

    Reply
  3. Thanks ladies.
    Linda

    Reply
  4. 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

    Reply
  5. Thank you so much. I’ve had PSE since version 5 and have not done anything with it. I’m determined to use it more in scrapbooking and this tutorial has helped tremendously. I’m using version 9.0 and will stay here until I can justify upgrading. I will keep a close eye on your site. Thank you for sharing your talent. I’m retiring in a couple of months and want to know how to use some of the stuff I’ve buying over the years. This will definitely help me create my own scrapbook papers.

    Reply
  6. i likr it much more,i don’t know hw to use adob 4 textlie desiging,i feell it’s very difficult but it is so easy becuase of you.thxxxxxxxxxx

    Reply
  7. Good Tutorial, useful

    Reply
  8. Thank you so much! Very helpfull!

    Reply
  9. This is probably one of the most concise and easily understandable patter repeat tutorials I have seen. So much so I did it! YAY. Great, Linda. Thank you so much!!!

    Reply
  10. Thank you! Very helpful and easy to follow. :)

    Reply
  11. This post has come just at the right time for me. Thank you very much, I really appreciate you taking the time to go through it.
    Linda

    Reply
    • You’re welcome :)

      Reply
  12. Is there any way we can message back and fourth. I have a few questions in making a pattern with a few different images. I think I downloaded editor instead of the regular Elements… I don’t know if that makes a difference. If you could please email or FB me, that would be great. Thanks!

    Reply
    • I’m sorry but I don’t offer individual coaching. However if you have a question about this tutorial, please post in the comments.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current day month ye@r *