Around the Web
enter your email


powered by FeedBlitz

Around the Web
Design Sponge
May 12th, 2008
welcome julia and how to make a repeat pattern

hello hello. thank you Grace for having me this week! I am very excited to be here. Besides introducing you to some cool artists, giving sneak peeks and before and afters of some friends homes, and sharing my favorite new product finds, I thought it would be nice to share some of the things I have learned along the way of being a illustrator/pattern designer.

One of the questions I frequently get emailed is -how do you make a repeat pattern? I thought it would be fun today to do a little tutorial showing you how simple it is even with a very complex drawing. And you don’t even need a computer! (I usually do my repeats on the computer but today I’m doing it the way I was first taught.) Here’s the old fashioned way of making a tile-able design:


On a clean piece of paper draw a design in the middle of your paper without letting any of the drawing touch the edges- this is very important. (I am going to draw lions and vine-y things- an influence from last months visit to the American Folk Art museum in nyc.)


Once you finish the middle space as much as you want you are going to cut your drawing in half- scary I know- but that’s why computers are helpful. Once you have the two pieces flip them and tape your drawing back together. Put the tape on the back of the paper so it doesn’t obstruct your drawing at all later. Also try to tape your drawing back together as perfectly lined up as possible. It’s hard to see that I’ve even taped mine since I’ve lined it up so well.

Next you are going to cut your drawing in half again the other way- (yikes!) and flip those pieces and tape them back together. Now your design should be on all the edges only and you have a big middle white space. Now fill this space with the rest of your design. Remember again- do not draw to any of the edges of the paper.


Once you finish filling in all the parts you want to fill in you now have your repeatable tile. You could color this tile and then xerox it many times and line up your design- plaster it on your walls and make wallpaper. I am going to cheat and do the final coloring steps in the computer to finish up my design. I am going to scan my drawing, take it into Adobe Illustrator, color and repeat it there.

And here’s my finished design:

105 comments
ae said:
May 12th, 2008 - 8:41 am

Julia - something I have been dying to figure out is how you take your patterns and showcase them as applications on various products. You do a really great job with this. I’m thinking it takes photo-shopping skills far beyond my abilities! (I’m a surface pattern designer, so I understand photo-shop… to an extent!) I would LOVE to learn what tools you use to make it look so polished.

ps: I also LOVE folk art! So great. Take care!

May 12th, 2008 - 8:42 am

Hi Julia! I’m a big fan of your work and it’s lovely to have you here at design sponge to keep us company all week! Great tutorial also! I’ve been playing with patterns for a few months now and I didn’t quite catch how it should be done until now! Your tutorial is quite simple and works great for complex designs! Thanks!

geek+nerd said:
May 12th, 2008 - 8:48 am

that is seriously cool. great tutorial - and great illustration!

katie said:
May 12th, 2008 - 8:50 am

wow - this is so clever, yet obvious at the same time! i’m definitely going to try it!

May 12th, 2008 - 9:01 am

I’m a totally self-taught artist, and since I make things up as I go along, I miss stuff. THIS post is eye-opening! I’m sure it’s “basic” to those who’ve gone to school for art, but this little tidbit has me completely excited at the possibility!!! Thank you!

Nikko said:
May 12th, 2008 - 9:03 am

HI! What a educational post! Thanks for sharing! I love your example print too.

Laura said:
May 12th, 2008 - 9:25 am

This is a great tutorial! And so glad to see one of my favorite artists doing the guest blog.

Patricia said:
May 12th, 2008 - 9:28 am

Thanks Julia for such an easy to follow and inspiring tutorial. Can’t wait to see how the rest of the weeks shapes up.

Ann said:
May 12th, 2008 - 9:29 am

Wow! Thank you for this post. This really was as everyone else has stated, “eye-opening” and “clever”. Thank you!
How do you half pictures in photoshop and line it up?

Elizabeth said:
May 12th, 2008 - 9:34 am

Thanks! This is so cool!!

Geeta said:
May 12th, 2008 - 9:41 am

Thank you so much for generously sharing this technique! It’s exactly what I wanted to know…

Love your designs!

Janine said:
May 12th, 2008 - 9:44 am

Simple + Brilliant!
I look forward to your posts this week, Julia.

Tina said:
May 12th, 2008 - 9:45 am

Thank you for a very helpful post!

JHill said:
May 12th, 2008 - 9:55 am

