How To Make An Advanced Seamless Pattern Swatch In Adobe Illustrator
ฝัง
- เผยแพร่เมื่อ 2 ม.ค. 2022
- A quick tutorial on how to make an advanced seamless repeated pattern swatch in adobe illustrator. This is a step by step tutorial so everyone can follow along.
💜 Become a member 💜
To get early access to videos and to support the channel.
/ @diagraphics
Links for tutorials on the illustration in this video:
Skull: • How To Create A Skull ...
Ghost: • How To Create A Ghost ...
Spiderweb: • How To Draw A Spider W...
Pumpkin head: • How To Draw A Hallowee...
-----------
HOTKEYS for MAC users
CTRL = Command
ALT = Option
------------
--Gear used in this video (Affiliate Links) --
Microphone (Rode NT1-A) - amzn.to/3GnX09A
Boomarm (RODE PSA 1 Swivel Mount Studio Mic Boom Arm) - amzn.to/3Gp6wcB
---
Music:
Acoustic Guitar 1 by Audionautix
#SeamlessPattern #Illustrator
Follow me on social media where i upload all my new content:
Twitter @ / dia_graphics
Facebook @ / diagraphicsyt
The best tutorial I've ever watched - I'm an impatient ADHDer who's also an experienced teacher with a Master's in ED specializing in Teacher Professional Development. I'm saving a link to this in case I need an expert model for video tutorials in the future! Thank you👏
Thank you so much for the compliment. I really try to make my tutorials be as concise as possible 😊👍
i never write comments under tutorials. But this one explained every single one of mine, this is how tutorials should be, giving exactly every detail about a feature or topic. There is no space for questions left. Everything there is to know about patterns in illustrator is included in this video. Thank you.
Thank you very much I really appreciate your comment. I'm very happy that you found my tutorial complete ☺️
I have watched many videos showing this...and I have to say that you have made it the simplest to understand. Great teacher...Thank you~!!!
Thank You very much. It means a lot to me ☺️
Simple and to the point, wonderful. Thanks.
Thank you. Been searching exactly for this.
Thank you so much for such a clear & concise video! You're a great instructor.
Thank you very much ☺️
This is a wonderful video. Concise and to the point. I will start creating now.
I know this is OLD but im sending you virtual HUGS. I did it! thanks to you. I made my OWN custom fabric that i have been wanting to do for YEARS but too afraid. The best concise tutorial on this subject out there!
Thank you very much I really appreciate your feedback and hope the fabric turns out great ☺️
Thank you so much, This has been the best video describing this process!
Thank You very much ☺️
Thank you so very much for the helpful and easy-to-follow tutorial!
Thank you so much !! It was so helpful ❤❤
Thank you so much so simple!!!
Thank you! Easy to follow
Thank you so much explained to well!
I aggree with a lot of the other comments. I'm nnot that skilled in Adobe programs and although I've made seamless pattern swatches it is hit and miss. This was the most clear video I've seen. I spent hours trying to get it to work watching many videos. Thankfully, I ran into yours and bam! Thanks so much!
Thank You very much for commenting. Im very happy that You like My video and especially that it solved an issue that other videos couldnt. Im always happy to help ☺️
Thanks for the great video! very easy to understand!
Legend. Thanks Mate! Cut my work load by hours
Im happy You liked the vid. Thank You ☺️
Thank you so much for this tutorial! You did a great job explaining the process. I will subscribe. 😊
Tha n You very much ☺️
so helpful thank you!
Amazing tutorial , i am very grateful for your share ♥
Thank you!! You are a great instructor.
Thank you very much ☺️
Thanks for sharing, this is handy 👍🏻
Great video thanks!
I'm happy that I subscribed to this channel
Thank You very much for Your support ☺️
Thank you!!
Thank you 🔥🔥🔥
nice video bro thnks a lot ❤🔥🙏
Good video, Subscribed 😀
I really very like this video thank you sir ♡
Thank You very much ☺️
Thank you so much! You saved me
Im happy to help :D
To make sure your art scales, you can go to Edit --> Preferences --> General and check the "Scale Corners" and "Scale Stroke & Effects" boxes
That's correct ☺️
WOOOOOOW...... THSI WHAT I WANTED TO DO LAST MONTH!..... I cant figure how to do it and its very overwhelming watching this.... Now i know, i will try to do this😁
Haha i love doing pattern designs. Im sure You can do a cool design yourself following the video :D
If You have Any feedback on the video, maybe something could be better explained then please dont hesitate to share it. Also if You have issues the just comment and I Will reply as fast as possible ☺️
For anyone struggling at the "crop" moment, make sure that the layer of the empty square you just created is above the layer of the pattern square with all the design.
Yes that is very important! Thank You for sharing ☺️
The square is on top of the pattern, it still isn't cropping. Also Expand is greyed out.
@@stephaniel7002 Same, cannot figure out what I am doing wrong...
Did You remember to group everything together before cropping? :)
@@DiaGraphics I did group them :) I managed to get expand to show up at one point, but cannot remember what I am doing differently lol. I feel like I am copying all the steps but I must be missing something.
hello. thank you so much. along this time i always have problem when saving watches in PNG there will be some lines gap on every repeatation. i found in comment that pattern wont work in pixelated file line PNG thank you so much it helps me a lot as a beginer :)
That's right. Illustrator is only for vector graphics not pixels. If you want to create pixel patterns photoshop works better ☺️
Thanks for this easy to follow tutorial! I'm helping my son with his school assignment.
I managed to create the swatch, but I can see the square lines. How can I remove the lines?
Also the Expand function is disabled in my Illustrator. Any idea why?
Thanks.
The lines Are only inside illustrator. They Will disappear as soon as You export the artwork as PDF When You Are done ☺️ dont know why expand is disabled they, it shouldnt be 🤔
@@DiaGraphics I managed to create a swatch without outer line. Not sure what I did 🤣. And the expand is now showing. I'm guessing something to do with one of the images. At one point, I clicked on the 'expand appearance' and that activated the 'expand'.
I told my son to watch your video to try his own, and he found your video very helpful. Great work!👍
Ahh that makes sense. You always need to expand appearance before You can expand. Expand appearance appears if You apply effects to You object for instance. Thank You for refering to my channel i really appreciate it ☺️
Hi, great video. I am able to follow you with normal patterns that include shapes created in illustrator. However when I try to do this with imported PNG from files I have created in illustrator, for some reason the pathfinder-crop tool will not work.
I am not sure where it stuck, perhaps I have missed a step. I don't know. I tried the clipping mask way to cut out the pattern - but then I am not able to use it properly as a swatch.
Would it be the PNG cannot be used to fill repeating pattern? Or what else could be the issue? I am using Illustrator 2024. Thank you.
You can't use png or any pixelbased graphics to create patterns in illustrator as illustrator is vector graphics. I think you need to do it in photoshop instead. There are tutorials for that on TH-cam as well ☺️
@@DiaGraphics Thank you for replying to quickly. Much appreciated. I had the guess it is the png files. I have some other graphic software I am able to create endless pattern with.
I'll try to do the process with the original files in Illustrator first, I am just concerned the cropping will change the look of the 3d inflated objects I have included on the edges. I'll give it a go. Thank you ♥
@@asnomads you actually can use images inside pattern, you just can't crop them. I used expanded 3D as a centerpiece of pattern, worked for me
I have a doubt. Even after the pattern is made when you fill it in the big box that you created afterward the sides of the pattern do not match with the opposite side. One side is still not covering the remaining of the opposite side. When I created the pattern I got the same problem. Will the design be still accepted?
I not sure what you mean. It's works fine when I do it, I even made the thumbnail with the pattern 😊
Great tutorial. I do have one question though: my pattern pieces are exactly aligned when in the 500x500 box yet when I fill a different sized box, the corners that should overlap seamlessly are not aligned properly. Only the corner pieces do this..the top and bottom edge pieces are perfectly aligned.
What do You Mean by aligned? Is it because You get som white lines between the tiles? ☺️
@@DiaGraphics Thanks for the reply! No white lines, no. What I mean is there are parts of the pattern that are supposed to match up perfectly but they don't. Part of the pattern is off-set. I guess it's a bit difficult to describe with words. Basically, on the top and bottom, left and right sides (of the bounding box), the pattern lines up perfectly. However, on the corner pieces, the top and bottom of the icon does not match up. This only happens when I fill a non-square rectangle with the pattern.
I think this might be the reason. If something goes in the corner and it spills out of for instance the upper part of the square as well as the right side, You have to dublicate the pattern object to both the lower part of the square as well as the left side. I think You might have missed that one of Your objects in the corner isnt dublicated correctly. Thats My best guess ☺️
@@DiaGraphics Alrighty, I will keep messing with it and see if that helps. Thanks :)
I Hope You find a solution. If You do, You Are welcome to post the solution here so other People can benefit from it as well ☺️
This is a great video but, I'm wondering how to export these patterns for printing on fabrics
You should export as a pdf to maintain the scalability ☺️
When I click crop, it crops the inside of my square and not the outside :/ any idea why? i have fill color behind my objects... is this affecting it?
First of All make sure You actually click croo and not "minus front" ☺️
ID You have a fill color behind the pattern You need to group the fill color together with the pattern before cropping ☺️
I had the same issue with vectors, I simply selected them all went to Object -> Expand ... and then it worked for me
For anyone struggling at the "crop" moment, make sure that the layer of the empty square you just created is above the layer of the pattern square with all the design.
COOL
Why don't we get expand option? After selecting all elements? Is it because they are grouped?
If you dont get an expand option it's probably because the objects you use do not have strokes. In that case they dont need to be expanded/cant be expanded. Then just skip that step :)
Thanks for that! One more thing! I am not able to add a background color to my pattern, If I do the "CROP" step of pathfinder it crops but everything turns white, leaving some elements as it is in the canvas @@DiaGraphics
The way I prefer to do it is simply to add a background box behind the box with the pattern swatch. So I don't integrate it into the swatch but add it afterwards. :)
I am having problems with the swatches part. I can put it in the swatches but when I change to a different window (another file) and its not there. How do I fix that?
Hey Katia. On My channel there is a guide on how to export and import Swatches. ☺️
@@DiaGraphics Thanks! ill check❤
If the video doesnt solve the issue ill try My best to give You a solution ☺️
@@DiaGraphics What's your instagram?
I dont use instagram as for now. Mostly just TH-cam ☺️ if You have question feel free to post them here in comment ☺️
cool😎
I made a pattern in Illustrator but on the outer edge the seams
looks. How do I destroy it?
The seam is only visible in illustrator. as soon as you export your artwork it will dissapear :)
@@DiaGraphics Thank You . I am grateful
Im beyond lost. Everytime I hit crop, it deletes half my pattern.
Maybe You havnt grouped the elements before cropping? ☺️
For anyone struggling at the "crop" moment, make sure that the layer of the empty square you just created is above the layer of the pattern square with all the design.
Select all of the drawings only. Click object > compound path > make (or Command 8 on mac). Now the mask layer that sits above the drawings should clip them all.
I have gaps after making the pattern so it isn't seamless...what did I do wrong?
Where Are the gabs located? through the shapes?
@DiaGraphics yes...I added the pattern than I tried to open up a shape using the pattern but it only shows the square area and gaps around than the square again like boxes of the image.
Did You add a color on the background When You made the swatch or only the shapes, like in the video? :)
I redid my design and watched again. This time it came out! Not sure what I did wrong the first time. Thank you for your help!!
It can be an antialiasing issue. It Will often happen og screen but it Will not be visible on print ☺️
anyone know why it doesn't let me expand?
Can You explain What happens When You try to do it? :)
Expand is greyed out.
I have watched this 18 times from 4:45 and mine for the life of me wont crop... what am I doing wrong?
First of all. Thank you for watching 18 times :D for your question it could be a couple of reasons. The box you create for cutting must be on top of your pattern and the pattern must be grouped before cutting. Does any of these two things help? :)
Ah I will triple check a bit later (I needed a break hahah) but thank you for getting back to me so quickly xxx
I understand 😅. Let me know if it helps ☺️
Nice video but this technique is obsolete with newer versions.
Thats right. I have a lot of videos using a much simpler technique as well. Almost all my other pattern design videos are with the new technique 😊
Even though this is 1 year old, thank you, I need to watch this for a school assignment haha 🫶
Thank you! Easy to follow