Making perfect repeat patterns in photoshop – Part 2

Making perfect repeat patterns in photoshop – Part 2

So, yesterday I posted my tutorial on how to make repeat patterns. I also posted the same tutorial onto deviant art. Today one of the members, who goes by the name of Percomis, commented that there is in fact a far easier way to do this. So i am in his debt for his great advice! I’m leaving yesterdays tutorial as it is however, as it will help you better understand the process behind pattern repeats.

So here is the revised, and much faster way of making patterns repeat.

Make a new image 600 x 600 in size

Draw your design in the centre of the image, without letting anything touch the edges. I Used my Cells brush set – you can get it here

Now here is the clever bit, that bypasses all the tedious guides, cutting and aligning that I made you do yesterday…

Go to Filter > Other > Offset

Use the values above. If your original image was a different size, simply enter a value of half its width and height. Et voila, a perfectly quartered image

Now continue filling in the centre of the image with more of your design. When its done, turn it into a pattern by going to Edit > Define Pattern. Here is the end result

I created a few other colour ways for this tile, and saved them as a pattern set. You can download the set below to try them out

Also check out my new site Patterntrail – for seamless vector patterns, Illustrator patterns, photoshp patterns, web backgrounds, scrapbook or craft pattern papers and more.

16 Comments

  1. Great tutorial :D
    I never used “Offset” filter in Photoshop, never thought it could have been so useful!

    Thanks :)

  2. So simple, but gives great results. Find of the week!

  3. Hey, sneaky. I found the first tutorial and loved it, I am using it with my photo kids. I may share this one too but I will wait until they have gotten through the other. Thanks!

  4. Whoa…didn’t know the Offset filter could do that. Looks like I have something new to play with.

  5. So how do you turn it in a repeat pattern on say an a4 page? or do u do this yourself?

  6. @Lucie – once you have made your pattern (Edit > Define Pattern) just make a new A4 blank image, then select the fill tool (and set it to fill as a pattern) then click and you’re done. You can print it out or whatever

  7. This is great but how do you create two way half drop patterns?

  8. Thanks for the great tutorial, love your site.
    Is there a tutorial on how to do doodles or drawing on Photoshop?
    I’d like to try it but I’m not sure how.
    Eventually I’d like to make brushes too.

    Thanks :)

  9. Thanks for the tutorial! Opened my eyes to a simpler way of repeating :)

    Can this technique be used on an image that is rectangular as opposed to square?

  10. Yes, a rectangle would work :) Glad it was helpful for you

  11. Thank you so much for this article – so useful! I am in the very beginning of my way. I’ve always doodled patterns – and never thought of making anything with them until… well, pretty much this morning. And have been reading a lot – and came across this post. Thank you!

  12. I really appreciate you sharing this though please excuse my ignorance because I must be I missing something.
    In the first ‘quartered’ image you show it does not look like a tileable pattern though in the second ‘finished’image everything is suddenly aligned and quite obviously tileable.
    I tried your tutorial though couldn’t get it to work for me.
    What am I missing?
    Thanks so much :-)

  13. Okay, please excuse my previous comment. Just studied the pic again and it does appear tileable. I guess my question now is, when you filled in the rest of the canvas how did you make that part tileable?

  14. I think I got it to work! So sorry, please feel free to delete my previous comments :-)

  15. Hello Mel, I just wanted to thank you for the lesson. I appreciate the time you take to share your knowledge with us. :) Keep the lessons coming. I’m a huge fan!!

  16. You are most welcome – thanks!

Trackbacks/Pingbacks

  1. WSA: Photoshop Seamless Repeat - [...] http://veerle.duoh.com/blog/comments/creating_patterns_in_photoshop_cs2/ http://www.melsbrushes.co.uk/?p=276 [...]
  2. valeriepica.com » Blog Archive » printmaking+pattern. - [...] which basically does the work of chopping your paper in half for you. The method is described here (though …
  3. Creating Seamless Patterns with Photoshop | 全球工业资讯网|汽车设计|工业油泥|油泥刮刀|油泥专用加热器 - [...] couple years ago I found a really helpful tutorial for How to Create Seamless Patterns in Photoshop (also known as …
  4. patterns – a blog for things i love - [...] a perfect repeat pattern in photoshop! oh [...]

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>