This is so great Julia! I’ve taught myself how to do repeats and it has been a big struggle. I always seem to end up all confused and frustrated. This tutorial is so great and a big help! Thanks!

julia said:
May 12th, 2008 - 10:07 am

Oh great! I’m glad to share.

ae- I learned how to photoshop my applications from an online tutorial I found somewhere. I wish I still had the link. Basically it’s a mix of multiplying your layer and using the displace filter. If you search around the web you can probably find some sort of site to help you.

Sequana said:
May 12th, 2008 - 10:27 am

For a non-Photoshop person, this is a god-send. *S* Thx SO much for this…….

May 12th, 2008 - 10:41 am

thanks so much for a great tutorial!

Bethany said:
May 12th, 2008 - 10:48 am

The best How-To in a long time. Much appreciated!!

Kristin said:
May 12th, 2008 - 10:48 am

Awesome! I’m a textile designer too and just love patterns that repeat perfectly. Maybe it’s that so much design is done straight on the computer, but a pattern designed in a box and just tiled out drives me nuts, I can see it “striping” a mile away ;) (PS: I love your regular blog too.)

May 12th, 2008 - 11:00 am

thank you so much………this makes it so much easier. i had struggled to do something similar in photoshop, but it was frustrating. ps. swissmiss has some helpful tutorials.

May 12th, 2008 - 11:02 am

This is great! Thanks so much. As a fine arts person, I have recently grown interested in pattern making and this has helped so much.

Con

lisa s said:
May 12th, 2008 - 11:34 am

i am a giant fan of yours….

how generous of you to show this technique! thanks so much!!

May 12th, 2008 - 11:43 am

what a great tutorial! thanks julia. i’m looking forward to your posts this week. :)

jinnie said:
May 12th, 2008 - 11:43 am

Wow, this tutorial looks so fun to try. Thank you Julia for sharing with us.

leslie said:
May 12th, 2008 - 11:56 am

Thanks so very much for sharing! I’ve struggle with repeats- this is so very helpful. Looking forward to more of your posts this week.
As for online tutorials, I’ve found Total Training and Lynda.com helpful.

May 12th, 2008 - 12:09 pm

Absolute serendipity - I spent my day breaking my brain as I tried to teach myself to make a repeat. This is such a brilliant tutorial - i think you just changed my life!
Thanks.

samantha said:
May 12th, 2008 - 12:40 pm

cool Julia!!!! Great pattern too!

May 12th, 2008 - 1:21 pm

great job,! you could also scan it in and do the repeat in illustrator by using tabs which is what I used to do when I designed chilren’s clothing. These days I am lucky and my fabric company does it all for me, I haven’t done a repeat in about 15 years!! Most companies will do it for you in giftwrap, fabric etc. so although its great to know you do not have to feel intimidated into having to have your designs this way. I still think a good designer should know it anyway just to make sure the designs are well executed.

andi said:
May 12th, 2008 - 1:22 pm

This is great! I figured out my own way of doing repeats on the computer, but I always wondered how others (including Amy Butler) did this by hand.
Thank you, Julia, for sharing! Can’t wait to see what else you have planned!

jan said:
May 12th, 2008 - 2:07 pm

so very totally wow!

cheirie said:
May 12th, 2008 - 2:22 pm

thank you! that is SO fabulous. gotta go do this SOON.

Chantel said:
May 12th, 2008 - 2:30 pm

Thank you so much for these simple and easy to follow instructions. I’m self-taught “artiste” and have been experimenting with different methods of creation. I was just about to venture into pattern design and these instructions couldn’t be more timely or useful.

betsy said:
May 12th, 2008 - 3:06 pm

Another big fan here, Julia. Thank you very much for this tutorial — it may be my favorite on-line tutorial ever! I’ve been wondering how to do repeat patterns for ages. Thank you!

Julie said:
May 12th, 2008 - 3:28 pm

Brilliant and simple tutorial. Thank you Julia! I am a big fan of your illustration and your blog, so it’s nice to see some of the backstage tricks!

viola said:
May 12th, 2008 - 3:28 pm

julia, thank you SO much for sharing this. I make my repeats on the computer but this hand method is such an eye-opener!

Lori said:
May 12th, 2008 - 3:40 pm

This is so cool! I only wish I hadn’t stumbled across this while at work (where I”m *ehem* working… )

