Hello!
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.
To create the pattern on the example I’m using my watercolor leaves 01 package, which you can find here: https://crmrkt.com/QE6aD
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:
Create seamless patterns in Photoshop with just few clicks with this tutorial and you will be ready to design anything you want! Share on XHere 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:
Learn how to design a seamless pattern in Photoshop in just few minutes! Share on XIn 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!
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.
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 🙂
6 Comments
Lloyd Hodoul
Posted at 13:53h, 09 JuneThis 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
Claudia Orengo - Heartmade.es
Posted at 17:31h, 29 JulyI’m so happy to hear that Lloyd. Thank you soooo much for your comment, it really means a world to me!
Wild Coral
Posted at 11:14h, 10 NovemberThanks 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?
Claudia Orengo - Heartmade.es
Posted at 10:53h, 11 NovemberThanks for your message! I hope it helped you 🙂 I actually have a full course teaching all about pattern design using your own illustrations, including half drop, but it’s in Spanish… don’t know if you understand it 🙂 Just in case, here you have the link: https://www.crehana.com/cursos/diseno/ilustracion-para-moda-disena-tus-propios-estampados/?af=da28bc24-4882-4ed5-b8d6-93fcd10855ff
Adriana
Posted at 05:18h, 18 DecemberThe 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 DecemberHi 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!