How To Make An Advanced Seamless Pattern Swatch In Adobe Illustrator

Рет қаралды 84,395

2 жыл бұрын

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

Пікірлер: 121

@fish-iv4yf 10 ай бұрын

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.

@DiaGraphics 10 ай бұрын

Thank you very much I really appreciate your comment. I'm very happy that you found my tutorial complete ☺️

@marilynkemper5310 2 жыл бұрын

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~!!!

@DiaGraphics 2 жыл бұрын

Thank You very much. It means a lot to me ☺️

@TheInkBuildUp 6 ай бұрын

Thank you. Been searching exactly for this.

@daptosto 10 ай бұрын

Simple and to the point, wonderful. Thanks.

@hawksnestpack 11 ай бұрын

This is a wonderful video. Concise and to the point. I will start creating now.

@yousrabekkar1651 Жыл бұрын

Thank you so much !! It was so helpful ❤❤

@ishegeek Жыл бұрын

Thanks for the great video! very easy to understand!

@chelseabirchall6693 11 ай бұрын

Thank you so much for such a clear & concise video! You're a great instructor.

@DiaGraphics 11 ай бұрын

Thank you very much ☺️

@aliciaramirez4216 2 жыл бұрын

Thank you so much, This has been the best video describing this process!

@DiaGraphics 2 жыл бұрын

Thank You very much ☺️

@mounthive 11 ай бұрын

Thank you so very much for the helpful and easy-to-follow tutorial!

@aandjmom1 Жыл бұрын

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!

@DiaGraphics Жыл бұрын

Thank you very much I really appreciate your feedback and hope the fabric turns out great ☺️

@NatalieSoleau Жыл бұрын

Thank you so much explained to well!

@NusrathUllah Жыл бұрын

Thanks for sharing, this is handy 👍🏻

@sukidesu3262 Жыл бұрын

Thank you so much for this tutorial! You did a great job explaining the process. I will subscribe. 😊

@DiaGraphics Жыл бұрын

Tha n You very much ☺️

@mrlunastudio2323 Жыл бұрын

Thank you! Easy to follow

@carlaleal636 Жыл бұрын

Amazing tutorial , i am very grateful for your share ♥

@user-bl6mt4ro1w Жыл бұрын

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!

@DiaGraphics Жыл бұрын

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 ☺️

@petticoatbandit Ай бұрын

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👏

@DiaGraphics Ай бұрын

Thank you so much for the compliment. I really try to make my tutorials be as concise as possible 😊👍

@ahmeddahb3262 Жыл бұрын

so helpful thank you!

@CodenHibbert Жыл бұрын

Legend. Thanks Mate! Cut my work load by hours

@DiaGraphics Жыл бұрын

Im happy You liked the vid. Thank You ☺️

@Rainbowcandykids Жыл бұрын

Great video thanks!

@minhlee3858 2 ай бұрын

Thank you so much so simple!!!

@mRWiil 2 жыл бұрын

Thank you!!

@Moshiur_Rahman 2 жыл бұрын

Good video, Subscribed 😀

@JulieEmmerson 2 ай бұрын

Thank you!! You are a great instructor.

@DiaGraphics 2 ай бұрын

Thank you very much ☺️

@rahulbagde3543 Жыл бұрын

nice video bro thnks a lot ❤‍🔥🙏

@AdedoyinDolapo 10 ай бұрын

Thank you 🔥🔥🔥

@shimmeringglitch350 2 жыл бұрын

I'm happy that I subscribed to this channel

@DiaGraphics 2 жыл бұрын

Thank You very much for Your support ☺️

@_sorae Жыл бұрын

Thank you so much! You saved me

@DiaGraphics Жыл бұрын

Im happy to help :D

@dishangikadu4064 Жыл бұрын

I really very like this video thank you sir ♡

@DiaGraphics Жыл бұрын

Thank You very much ☺️

@rdendelacruz4332 2 жыл бұрын

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😁

@DiaGraphics 2 жыл бұрын

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 ☺️

@djc3078 11 ай бұрын

To make sure your art scales, you can go to Edit --> Preferences --> General and check the "Scale Corners" and "Scale Stroke & Effects" boxes

@DiaGraphics 11 ай бұрын

That's correct ☺️

@user-rb9tg6pn9g 9 ай бұрын

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?

@DiaGraphics 9 ай бұрын

I not sure what you mean. It's works fine when I do it, I even made the thumbnail with the pattern 😊

@ryanhp3170 Жыл бұрын

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.

@DiaGraphics Жыл бұрын

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 🤔

@ryanhp3170 Жыл бұрын

@@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!👍

@DiaGraphics Жыл бұрын

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 ☺️

@charinaikayulianti3716 4 ай бұрын

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 :)

@DiaGraphics 4 ай бұрын

That's right. Illustrator is only for vector graphics not pixels. If you want to create pixel patterns photoshop works better ☺️

@sshsupreme Жыл бұрын

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.

@DiaGraphics Жыл бұрын

Yes that is very important! Thank You for sharing ☺️

@stephaniel7002 Жыл бұрын

The square is on top of the pattern, it still isn't cropping. Also Expand is greyed out.

