How to Create a Seamless Repeat in Photoshop Elements – Part 1

A key step in fabric design is being able to create a seamless repeat.  In this tutorial I’ll walk through a method to create a seamless repeat using Photoshop Elements (the steps are quite similar if you’re using Photoshop).

I started with this photo of a rooster (taken on a recent trip to Hawaii).  Note how the background is different in each of the 4 corners — this is what needs to be fixed to create the seamless repeat.  The photo on the right shows the photo in repeat, with the edges very distinct from one tile to the next.

1.  Open your file in Photoshop Elements.  Crop the image and make any adjustments you’d like to the photo.  The photo will be one tile of your repeat pattern.  It’s good for peace of mind to always create a duplicate layer just in case you mess up the photo too much and want to start over.

2.  Note the size of your image  in pixels (Image –>Resize –>Image Size).  For my photo, the image size is 1000 pixels by 750 pixels.

3.  In this step, we’ll “cut” the photo in half both horizontally and vertically.  This will show us where the edges and corners are mismatched and need fixing.  From the menu, choose Filter–>Other–>Offset.  In the pop-up box, divide the width of your image, in pixels, by 2 and type the number in the Horizontal offset box.  Then divide your image’s height by 2 and type the number in the Vertical offset box.

The result shows the photo “cut” up and pasted back together, and there are two clear lines through the middle vertically and horizontally where the photo doesn’t blend seamlessly.

4.  In this step we’ll fix these edges.  There are several different tools in Photoshop Elements you can use to make these edits, depending on your photo and your preferences.  There’s the clone stamp tool, smudge tool, and paint brush tool.  I used the healing brush tool.  Using a series of small fixes, I blended the two sides of each edge to remove the harsh transition.

In this photo, the edges all occur in the photo’s background, so there aren’t any really distinct features.  If you’re working with an image where there are distinct lines across the edges, these need to be fixed carefully so that the repeat ends up seamless.  Here’s the photo (or tile)  after all the edges were cleaned up.

6.  At this point, if you’re done with your image, or if you just want to see how it looks in a repeat, the next step is to define the repeat pattern. Do this from the menu:  Edit–>Define Pattern, and save it with any name you’d like.  Then, create a new blank file in Photoshop Elements.  Make sure it’s large enough to show at least 2 tiles both horizontally and vertically.  From the menu, choose Edit–>Fill Layer.  In the pop-up (shown below on the right) in the Contents section, choose to use Pattern from the drop-down list, and then select your new pattern from the Custom Pattern list, then click OK.

This tile creates the following repeat pattern, and the tile edges are pretty much gone.

About these ads

19 thoughts on “How to Create a Seamless Repeat in Photoshop Elements – Part 1

  1. Gloria as always you are so giving with your information.

    Wanted to let you know also that I was in a fiber/photo class given by Nancy McKay where your book was recommended. Many great comments were given by class members about how good you are at writing easy to understand instructions.

  2. Thank you for this tutorial. I must be particularly obtuse because I’ve discovered several different versions of the instructions for Photoshop Elements 9 and you have posted the first version that I’ve been able to create anything even remotely resembling a seamless repeat. Thank you, thank you.

  3. This method is alright for most photos, but not for all materials that have distinct geometric patterns with rotational issues or heavy damaged areas. Also I think there should be one more step where your repeat pattern doesn’t start with a half of the image but repeats the whole bird image from the top left corner on.

  4. I don’t drop a lot of responses, however i did
    a few searching and wound up here How to Create a Seamless
    Repeat in Photoshop Elements – Part 1 | Color On Cloth.
    And I do have a few questions for you if it’s allright. Could
    it be simply me or does it give the impression like a few of
    these remarks come across as if they are coming from brain dead folks?
    :-P And, if you are posting on other places, I’d like to keep
    up with anything new you have to post. Would you list of the complete urls of all your
    public sites like your Facebook page, twitter feed, or linkedin
    profile?. In order to get followers on twitter make sure to keep facebook consideration up to date.

    buying twitter followers Least expensive Costs Ideal
    Services.

  5. Hey just wanted to give you a quick heads up. The text in
    your post seem to be running off the screen in Chrome.

    I’m not sure if this is a formatting issue or something to do with web browser compatibility but I
    thought I’d post to let you know. The design look
    great though! Hope you get the issue solved soon.
    Kudos

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s