how to design a seamless pattern in Photoshop

How to design a seamless pattern in Photoshop

Today I want to show you how to design a seamless pattern in Photoshop that you can use for fabrics, any kind of prints or even home decor wallpaper.

how to design a seamless pattern with Photoshop

To create the pattern on the example I’m using my watercolor leaves 01 package, which you can find here:
All my illustrations are ready to create seamless patterns because I already cut and delete all the white areas so that they don’t overlap between them.
Moreover, you can add other colors or textures on the background without problem 🙂

Do you want to learn how to create your own clipart?

I have the perfect step by step class for you:

Step by step class to create clipart kits to sell your paintings over and over again

Create seamless patterns in Photoshop with just few clicks with this tutorial and you will be ready to design anything you want! Click To Tweet

Here you have my video tutorial with step by step instructions on how to create a seamless pattern in Photoshop:

In case you just want to try the technique, I’ve put together 2 of my watercolor clip arts as samples ready to use in this particular tutorial.

Download my free clip arts for this tutorial

Here you have the same illustrations I’m using, ready for you to follow my tutorial 🙂

Feel free to use these or any of my other watercolor clip art suites from Creative Market. You can also use your own illustrations, but remember to scan them at high resolution and take the time to clean the files until you have transparent background like me.

Do you want to learn how to Sell Patterns from your Paintings?

You can learn how to here:

Sell Patterns from your Paintings

Learn how to design a seamless pattern in Photoshop in just few minutes! Click To Tweet

how to design a seamless pattern in Photoshop

In case you want some quick instructions, here you have them:
1) Open a new document and add your illustrations into new layers.
2) Arrange them, trying to follow different directions so that you pattern can be used in fabric design.
3) Don’t cut any illustration on the borders of your artboard. It’s better to only work on the center and leave the borders and corners empty.
4) Join your layers into a group and duplicate it.
5) Merge the copy of the group into a unique layer, and make the rest of your layers and groups invisible.
6) With the merged layer selected, go to Effect > Other > Offset and move around the arrows until you see big empty areas.
7) Fill those areas with new illustrations.
8) Merge again all into one layer.
9) Select the final layer (and make sure all the others are invisible) and go to Edit > Define Pattern…
10) Open a new document and use your pattern to paint anything you want!

Create seamless patterns in Photoshop with just few clicks with this tutorial and you will be ready to design anything you want! Click To Tweet

I really hope you find it easy and you start having fun creating patterns. Photoshop is the best tool to create seamless patterns ready to use in any media you need.

how to design a seamless pattern in Photoshop
Feel free to share your designs with me or ask me any questions you may have.
Remember that you can download my watercolor leaves illustrations here or find other watercolor clip arts ready to create new patterns from my Creative Market shop 🙂

from passion to business

for artists, designers, photographers, makers…

I’ve decided to recap my experience as a creative business owner to help you understand all the ways you can possibly make a living from your talents.

    • Lloyd Hodoul
      Posted at 13:53h, 09 June Reply

      This is amazing !!! thank you so much, i have always done rotary prints the hard way this has just made floral repeat patterns so much easier and for this i am grateful

    • Wild Coral
      Posted at 11:14h, 10 November Reply

      Thanks for sharing Claudia 🙂 Going to give this method a try!
      Do you know where I can find a tutorial on how to do half-drop patterns in photoshop?

    • Adriana
      Posted at 05:18h, 18 December Reply

      The only thing that I couldn’t find in my Photoshop version (CS6) was the offset option, everything went gray and got a 3d texture. Is there any other way I could do that? Please help! 🙁 Well, feel free to answer me in Spanish!

      • Claudia Orengo
        Posted at 11:36h, 27 December Reply

        Hi Adriana! I don’t know why would that happen, I’m now using the latest version CC 2019 but when I was using CS6 the offset was working as well… Just to make sure you are using the correct tool, you’ll find it under the top panel filter > Other > Offset… (If you have it installed in another language you should find the translation because it can be really different. For instance in Spanish is “Desplazamiento”. Hope this helps!

    Post A Comment