How to Create Seamless Patterns in Illustrator
Vložit
- čas přidán 1. 06. 2024
- In this tutorial, we create a seamless, vector repeat pattern entirely in Adobe Illustrator. I also share how to change the background color for any pattern, too!
Pick up the leaves + flourishes vector kit mentioned in the tutorial here! gumroad.com/l/leaves-flourishes
For more design tutorials + freebies, head over to my blog, every-tuesday.com
You can also follow along on Facebook: everytues
Twitter: / teelacunningham
and instagram: / everytuesday
Thanks for watching! - Jak na to + styl
So glad I found your CZcams channel, have just subscribed to it. I'm studying media communicions, currently working on my bachelor degree and on a project including graphic design in the matter of a corporate visual identity, so all these videos of yours are sooo helpful! Thank you, will definitely return very often to your channel. Have a nice day!
Thank you so much! Best tutorial I've seen on this! I'm a complete beginner so it was really helpful that you included what the shortcuts were and where you could find them on the option panel.
Thank you! That was awesome. I've been a graphic designer for soooo many years but love how you can always learn something new - we can never know everything and that is the exciting thing about it. I'm inspired!
This is amazing, thank you so much, took me a little while to grasp as I was having issues with illustrator saying the file was too big to do the clipping mask but I got there in the end. This was my first attempt at making my own pattern on illustrator and this tutorial was incredibly helpful so thank you!!!!
Awesome tutorial! Straightforward, concise, well explained and complete. Great work!
+Riccardo Zaffalon Thanks so much! :)
I concur.
yep, so easy to follow her, just keeping in mind to use mac prompts instead... ease of voice is the key to tutorials!
Thank you, thank you, thank you. This was great, its hard to think at 12 am in the morning, but you made my seamless pattern making easy!! woohoo.
You can just use the align tools and make sure you have "align to artboard" selected when you want to make that background fit perfectly to the artboard. Two clicks and you're done.
This video is already 5 years old but thank you so, so much! I studied textile design where we had to make tons to seamless patterns...however, no one taught us how to properly work with Illustrator so we spent hours making simple seamless patterns because we matched the seams by hand till it fit....in Photoshop nonetheless! The hours I could have saved on projects if Ihad known this method before!
I'm actually starting my first job as a designer in a week so tutorials like these are a real life safer! Once again, thank you so so much!
This is really helpful esp. for people working in the apparel industry... so many patterns being used on garments these days. Very trendy, popular stuff!! Thank you for the awesome tutorial!
yes sir the second
ily juan el parque the second well said my baby girl
i agree jay juan is amazing
omg yes jay that is so true
I know this is an old video but just wanted to say I watched it before a design interview test to refresh myself and it made it so simple and easy, I cranked out that part of the test! Thanks!
SO awesome! Totally made my day with this!
@@EveryTuesday Got the job :D!
@@graciewilson6951 ta!
@@EveryTuesday thanks mam I am from Pakistan.
I watched our video very carefully and I gained lot of information to your video.your video is very helpful for me.
But I confused 🤔🤔 I have one question? please reply
I love this tutorial. Still holds up today in 2020. I was doing stylised backgrounds and saved variations of the same pattern. Great save. Thanks!
Amazing explanation! I love how you went thru all the small details and steps on how to make a pattern. Great job!
I was looking for how to crop vectors, and found it here plus a whole lot more. Thanks for sharing the know-how!
Me too.
Thank youuu so much
This is awesome and thank you for doing this. Quick question: I followed through and expanded my objects before cropping, but there's so many points that Illustrator just lags and crashes. I've tried doing this in outline view, I only have one layer so it's not a matter of turning things off...I've tried simplifying (though this changes the look too much), and I've killed other applications but to no avail. Do you have any suggestions for how to help it crop without crashing?
This video is 7 years old but so useful. The explanations are very clear. Really appreciate that you have mentioned the shortkeys everytime you needed to use a tool or function.
I've been avoiding learning how to make patterns for possibly... years... and I'm so glad I chose your tutorial to finally learn this super valuable technique. Thank you for posting this (5 years ago!!!!!!) Helped me out a ton. :)
This was a great tutorial and really helpful, especially the trick of moving the edge elements by the size of the art board to make them line up perfectly. One other technique regarding creating the pattern swatch: If you want to make it non-destructive (still editable) without saving a copy or duplicate of the original, instead of cropping it out, what you can do is copy the rectangle you used for the mask and background, then paste it behind everything and give it a stroke and fill of none. Then, select everything and drag it to the swatches palette. Illustrator treats the bottom rectangle with no fill or stroke as the pattern boundaries and will "crop" the tiles to that rectangle. Using this technique you don't even need to make the mask if you don't want to. Then, if you want to edit the pattern, you can just drag it's swatch back out onto the art board and make your changes, then drag it back into the swatches palette as a new pattern, or hold down the alt key and drag it on top of the original pattern swatch to overwrite it.
This helped a lot! with a huge file the crop tool might not work and I couldn't figure it out. Thanks!
omg thank you for this! The crop tool was not behaving for me like it did in this tutorial at all, you saved me lol
THANK YOU so much for making the video. I can't believe the pain staking process I was using before to cut the seamless block. I am so appreciative of all the time you just saved me!!
This is an amazingly clear and concise and I keep coming back as a refresher over and over.
Great tutorial the x y axis thing was new to me it really help me making pattern now. Thanks for this lesson very very helpful !!!!
+IBEX design awesome to hear! So glad I could help :)
im in a art college and boi your videos help me more than my teacher, thank yiu
Love all your tutorials that I've watched so far! I especially loved this one since I could never quite figure these out.
Great tutorial! It is the first time I ever try to create a pattern and it worked like a charm! Thank you for taking the time - you also explain incredibly well, step by step - it is the perfect tutorial for the purpose!
Inspiring tutorial and east to follow!!
I LOVE YOUR VOICE! THANK YOU VERY MUCH!
+Qin Liu Thanks! :)
you're so good to explain, thank you!
Starting your video by showing the outcome should be pretty much standard, but everytime someone really does, I'm crying tears of joy. Thank you for this! Great tutorial btw.
This is the BEST pattern tutorial I've ever watched! Info delivered quickly & clearly. Tool locations are explained but at the right pace - not too fast not too long, and the video is short enough to adequately cover all topics. The tips at the end are ingenius about rescaling the pattern or extending the shape fill. The simple math explained and how to use the X + Y axes to type in the positive or negative values to shift the bleeding elements is a priceless tip I never knew! You're AMAZING!
Aww thanks so much! I'm so glad it was helpful! 💕
That +3 thing on the x axis placement just changed the game for me!
Awesome! Love hearing that :)
Me too!! I just sat there stunned for a bit....
Me too... so helpful!!
how do you open those details though??
when i select my object the x and y coordinates don't automatically appear in the top bar
indeed, just learn this trick from this video! thankss
How cool! Wish you had been my instructor for Illustrator!
+April Stark ha! Awesome compliment :) thanks for watching!
My first step into learning how to design my own fabric prints. Such a great video! Thanks so much! Going to search all of your others now.
Fantastic tutorial. Seamless patterns make sense for the first time ever. Well done.
Amazing thank you!
this is so awesome. thank you for teaching us this!
Thanks for checking it out! :)
I have had SO many cute pattern ideas sitting around in my head, specifically to print on some apparel. I just didn't have the technical know-how. Over the years, I wrote them down in a notebook for when I had the time and means to learn. This just opened up a world of possibilities for me, I cannot express how happy I am right now!!
Yay! I'm so glad!
So far the best illustrator tutorial video i have ever seen!!!
Thank you so much!!
Looking forward to seeing your next videos !!!
I wish your kit were free. Anyway, I'd love to give a similar pattern like this a try in CS6 but I have had some problems with white lines appearing in some of the patterns I make in the pattern maker. I have a feeling that anything that falls a bit out of the box that gives it that real seamless feel can cause those white lines. I just haven't figured a way around that. Soooo frustrating!
+Morgan Field ugh. I know - there's definitely some kind of Illustrator glitch that adobe hasn't quite figured out - sometimes there's a white line, sometimes there isn't. The new pattern tool gets rid of the possibility for white lines though - I've got that tutorial scheduled for early Feb so be on the lookout for it then! There a lot of free vector assets over on my blog, every-tuesday.com ;)
+Teela Cunningham (Every-Tuesday) I very much look forward to your tutorial on this huge issue for me. I don't want to sound picky but I don't want those white lines showing up on my monitor or in print. There has been some suggestions online on what to do about it but they don't work or they work but the quality is effected (e.g. turning anti-aliasing off in general preferences, keeping everything in the tile or the box or whatever you call it). Hopefully, your tutorial will provide solid answers to the glitch. And I hope adobe is working on this. Thanks! :)
This tutorial was very thorough and I really feel comfortable moving forward with my fabric designs. Thank you for sharing your expertise.
You explain this so clearly in a very easy-to-understand way. Thank you so much!
Hi Teela, In the Pattern Swatch I keep getting hairlines and no matter what I do they are still there. I always make sure no artwork is past my box but they still show up would you know what I'm doing wrong? I'm using illustrator cs6.
+Erika Quinonez Hey Erika! Unfortunately, that's some kind of Illustrator glitch that just decides when to do that at will :( I have a pattern tool tut coming next month that will eliminate that completely if you have CS6 or newer - stay tuned! :)
+Teela Cunningham (Every-Tuesday) Thank you! I'll be here :D
Which one is the new tutorial to get rid of the hairlines??
Tried outlined shapes and crop made a mess, any ideas how to solve this?
Not the Outline stroke option, but Object/Expand Appearance. ( The Expand option was greyed out in my AI, don't know why, but Expand appearance worked just fine )
thank you
One of the Best Seamless Pattern Tuts I've seen. I had a problem after making a Clipping Mask. I duplicated my design, moved it, then used the CROP Tool to get rid of edges. After close inspection of my design, there was distortion of individual elements. (curves out of wack, etc) I never figured it out, so I just imported the AI 3"x3" file into PS and used 'Define Pattern' option. I then opened a New 4000px X 4000px document, fill it with paint, then used the Pattern Overlay. The Seamless Texture looks PERFECT! Thank you.
I'm literally obsessed with your tutorials! recently discovered you and subbed!!
I keep on getting seams??
This is so weird the first time I did it, it was fine. Then I tried on another pattern and there are seams all over. Am I missing something? Should I select all layers? Perhaps the file is corrupt?
It's because you have the outline set up
What you mean? A see white seam too. :/
it is an issue with adobe, it's not really there, do you mean the white squares?
YourFavoriteTwinzz yeah, the limits of the squares. If I come to print this will they be visible?
it just happen the same to me :/ those lines are annoying!!
I did everything but not working =/ when i try to use the pathfinder doesn't cut around, my background appears in top of everything ..
+Andressa Lima had the same issue. I've just emailed her about the problem soooo, I am expecting a solution when she replies :) Will let you know.
+Tessa Hall same happens to mee. hope we can solve it . Cheers!
Did you have a solution? Im struggling since forever 😭
Never got an answer back
I think she may have an older version of Adobe, because I was trying to do it in the newer version and it didn't work for me. She never responded to my message about this issue.
This was SO helpful - so happy to have stumbled onto your channel. Your voice is so soothing and nice to listen to.
I am right now going into branding and packaging design, really this was so helpul! Ive seen like so many complicated videos on pattern design before this. I understood this in one go, thank you so much❤❤
I always follow these tutorials by switching between the actual application and the tutorial as we progress. Got as far as the cropping of the swatch, but no matter what I do, every time I hit the crop option, all it does is release the clipping mask? Confused...
+luvtodance2 Hmm - if you have any stroked elements in your design, you'll need to expand those before cropping - select them all, then go object > expand, then try cropping again :)
+Teela Cunningham (Every-Tuesday) Thank you so much for such a quick response. I actually had grabbed some shapes from the symbols collection quickly to use as I followed along and I did expand appearance on them, but today I will draw a few shapes of my own to use to experiment with. I use these patterns to cover very large areas like printed 16' panels for bar fronts and as large as 40' printed flooring for dance floors. I work in the area of Special Events where these are frequent requirements. I LOVED your tutorial as it was so clear and concise and easy to follow along. You make it seem so easy. Thank you again so very much - Cheers. PS - Went back in and "expanded" the shapes rather than expanding appearance and IT WORKED!
why does my patter eliminates when I click on Crop/Pathfinder ?
I have this issue too!
You won't have a seamless pattern if you only create a clipping mask. The swatch will be recognized for all of the elements within the mask so it's crucial that it's cropped for it to work correctly
After selecting clipping mask my repeat is getting erased. Please help!
Teela, you CAN have a seamless pattern if you only create a clipping mask. Just put the rectangle (with none stroke and none fill) behind all your pattern (which in clipping mask). And then place it to the swatches. Enjoy it ;)
7 years later and this is still my go-to how to make a pattern video when i forget!
The best tutorial I've seen about patterns in illustrator
when I click Crop every things spread out TT
There's no need to do in such a complicated way, simply use "Object->Pattern->Create", click the "pattern style tool" button to adjust the border of the background rectangle, keep the front objects partially out of the rectangle edge, you will get a seamless pattern.
just tried this and mine are not seamless, what am I doing wrong. has a huge space between
Old tutorial but very well presented, covers things at a nice pace and covers everything needed. Excellent work and thank you.
I've watched so many videos today as i was struggling with getting the proper way to clip mask. And your explanation was so helpful. Thank you!
I have watched this 10 times now since I first found it. Excellent demo. Thank you!
Hi Teela! Just want to thank you for sharing your knowledge in AI and PS. Your tutorials have been very helpful to me. They're very easy to understand and follow. Please continue to share with us what you know! 👍👍😊😊
Fabulous tutorial. I'm using this to help me create patterns for my surface design degree. Excellent explanations and really simple to grasp. Thank you!
Thank you so much! Any time I try to do something easy with Illustrator - I just watch by our channel and I finf exactly what I was searching! And every time I learn an new hot-key that is really helpful! Thank you so much!
This was so helpful. Thank you for explaining so thoroughly & patiently
Great tutorial! Very resourceful. Great work! Was finding this since long.
You know absolutely all the shortcuts! Love your voice too, soft and calm when we wearing headphones :)
Thank you. I really love the way you explain your processes. Thank you again
Thanks for the great info! I have been playing around with changing sketches into vector art and have never had a need to make a pattern. Too cool.
Thank you so much! I always forget to do this, but now since you pointed a lot of precise steps, I will never forget it again :)
Nicely done, Teela! I learned what I came to learn without once going "HUH?!?"and having to pause and rewind the video. I am extremely critical when it comes to tutorials and you just knocked it out of the park with straightforward clarity and simplicity - with no annoying music going on at the beginning or during the relevant action!! BRAVO!!!
I'm so glad! Thanks for checking it out!
Omg! This is so helpful. I loved how you taught. The artist in me was so happy to see the magic moment!
Thank you Teela! Fantastic pattern design too!
Thanks Teela! Excellent tutorial. Great tempo, easy to follow and a on a level which I think suits most (non-beginner, non-superpro) illustrator users.
Finally a tutorial that makes sense! I have watched hundreds of tutorials that always confuses me halfway through. This is by far the most useful and educational one so far. Thanks!
Awesome to hear! Thanks for checking it out!
Is way easier that I thought, I used for my cover and looks fantastic thank you!
BRILLIANT! I was SO EXCITED when I filled my box with the pattern!! Made me so happy! Finally figured it out thanks to YOU! lol
Hey Teela thank you so much for this tutorial it really helped me today cuz I had no clue about what to do for a project I was working on, so I decided to watch your video and I totally understood what you explained on how to make a pattern in illustrator and it went really good. Easy and fun.
Thank you so much Teela - this was absolutely awesome! You had perfect speed with the explanation and your voice makes it so comforting to listen to the whole video. Especially when one has been stressed out before trying to figure out this task on ones own. Plus : the leaf pattern you designed is so cute!
Thanks!
Excellent tut, perfect, not a wasted word. Thank you Teela
This was really helpful. For a different reason in terms pattern continuity. Really appreciate the insight!
I've always wanted to begin making patterns on a computer! You made it seem very doable!! ❤ thank you
Wow! Awesome pattern and tutorial! You're a great teacher and your voice is so sweet. Thank you!
I have watched this video so many times over the past few years that I thought I should write to thank you for it. While I have the latest version of CC I still like to create swatches this way. And every time I forget a step I come back and watch this video.
Same here.
I've referenced this video so many times when doing both personal and professional projects. Thank you for your clear and valuable tips!
That makes me so happy! Thank you!
These tutorials are fantastic! Thank you for making these.
Parabéns pelo seu excelente trabalho. Sou iniciante no AI e seus vídeos tem colaborado muito para meu aprendizado.
This is a WONDERFUL tutorial. Exactly what I was looking for, thank you so much!
Thanks for sharing Teela, simple and easy to understand
Great tutorial. Really great capacities. Extremely useful. Congrats!
Thank you so much for sharing this tutorial. I'm new in using Adobe Illustrator and I find this really helpful.
Such a great video, good timing, very clear explanations! Thank you!
Perfect tutorial and really smooth and clear voice! Thank you for this :)
Really helpful and straightforward...so many videos about this are totally confusing. Thank you!
Wow! Way easier than I could have even hoped and very well presented and explained!!! Thanks.
Great tutorial. Very detailed and easy to follow. Just subscribed! Keep up the great work! Thankyou
Extremely helpful. Thank you Teela!
I've edited lots of royalty free patterns from Illustrator as patterns for fabric in my art, and I've made a seameless pattern in photoshop 2 years ago, and I find this helpful in general.
Thank you so much for this!! It was super helpful. I'm self-taught and really appreciate you taking the time to make this tutorial. Subscribed!!
This tutorial is BY FAR the best I have found/seen! Thank you so very much!
Thanks so much for checking it out! Happy to hear!
Your tutorials are always so helpful, I"m learn something every week. Thank you for this, I can't wait for your other pattern tutorial.
+trussell04 It means so much to hear that! Thanks for watching! :)
loooove this tutorial, thanks for putting them up!
Great tutorial Teela, thanks for sharing!
This was a great tutorial. Very clear and easy to understand. Thanks!
thanks for teaching us, I'm a graphic design student. I am watching your channel everyday, it's so useful. Nice to have you with us.
So cool! I had no idea this is how you draw patterns in Illustrator! It's easier than I thought! Thanks for sharing!