If you follow me on Instagram you know I’ve been pattern crazy lately. Since I started to post the patterns, a lot of folks have asked about my process and how I’m creating them. I thought I’d demystify the process and share how I make them with you here. I’ve never taken a course in pattern design, this is just my method that I came to after playing around with making patterns over the years. I’m not sure if this is how everyone else does it but it works for me. If you’ve got some Photoshop skills, this will be pretty easy to replicate, if not, this will seem hella complicated so you may wanna head over to Design Sponge who has a pretty great tutorial by the wonderful Julia Rothman on repeating patterns that doesn’t require Photoshop) Read on to get the scoop on my meathod>>
1. I start off by doing watercolor sketches in my notebook. Simple enough, right?
2. Next I scan the page into the computer at 300DPI.
3. After I import the scanned jpg into photoshop, I cut out each shape/sketch using the Magic Wand tool or the Magnetic Lasso tool and paste them all onto separate layers.
4. Then I create a new document and make a square or rectangle shape from the Guides.
5. Next I start cutting and pasting the shapes into the square. I move them around until I like the way they look. I may tweak the colors at this stage to get the right tones. It’s OK if the shapes go outside the lines.
5. Once I’ve filled up the square, I turn it into a clean tile. And this is the trickiest part of the whole deal. You see how that grey feather on the left is poking outside the Guide? Well, using the Rectangular Marquee tool I cut the part that’s outside the box. I add a new Guide to mark the top of where the piece is going outside the line (as shown above) and paste it at that exact same place, but on the opposite side of the square.
6. Now you’ll notice that the part of the feather that was over the line, is now on the opposite side of the square. Next, I repeat this step with all of the pieces that are coming outside the square even a little bit. So if you look at the orange leaf in the upper left corner, you’ll notice the top of the leaf is now down on the bottom, left corner of the tile. Now be sure to save a version of your tile in PSD format, so that the layers remain in tact before moving to the next step.
7. Hide the background layer and Merge Visible Layers so that your tile is now all on one layer. Now you just select all, copy and paste your tiles to line them up together and to start the repeat.
8. Keep on adding pieces on all sides and make the repeat as small as four squares or as large as your computer will allow…
9. Next I like to play with background colors and see how it changes the look and feel of the pattern.
10. And that’s it! It really just takes some practice, but once you get it down it’s actually pretty amazing how fast and easy it can be to make a repeating pattern…watch out though, it’s addicting!
Once you have your repeat pattern done, you can use companies like Spoonflower or Fabric on Demand to design your own wallpaper, fabric or gift wrap. Wouldn’t it be fun to make fabric and upholster a chair or make curtains with your own watercolor sketches?! I can’t wait until I get to start to see my patterns appearing in jungalows around the world–and hopefully that will be happening soon–but more on that later…
Let me know if you have any questions!
thank you so so much for posting this, Justina!! I looove your patterns and was about to ask you which program do you use to make them )))) I am going to try it today itself! :)
Greeeeeeeeeeeeaaaaaaaaaaat!!!!! Thank you, Justina
hugs
Ahh, this helped me out SO much! I was wondering how you made these beautiful patterns repeat. Going to give it a try very soon. (:
Loving your pattern series soooooo much! Can’t wait to see where they end up! Do you know your way around Illustrator? The newer versions make pattern making really easy and it might be fun for you to play with because you can toggle the way they are gridded, etc with the click of a button and it’s super simple to save them and apply them to new documents, images, etc.
Hi Emily!
Yes I’m decent at illustrator but I’m kinda more agile in photoshop so/because I use it more often–but this is a great tip and I will be giving this a try too! Thanks for the tip!
Ohhhh love it, thank you for the tutorial Justina! But I’m afraid to start making patterns and become addicted :S
Besos!
Thank you so much for sharing this! I also loved Julia’s tutorial, but got held back feeling like I needed to stay within a square with hand painted items, so this is hugely helpful! I love your designs, they are lovely!
-Maggie
great! So happy you found this to be useful! Thanks for stopping by!
such a good tutorial.
i love the idea of having your own sketches in your home.
thanks justina!
Long time reader — first time comment…I love how organic your process is, but there is a much less time consuming way to make a repeat in Photoshop:
-Build your composition in a photoshop file (no clipping, make it fill but not break frame and it can be any size or ratio)
-Then select all layers, right click and make it a smart object (non destructive and still editable). Then, go into Filter > Other > Offset. This Filter will tile your pattern.
-Divide the composition equally (if your composition was 1600x1600px, offset by 800px and 800px) Now you have a perfect repeat.
-Then I fill in the center of the composition with more elements.
…And you have a lovely repeat with no grid-based cutting or hassle.
Oh I’ll have to try this! I love to hear how many different roads there are to take to get to the same end! Thanks for sharing!
Oh my goodness! I’m so glad I found this. Thank you SO much! Your method works great! What a time-saver.
This is an awesome tip. Thank you both for explaining your processes!
I just downloaded adobe illustration I am sooooo new to this I will learn it.can I use your posting in illustration also?
I love that you hand paint the elements first. It adds such an organic feel. The offset tool is soooo incredibly useful for making repeat patterns. Cecelia explained it perfectly. I learned through skillshare.com (thank you for opening my eyes to such a helpful website BTW). If anyone is interested:
“Pattern Design: Creating Repeat Patterns From Your Illustrations & Paintings” by Kristi O’Meara
have you heard of spoonflower? you should upload these patterns so people could buy fabric with the patterns on them! i would TOTALLY buy that fabric! LOVE!
This was so so helpful! I’ve been wanting to know how to do these kind of patterns using watercolor drawings for such a long time. Thank you so so much, I’ll put for sure this tutorial into practice!
another tip, you can save you finished single tile to your swatches palette and then you can draw any shape that you want and simply fill it with the repeated pattern!
Omg love this so much <3
https://aspoonfulofnature.wordpress.com/
This is fantastic! Thank you.
Justina, I really love the color combination of your pattern!
It is so nice to see your process and how everybody has his own way to do things!
I also made my own tutorial on how to make repeat patterns, if you want to check it, I would be very honored!
http://studiokalumi.wordpress.com/2015/02/28/tutorial-2-how-to-make-a-repeat-pattern-in-photoshop/
Such a great tutorial! I will be trying your meathod!
Thank you!
Wow wow wow. I totally just did this! I have almost no experience with photoshop, so finding all the tools as well as understanding how the layers work(damn layers…) took forever, but somehow I managed to make a pattern! Even with the objects outside the lines that continue into the next square and all that. Thanks for a really inspiring and understandable tutorial!
Yay!
That’s absolutely wonderful to hear!!
Big hugs and happy patterning!
Thank You!! I knew it had to be simple but am so grateful someone finally spelled it out. (And Love your designs!)
Wow Justina thank you for sharing – this is so awesome and helpful!!! Your patterns are gorgeous. I can’t wait to give it a shot :)
Thanks for sharing! This is awesome! :D Can’t wait to try it!
This post brought me to your blog. Thank you for taking the time to write it! What a great creative self – homework assignment. I am teaching myself photoshop and need good projects to work on. Great site.
This is soooo fabulous! Thank you!
This is so helpful! Thank you so much! Can’t wait to give it a try. :)
Love this post – what a beautiful pattern!
I have a (silly?) question about scanning, hoping you can offer insight since it was watercolor you were scanning.
I do a lot of rendering with chartpak markers, and have started watercolor more recently. Any time I try to scan my work into the computer to use in Photoshop for projects, the color/contrast gets super blown-out! My once beautiful/subtle color looks nothing like it did on paper. I tried scanning at different resolutions/pixels but that did not help my problem, unfortunately. Can I ask what your trick is or what kind of scanner you have? Even when I have taken work to a copy store like FedEx-Kinko’s it seems to distort beyond what I was expecting.
Any advice would be deeply appreciated, as I am mystified!!!
Your work is beautiful, thank you for sharing!
Sincerely,
Kelly
Thanks for posting this, Justina! Really glad to read this and stumble across your work.
There is a great online class at BurdaStyle Academy on creating fabric designs using photoshop and illustrator. Its $129 to take. It’s a fabulous class. It starts soon, but does run frequently.
Lovely work!! And this is a wonderful tutorial; i just have a question; are there any special tips for selecting the shapes when you are planning to use them on another color background? i was wondering also if it might be best to use something like gouache instead of watercolor in this case.
thanks!
sandra
Can’t wait to try this! Thank you so much for posting! Wonderful!
Justina; Just discovered your work on apartment therapy… ran to find your Jungalow blog.
Ooooh. Now THAT’s what I’ve been dreaming to do to my teeny apartment .. if I knewhow I will be living on your site.
One Q I hit on your Guides and zip,I lost them. Could you pls guide me back, no pun intended.
I also fell in love with your family portrait. How great is that! . Johanna (Yohanna)
I do not have a scanner at my place. Will it still work if I click a really nice and clear picture of my sketches and import and then use to do the same ?
Thank you! When I first try, I will probably become an addict ;) I “discovered” your blog just a short while ago. Love it!
Great internet site! It looks very professional! Maintain the good job!|
This is incredible! Do you sell your fabric? I make handmade pillows and curtains and love to feature other artists work in my designs.
-Margaret
Awesome tutorial, Justina! I can’t wait to try this.
Once you used the cheat rule testingcheats true/false you’re getting
more options once you Shift + click a Sim or object.
Greatte article. Keep writing such kind of information on your page.Im really impressed byy it.
Hello there, You have done a fantastic job. I will definitely digg it and for my part recommend to my friends.
I’m sure they will bee benefited from this website.
Thank you so much for sharing this <3
SO helpful!
Excellent post. I’m facing a few of these issues as well..
I do not even know the way I stopped up here, however I thought this post used to be
great. I don’t realize who you might be however certainly you’re going to a famous blogger for those who are not already.
Cheers!
wondering how you keep your lines so fresh by just using the magic wand. Do you have to do a lot of corrections by filling in what the magic wand has taken out?
Fabulous, what a webpage it is! This website provides useful facts to us, keep it
up.
Aw, this was an exceptionally good post. Taking a few minutes and actual effort
to make a superb article… but what can I say… I put things off a lot and never seem to get anything done.
I’d like to thank you for the efforts you have put in writing
this site. I am hoping to view the same high-grade content by you in the future as well.
In truth, your creative writing abilities has encouraged me to
get my very own blog now ;)
Very good post. I certainly appreciate this website.
Stick with it!
Hello, I want to subscribe for this web site to get most recent updates, therefore
where can i do it please help.
I am no longer positive the place you are getting your information, but great topic.
I must spend a while studying much more or working out more.
Thanks for fantastic info I used to be searching for this information for my mission.
Thank you for some other informative website. Where else may I am
getting that kind of information written in such an ideal manner?
I’ve a mission that I am just now running on, and I have been at the glance out for such
info.
Thank you, I have recently been looking for info approximately this topic for ages
and yours is the greatest I have came upon till now. But, what in regards to the conclusion?
Are you positive about the supply?
When I originally commented I appear to have clicked the -Notify me when new comments are added- checkbox and now whenever a comment
is added I get four emails with the same comment.
Is there a means you can remove me from that service?
Appreciate it!
Amazing! Its in fact awesome post, I have got much clear idea regarding from this
post.
Nice post. I used to be checking continuously this blog and I’m impressed!
Extremely useful information specially the ultimate part :) I care for such information a lot.
I was looking for this particular info for a long time. Thank you and good luck.
First of all I would like to say great blog!
I had a quick question that I’d like to ask if
you don’t mind. I was curious to know how you center yourself and clear your head before writing.
I’ve had a difficult time clearing my thoughts
in getting my thoughts out. I truly do enjoy writing however
it just seems like the first 10 to 15 minutes are generally lost simply
just trying to figure out how to begin. Any suggestions or tips?
Appreciate it!
Hi there, I desire to subscribe for this weblog to get most up-to-date updates, thus where can i do
it please assist.
Thanks in favor of sharing such a nice idea, article is good, thats why i have read it completely
Love it. Great share and wonderful tutorial !!
Good web site you’ve got here.. It’s hard to find excellent writing like yours nowadays.
I honestly appreciate people like you! Take care!!
Now I am ready to do my breakfast, when having my breakfast coming over again to read more
news.
May I simply just say what a relief to discover an individual who
really knows what they’re discussing over the internet. You definitely realize how to
bring an issue to light and make it important.
More and more people must read this and understand this side of the story.
I was surprised you’re not more popular given that you certainly have the gift.
After going over a number of the blog posts on your web site, I honestly appreciate your technique of blogging.
I book-marked it to my bookmark webpage list and will be
checking back soon. Please check out my web site as well and tell
me how you feel.
Great blog! Do you have any tips and hints for aspiring writers?
I’m hoping to start my own website soon but I’m
a little lost on everything. Would you recommend starting with a free platform like WordPress or go for a paid option? There are so many choices out there that I’m completely confused ..
Any suggestions? Bless you!
It’s going to be finish of mine day, except before finish I am reading
this impressive article to improve my know-how.
Hi, i believe that i saw you visited my website so
i got here to return the favor?.I’m trying to find issues to enhance my website!I guess its adequate
to make use of a few of your ideas!!
Great beat ! I would like to apprentice at the same time as you amend your site, how could i
subscribe for a blog site? The account helped me a applicable deal.
I have been a little bit familiar of this your broadcast offered vibrant
clear concept
What’s up, yup this post is really nice and I have learned lot
of things from it concerning blogging. thanks.
What i don’t realize is in truth how you’re not really much more smartly-appreciated than you might be right now.
You are so intelligent. You understand thus significantly on the subject of this subject,
made me in my view consider it from so many various angles.
Its like women and men are not involved until it’s one thing to accomplish
with Lady gaga! Your own stuffs outstanding. At all
times maintain it up!
Thanks on your marvelous posting! I really enjoyed reading it, you may be a great author.
I will always bookmark your blog and will come back someday.
I want to encourage you to definitely continue your great writing, have a nice holiday weekend!
After looking at a handful of the articles on your web page,
I seriously appreciate your way of writing a blog.
I bookmarked it to my bookmark site list and will be checking back
in the near future. Take a look at my website too
and tell me how you feel.
I loved your post.and I sometime face problem in setting repeat also .
Thanks
LOVE LOVE LOVE THANK YOU!
Fantastic items from you, man. I’ve bear in mind your stuff prior to and you are just extremely great.
I really like what you’ve got right here, really like what you are
stating and the way in which you say it. You make it enjoyable and you still take
care of to stay it smart. I can’t wait to read far more from you.
That is really a terrific web site.
Hi to all, it’s genuinely a pleasant for me to pay a visit this web page, it includes valuable Information.
If you want to take a good deal from this post then you have to
apply such techniques to your won webpage.
Have you ever considered writing an e-book or guest authoring on other blogs?
I have a blog based on the same topics you discuss and
would really like to have you share some stories/information. I know my audience would appreciate your work.
If you’re even remotely interested, feel free to shoot me an e-mail.
I freakin’ love you for this tutorial! I’ve paid for online pattern design classes that didn’t explain it this well! It’s super easy in illustrator, but I struggled with photoshop, and this nailed it. Big thanks!
Yeah, I’m gonna’ need that last image (with the green background) in a wallpaper…It’s everything my chimney needs… :D
Excellent, what a website it is! This webpage presents helpful facts to us,
keep it up.
I am much pleased to see this repeating pattern tutorial this will really help me lot….
nice collection ….
Yay! You just unlocked my brain on textile repeats! Thank you so much . . . from one of the original bohemian hippies . . .
Hello,I’m obsessed with all things textile as well and these are beautiful….
You’re true thats the pattern in carxstreet.