robyn said:
May 12th, 2008 - 4:01 pm

This is so wonderful! Thank you so much for sharing. This will open my world to patterns now.

Green Key said:
May 12th, 2008 - 4:08 pm

Thanks for your generosity Julia! I’ve always wondered how to do this.

May 12th, 2008 - 4:53 pm

thank you!
I often asked me about this, but never searched how to do.
You make my day!

patricia said:
May 12th, 2008 - 5:21 pm

That is the clearest, simplest tutorial I’ve seen regarding tiling. Thanks for sharing!

jenniferL said:
May 12th, 2008 - 5:31 pm

wow… very cool. thanks for the tutorial!

Caitlin said:
May 12th, 2008 - 6:29 pm

I really love that lion design, and thanks for the tut!

del4yo said:
May 12th, 2008 - 6:59 pm

the filter “offset” does exactly that in Photoshop…But not every body has Photoshop, thanks for shating,
and what a beautiful pattern!

emmajane said:
May 12th, 2008 - 7:13 pm

Fantastic! This is a great example of how to make a pattern. A while ago I bought a more complex book on making different kinds of patterns. It’s very technical, but also interesting. It’s called Pattern Design and it’s now also available for free as a Google book.

http://books.google.ca/books?hl=en&id=QWfjsEqPMoYC&printsec=frontcover

Your tutorial is definitely way easier though, thanks!

Natalie said:
May 12th, 2008 - 7:22 pm

I love patterning but I’ve been too intimidated by my own drawings to tile them. I’ve been toying with several approaches including this one, and seeing your beautiful lion and vine drawing has encouraged me!

May 12th, 2008 - 7:25 pm

This is SO COOL, I can see I’m not the only one fascinated by repeats and you have given us all something wonderful to go away and try. Thanks Julia!!!

Larissa said:
May 12th, 2008 - 8:09 pm

joy! joy joy joy! I have long wondered how to accomplish this. You are wonderful for sharing this longed-for tutorial. and that is a GREAT pattern.

Lisa said:
May 12th, 2008 - 8:39 pm

Oh, wonderful. Thank you!

jodi said:
May 12th, 2008 - 9:31 pm

Thank you, thank you for demystifying the technique of creating pattern repeats! I love your lion print!

May 12th, 2008 - 10:01 pm

That is the coolest thing I’ve ever seen! I make repeating patterns all of the time in polymer clay, but I suddenly have all kinds of ideas for how to accomplish much more intricate, non-kaleidoscopic repeats now. Very neat!

helen S said:
May 13th, 2008 - 12:56 am

duh, that just made it all so easy. When you scan into illustrator do you then have to draw over your scan to get closed shapes to colour rather than lines, this is where I struggle but I am totally selftaught and ever learning.

Amy said:
May 13th, 2008 - 1:56 am

OMG. Thank you so much Julia! :)
You have changed the way I look at patterns forever! Hoooray! :)

lusummers said:
May 13th, 2008 - 2:57 am

oh, blooming fantastic…thanks so much for showing it the old fashioned way! i know what i’m going to be doing today…

Bird said:
May 13th, 2008 - 3:58 am

I’ve been wondering how to do a repeat pattern for so long, this tutorial explains it so simply! You have no idea how happy this makes me :) Thank you!

May 13th, 2008 - 4:41 am

great tutorial, well illustrated. Thanks

Ivana said:
May 13th, 2008 - 5:26 am

I donot temember when I have seen so great tutorial. Thanks for sharing.

May 13th, 2008 - 6:59 am

Great:-)
I’m going to try it!!

ae said:
May 13th, 2008 - 8:20 am

Julia - yup just like I thought! No idea what a displacement filter is :) but I’m definitely going to google my little heart out looking for tutorials! Thank you!

May 13th, 2008 - 8:49 am

Being self taught in just about everything I have done with arts and crafts, this way really mesmerizes me. I like knowing the “old” way things were done…the finished product just has so much more charm. Thank you so much, I can’t wait to try this. Now I don’t want to go to work today!

Sangesh said:
May 13th, 2008 - 9:08 am

well… actually i was lookin’ for some web design patterns… anyway your patters are good.

May 13th, 2008 - 10:26 am

Love this great tutorial! So simple too.

Angela said:
May 13th, 2008 - 10:37 am

I feel like I’ve just been given the key to a very cool secret! Thank you for sharing it around!!!