@dannyb2516 Жыл бұрын

@@stephaniel7002 Same, cannot figure out what I am doing wrong...

@DiaGraphics Жыл бұрын

Did You remember to group everything together before cropping? :)

@dannyb2516 Жыл бұрын

@@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.

@asnomads 7 ай бұрын

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.

@DiaGraphics 7 ай бұрын

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 KZfaq as well ☺️

@asnomads 7 ай бұрын

@@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 ♥

@sodoffbaldrick 6 ай бұрын

@@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

@analisehannah4568 Жыл бұрын

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.

@DiaGraphics Жыл бұрын

What do You Mean by aligned? Is it because You get som white lines between the tiles? ☺️

@analisehannah4568 Жыл бұрын

@@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.

@DiaGraphics Жыл бұрын

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 ☺️

@analisehannah4568 Жыл бұрын

@@DiaGraphics Alrighty, I will keep messing with it and see if that helps. Thanks :)

@DiaGraphics Жыл бұрын

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 ☺️

@eddiegonzalez6048 22 күн бұрын

you can do ths much fastr if once you create your row you highlight them all and then click transform then move youll then move the verticle row horizontally by your artboard dimensions so if you have a 3x3 inch art board you will input 0 in the verticle and 3 in in the horizontal click copy and will move it in the same exact mirroed spot as the left side. the for the top you do the same but instead youll highlight the top shapes click transform the move then type 0 in the horizontal and 3 in in the verticle. once its done all thats left is to add more shapes in the middle then group them create a 3x3 box that fits perfectly on your artboard bring it to fron then mask.

@DiaGraphics 22 күн бұрын

That will definatly work as well. Thank you for your input 😊

@Fortysixand222 Жыл бұрын

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?

@DiaGraphics Жыл бұрын

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 ☺️

@isa-ky4ms Жыл бұрын

I had the same issue with vectors, I simply selected them all went to Object -> Expand ... and then it worked for me

@sshsupreme Жыл бұрын

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.

@hanifahtulaela1772 Жыл бұрын

COOL

@sakshibadlani2637 8 ай бұрын

This is a great video but, I'm wondering how to export these patterns for printing on fabrics

@DiaGraphics 8 ай бұрын

You should export as a pdf to maintain the scalability ☺️

@Saissh7 3 ай бұрын

Why don't we get expand option? After selecting all elements? Is it because they are grouped?

@DiaGraphics 3 ай бұрын

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 :)

@Saissh7 3 ай бұрын

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

@DiaGraphics 3 ай бұрын

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. :)

@panic4758 Жыл бұрын

I made a pattern in Illustrator but on the outer edge the seams looks. How do I destroy it?

@DiaGraphics Жыл бұрын

The seam is only visible in illustrator. as soon as you export your artwork it will dissapear :)

@panic4758 Жыл бұрын

@@DiaGraphics Thank You . I am grateful

@katiaechevarriamelendez1152 Жыл бұрын

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?

@DiaGraphics Жыл бұрын

Hey Katia. On My channel there is a guide on how to export and import Swatches. ☺️

@katiaechevarriamelendez1152 Жыл бұрын

@@DiaGraphics Thanks! ill check❤

@DiaGraphics Жыл бұрын

If the video doesnt solve the issue ill try My best to give You a solution ☺️

@katiaechevarriamelendez1152 Жыл бұрын

@@DiaGraphics What's your instagram?

@DiaGraphics Жыл бұрын

I dont use instagram as for now. Mostly just KZfaq ☺️ if You have question feel free to post them here in comment ☺️

@amazingfreelancer 6 ай бұрын

cool😎

@paulaana2883 2 жыл бұрын

anyone know why it doesn't let me expand?

@DiaGraphics 2 жыл бұрын

Can You explain What happens When You try to do it? :)

@WillieTheAutomaton Жыл бұрын

Im beyond lost. Everytime I hit crop, it deletes half my pattern.

@DiaGraphics Жыл бұрын

Maybe You havnt grouped the elements before cropping? ☺️

@sshsupreme Жыл бұрын

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.

@keenanmoore264 Жыл бұрын

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.

@tq3417 2 жыл бұрын

I have gaps after making the pattern so it isn't seamless...what did I do wrong?

@DiaGraphics 2 жыл бұрын

Where Are the gabs located? through the shapes?

@tq3417 2 жыл бұрын

@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.

@DiaGraphics 2 жыл бұрын

Did You add a color on the background When You made the swatch or only the shapes, like in the video? :)

@tq3417 2 жыл бұрын

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!!

@DiaGraphics 2 жыл бұрын

It can be an antialiasing issue. It Will often happen og screen but it Will not be visible on print ☺️

@stephaniel7002 Жыл бұрын

Expand is greyed out.

@ShenanigenPlays 3 ай бұрын

I have watched this 18 times from 4:45 and mine for the life of me wont crop... what am I doing wrong?

@DiaGraphics 3 ай бұрын

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? :)

@ShenanigenPlays 3 ай бұрын

Ah I will triple check a bit later (I needed a break hahah) but thank you for getting back to me so quickly xxx

@DiaGraphics 3 ай бұрын

I understand 😅. Let me know if it helps ☺️