Benz said:
May 13th, 2008 - 10:49 am

I’m also a big fan of your amazing pattern. It’s great to see your behind-the scene :) very inspiring!

Andrew said:
May 13th, 2008 - 12:11 pm

Wow Julia, thanks! But what are the exact steps in the computer. Can you give them for the way you scanned this in Photoshop and brought over it Illustrator? How does the line in photoshop translate to vector in illustrator? and how do you color it?

Also, if all of the drawing had been done only in illustrator, how do you cut the design and line it up? or do you copy and paste the whole image into the corners? How does the measurement of the repeat box get figured out?

I know how to do repeats my way - but your way seems like it would save me so much time.

Thanks.

May 13th, 2008 - 12:41 pm

I’m sure that everything I would have said has already been said so I’ll be brief. One word to you Miss Julia…GODDESS!

meiyi said:
May 13th, 2008 - 1:06 pm

this is fantastic!! i’ve been trying to figure repeated patterns out!! thank you so much for sharing!!!

May 13th, 2008 - 2:40 pm

WOW.

I swear, you’ve just advanced the craft community forward about a thousand years.

Magic. Thankyou.

xxx

shannon said:
May 13th, 2008 - 4:48 pm

thank you thank you!

janne said:
May 13th, 2008 - 5:10 pm

I knew there was a reason why I hadn’t started doing (repeat) patterns myself yet. My subconscious must have been waiting for this tutorial!

Vitte said:
May 14th, 2008 - 10:43 am

I’ve also puzzled with repeat patterns - not easy to figure out.

Thanks a lot for a great tutorial!

Olivia said:
May 14th, 2008 - 11:16 am

Grazie mille! Going to try this right away!

Stephanie said:
May 14th, 2008 - 1:48 pm

That just solved a million puzzles I had in my head for designing new gift box designs. Couldn’t have asked for a better post at a better time. Grazie mille indeed!

julia said:
May 14th, 2008 - 7:41 pm

I am really surprised at the amazing response to this post! I’m so glad I was helpful to so many people! happy pattern making!

Lain said:
May 14th, 2008 - 8:19 pm

Agck!!! This is too amazingly smart! I can’t wait to try this out!

Thank you!!!!

Maryellen said:
May 15th, 2008 - 2:11 am

Julia, you rule!!! I was amazed and delighted to find you were not only the guest blogger but also sharing a glimpse into your magical creations. Thank you! You continue to inspire me.

Alma said:
May 15th, 2008 - 3:37 pm

Julia, I design fabric linings for business cases and totes. I do all my work directly in Illustrator. I’d love to do a hand drawn pattern for one of our totes soon and I’ll definitely use your method! One reader asked how you color your file once you import it into Illustrator. I’d like to ask the same. Do you use live trace, or does that alter your original design too much? What other method would you use to color your imported image in Illustrator? I’d love to know!

Danica said:
May 15th, 2008 - 9:59 pm

Thank you so very very much for this! I was browsing through one of the blogs I was subscribed to when I found a link to here and I am ever so grateful that I did. I’m stuck at home all day today so this tutorial has definitely given me something to look forward to! Thanks!♥

julia said:
May 16th, 2008 - 4:45 pm

Alma and Andrew- I do live trace my drawings. I’ve found perfect settings to get them just right. thanks!

Josie said:
May 16th, 2008 - 11:06 pm

Old school, just the way I like it. I still do everything by hand. Not really by choice but because I don’t know how to use any design programs.
Thanks,
Josie

Sydney said:
May 17th, 2008 - 1:23 am

Wow.
That is wayyy too cool. Thank you ever so much for the tutorial!
I will definately have to try that out.

I sorta have a question, however.
If I made a design, and wanted to make it into real wallpaper, what paper should I use? What paper would work in a computer printer, but wouldn’t possibly run or bleed when glueing it up?
Well, when I think about it, I probally cannot wallpaper in my rental flat I’m getting in a few months… so maybe just decoupage will work on furniture and such!

Still, if you had a chance to suggest paper, that would be amazing.

Thank you soo much!
x

imedagoze said:
May 17th, 2008 - 7:43 pm

wow, thank you so much for this!

Lucía said:
May 21st, 2008 - 9:17 pm

great pattern and great explanation too :)

Margarita said:
May 22nd, 2008 - 1:30 pm

Julia
Great job!!
Im a designer and Im working at my own pattern designs. So I have a question similar than Andrew ask you, but the answer it´s not jet clear to me, so please answer it again.
¿What are the exact steps in the computer.Can you give them for the way you scanned this in Photoshop and brought over it Illustrator? How does the line in photoshop translate to vector in illustrator? and how do you color it?
Thank you soo much
I am going to be waiting for your response

Zee said:
May 23rd, 2008 - 12:17 pm

This is so great. I wanted a tutorial for seamless background for a long time, but forgot about it…I just found yours and I will definitely try it one of these days. I will start Adobe Illustration soon and I guess we can even do this on Photoshop too…
Awesome, thanks a lot!!!

Karen said:
May 26th, 2008 - 4:54 am

Julia, this is a fantastic tutorial, thank you.
My daughter and I tried this technique out with different patterns over the weekend, and it was successful every time.

tara said:
May 27th, 2008 - 8:48 am

wow thanks this has been puzzling me for quite a while! love your stuff Jules x

May 27th, 2008 - 3:17 pm

oh, this will come in handy! thank you!

May 29th, 2008 - 8:18 am

it´s a great lesson ;)) but i think is maybe more easy to use at photoshop the … filter, others, deslocate…

Heather said:
May 29th, 2008 - 5:49 pm

Julia, great tutorial! I am also a textile designer and this is one of the “secret” methods we learned in one of our repeat pattern classes. It’s great to see so many talented people trying their hand at textile design and now that they know this tip all their designs will be so much improved! Cheers~

alison said:
June 2nd, 2008 - 8:04 pm

amazing - i love it! I am going to make one right now and see how it turns out.
xo alison

maggie said:
June 5th, 2008 - 5:31 pm

terrific technique….thanks! ***Do you have a “cut-paper” easy formula for figuring out a half-drop repeat??? I always go a little nuts trying to figure those out. Many thanks!

April said:
June 6th, 2008 - 2:38 am

Thanks so much for sharing this. I finally finished mine!

http://aprilini.com/post/37363806/tile-project-via-aprilini-so-i-wanted-to-try

Lachie Penn said:
June 9th, 2008 - 8:09 am

Great little tutorial..I am self taught graphics and have just gotten into the clothing game. Very much the youth, skate, surf game where repeat fabris is very popular. If anyone can point me in the direction of good designers, resources etc, that would be awesome… regards to all and thanks. Lachie

June 10th, 2008 - 6:48 am

I wish I knew more about computer graphics. I would love to be able to color in an image like you did!
Thanks for a great share.

kimmie said:
June 16th, 2008 - 7:36 pm

Wow perfect timing with this tutorial, thank you so much!
–Beautiful drawing, too!

June 18th, 2008 - 3:00 am

Ok… So I tried this on my computer and it is hard! I am very new to this whole photoshop thing so I am going to keep at it. Thanks so much for the tutorial!!

June 19th, 2008 - 3:31 pm

Julia- thank you, thank you. Wish the textile class at SVA I recently took showed us this! Love your work–I know exactly what show you went to see!

marleighsea said:
June 24th, 2008 - 10:01 pm

amazing!! thank you!

Ourania said:
June 25th, 2008 - 1:44 pm

That’s awesome! Thank you for sharing. But where do you go from there? I’m am new to this but have a few designs in mind and would like to be able to take them to get printed on a few yards of fabric. Can you reccommend some companies that do this?

Ariel said:
June 30th, 2008 - 9:02 am

So outrageously simple! Thank you for sharing. ^^

towhee said:
June 30th, 2008 - 7:17 pm

wow this is a great tutorial! thank you for demystifying the process.

R Sullivan said:
July 1st, 2008 - 5:22 pm

Fabulous, thank you so much. Art teacher, UK

July 4th, 2008 - 11:49 am

Fantastic! This will help my Fairy’s fly off the page…………..Thank you for this, what a gift. :-)

l&coolj said:
July 9th, 2008 - 8:15 am

this is JUST what I was looking for! Thank you sooo much :)

yishui said:
July 27th, 2008 - 11:04 am

Thank you for sharing how to do this; It’s wonderful !
I shall be making some tiled art soon ♥

Write a Comment:
Design*Sponge reserves the right to restrict comments that do not contribute constructively to the conversation at hand, contain profanity, personal attacks or seek to promote a business unrelated to the post.

Name (required)

Email (will not be published) (required)

Website