How to create a seamless pattern in Photoshop CC | Surface pattern design for beginners
ฝัง
- เผยแพร่เมื่อ 8 ต.ค. 2021
- ⭐️⭐️⭐️ Need more help? Learn how to specialize and build a kickass portfolio with my 5-star course! www.artbusinesswithness.com/l...
You've asked me to do more videos about surface pattern design for beginners and I'm happy to oblige! Today I'm bringing you a surface pattern design tutorial: how to create a seamless pattern in Photoshop CC. The EASIEST method ever to create repeat patterns. Enjoy!
Join our FREE Facebook artist community!
/ freelanceillustratorscafe
Follow my surface design journey on Instagram! / vanessa.stoilova
------------------------------
Career tips PLAYLIST:
• How to get started as ...
Want more advice on how to get started as a freelance illustrator?
SUBSCRIBE for more helpful videos!
FIND ME ON THE INTERNET
Instagram: @vanessa.stoilova or / vanessa.stoilova
Facebook group: / freelanceillustratorscafe
My online course: www.artbusinesswithness.com/l...
------------------------------
MUSIC
Moon by LEMMiNO / lemmino
Creative Commons - Attribution-ShareAlike 3.0 Unported- CC BY-SA 3.0
Free Download / Stream: bit.ly/moon-lemmino
Music promoted by Audio Library • Moon - LEMMiNO (No Cop...
------------------------------
Thank you so much for this tutorial!!! You made my life easier! I didn't know this Pattern Preview existed. I look forward to your next tutorial!
Glad it was helpful, Nicole!
FINALLY!!! I realize this video is 2 years old but this is EXACTLY what I have been looking for and no one quite gets it right! This is THE VIDEO for fabric designers!
I'm really glad the tutorial was helpful! Although it's 2 years old, it still gets a lot of views because it's STILL the simplest, easiest way I've found :) I also recommend my follow up video: how to make a half-drop repeat with Photoshop's pattern preview: th-cam.com/video/HVqk7XW7Bug/w-d-xo.html
Exactly! Seeing all the elements in pattern preview really saves A LOT of time! Many of my elements start as vectors so easy to export into a clean png. (She's also a great illustrator)
Ok, I have watched literally 30 videos on how to make patterns on photoshop and NONE of them were this simple! I think some TH-camrs make their videos confusing on purpose so people have to watch them 20 times! Thank you so much for this! You just helped me take my new business to a whole new LEVEL! I appreciate you!!! ❤
That's so sweet Cynthia, I'm glad it was helpful!! I got into patterns only last year, and I remember the hassle of trying to find an easy and straight-forward method to make patterns. I watched many videos, took Skillshare classes, etc. Some of them were like "and then you get out your calculator..." 😳 I was like heck no!! The pattern preview tool is the method I was searching for all along!
yes, there are A LOT of video's out there trying to be "helpful" that desperately need to be remade by someone like Ness =D
Love the way you bring each element in pattern preview as a png. It helps so much to see the placement outside the pattern repeat area. I'm a designer but new to pattern design. Great video!
Glad it was helpful! Best of luck with your patterns!
Fantastic tutorial! Really excellent! Thanks a lot! 👏🏻😃⭐️⭐️⭐️
Thank you! Glad you liked it!
This is an AMAZING tutorial!! Thank you so much for sharing!!!
I'm glad you found it helpful, Tarryl!
This is such a concise and helpful video! Great information all the way through. Thank you!
Thank you Marjorie, I'm very glad to hear you liked it!
this pattern preview function make 'seamless' so easy and smooth! thank u!!
Pattern preview is the best thing since sliced bread!!! ❤️🎉 Before this tool came out, creating patterns was so much more of a pain...
The best tutorial on making patterns! Very useful!
Awww thank you!! Glad it was helpful!
Wow! This is great! Love your teaching style!!
Thank you! Cheers!
Thank you for this tutorial. I made my first patterns ever back 2013 and I recall it being far more complex than what you showed here. This is refreshing to see how simple it has become. I havent made a pattern since but now feel energized to explore new design possiblities. Thank you.
P.S. I subscribed :-)
The tools we have access to nowadays are brilliant!
I never leave comments, but this tutorial is absolutely AMAZING!! I am so thankful I stumbled across your channel - thank you so much for being so generous and sharing all your tips!
Awwww that's so sweet, thank you so much!
This is soooooo helpful thank you!!!!!!!!!!
Thank you soooo much !!!!!this video is AMAZING
Glad you liked it!!
Thank you, Ness, you're such a great teacher and artist! Very inspiring :-)
Thanks so much 😊 I'm so happy you liked the tutorial!
Amazing explaing, Thank you!
Glad it was helpful!
Best Pattern Tutorial so far!!!!
Glad it was helpful!
So so helpful, thank you. Helped me a lot to get into a workflow.
Glad it helped!
THIS IS AMAZING!!!!!! Such a time saver!!!! and Effercient! THANL YOU!!!!!!!💕💕💕💕💕💕💕
Thank you, really happy to hear you found it helpful!
Thank you! This was so helpful!!
Heyy China how are you? :D I'm glad you liked the tutorial!
this is so great. thanks so much for sharing!
Glad you enjoyed it!
This is a very informative tutorial Venessa!! You made it very easy and now I have no more excuses to use photoshop for my watercolour paintings!!!
I'm really glad to hear you found the video helpful
Fantastic tutorial - thankyou!
My pleasure, I'm glad you liked it!
The best video i've ever seen about patterns...thank uu
That's so kind, thank you! Glad it was helpful!
Thanks!)))))Well, you show this more simply and cuty then everyone i seen)
Awwww you are so kind!! Thank you!
Thanks; this was super helpful!
Glad it was helpful!
Wow Venessa!!! This is really helpful. You should do more videos like this.
Glad you liked it, hun! I'll definitely do more surface design tutorials :)
Thank you this video is so helpful.
You're so welcome!
excellent video, thank you
Thanks for stopping by, I'm glad you found it helpful!
Thank you for this video, I was struggling with a question and you answered it :)
So glad I could help!
Hello from Greece, really great video.Thank you for the tips!
You're so welcome!
I LOVE IT.
Thank you, I'm glad you enjoyed it!
The best tutorial ever I swear
Thank you that's so kind! I'm glad it was helpful!
Wow! Super interesting
Thank you!
big love, tank you so much.
Glad it helped!
Thank you very much for this tutorial, it's very useful and easy to understand!)
U had my subscribe
I'm so glad you enjoyed it, and welcome aboard!
This is a wonderful instructional video, and will help me enormously in my new venture - thank you so, SO much! 🤩
You are so welcome, I'm glad you found it helpful!
Love it 💕
Thanks Papri!
Nice! good job Ness!
Thank you!
THANK YOU, Ness!
My pleasure Laura!
Wow thanks for this simple to follow tutorial . I was also wondering how to protect my designs when posting on social media This is perfect
I'm so glad you found it helpful. hun!
This was really helpful! I just love love patterns.
Its the first video I watched of your channel and I loved it! I subscribed already, if you have more tips on it I would love to hear!
Thank you so much for this video!
I'm so glad you enjoyed it and welcome aboard!
Awesome!! So well explained! I loved the tips for avoiding the steal of patterns. Thank you :)
So glad it was helpful Andreia, thanks for stopping by!
Hi
Thank you so much for sharing your knowledge. I was really inspired by your tutorial! You made it so simple to understand, and I really appreciate it!! :)
I'm glad you found the tutorial helpful, Ruth! Thanks for stopping by!
@@ArtBusinesswithNess ❤
thank you so much for your video. its an amazing tutorial. want to see more tutorials.
I'm so glad you found it helpful! Thanks for stopping by :)
Thank you so much :)
My pleasure Heba!
Vow, this was fascinating!! Really useful and interesting 👍! I just bought Domestika course where the whole pattern thing was explained in a far more complicated way... I'm happy that I didn't begin struggling with that approach chopping up my elements manually but can now go right to the pattern maker. I'm a Gimp user and just beginning to learn Photoshop therefore this kind of how-to videos are very useful. And thanks for the tips on protecting my artwork, because potential misuse has been bothering me lately.
Thanks for stopping by, I'm glad you found it helpful! The chopping up used to be the best way to do it so it comes up in a lot of courses - this pattern preview tool is fairly new and revolutionary!
This is by far the best pattern tutorial for PSD! I have been working all afternoon on a pattern and I have seen some pattern tutorials, using the offset filter, and other ways, but this is way easier! I really got frustrated with the offset filter, because you can't move your object manually. Thank you so much Ness! My process will take less time now! 😃
I'm so glad it was helpful, dear! The pattern preview tool is still fairly new so not everyone know about about... but they should! It's amazing and saves so much time. Let's spread the word! ;)
This is a great tutorial! Thank you for sharing! :)
Could you do one on color separation? Clients seem to ask for the file in layers, it would be great if you could explain that:)
I actually don't know much about this myself, unfortunately! I work in traditional painting, which is not well compatible with screen printing and color separation. Instead of forcing this process on my art, I've decided to focus on industries and clients that do digital printing, where color separation is not needed :)
I absolutely love this tutorial! Easy to follow and I wouldn't have known about the Pattern Preview tool if I hadn't watched this (which is super helpful)
As this is my first vid with your channel, I love how you set up the design for showcase on your blog - do you have a tutorial on setting up something similar? I'm looking into designing seamless patterns to sell and this seems like a perfect preview tool for that.
I'm set up on Wix for showing my patterns, and I love it!
Excellent thank you. ;}
You're very welcome!
Great
Thanks!
this is so cool .. i watched all the ads to support you lol
Awwww that's so kind!! You didn't have to, hun
This is so helpful, thank you! I have a little problem though when using this, the images one you cross the sides of the box have a limited time before PS starts chopping.splitting them up. I have to keep dragging the art fresh in after this point and re-positioning it.
Pattern preview works best with smart objects! If your motifs are regular flat layers, they will get all messed up by Photoshop.
Thank u so much, this was really clear. So the size of the pattern you can always change with the scale tool to send to the custumor right?
it don't depend on the tile size when you start making pattern.
You can, but just remember that unlike on Illustrator, in Photoshop you can't enlarge without losing quality! So it's better to start big, and size down if necessary :)
god work
Thank you!
SUCh a very NICE Tutorial
Thank you, I'm glad you found it helpful!
NEW SUB!
Welcome hun, honored to have you here!!
I watched your videos more than once and I enjoyed it and the info is great! I would like to
Learn how you made that sheet adjusting it as well. Please give a class for this.
Do you mean the adjustments to make the scanned paintings look better?
Very clear and nice tutorial, thank U Ness :) One question: is it possible to recolor" te pattern easily like for example in Illustrator program?
Illustrator doesn't have the pattern preview tool. So you could put together the pattern in Photoshop with this great tool, then export the tile flat into Illustrator and do an image trace to get the vector. OR you could keep you layers in Photoshop, and convert each motif to a smart object to use the pattern preview. When you double-click on the smart object, it would open your motif in a new window with all your layers preserved for easy recoloring :)
I am definitely following your Instagram page too now! Thank you ❤
Can you make a video of how you upload your own artwork into photoshop? I am using my iPad to draw for now but nothing beats actual watercolor or chalk!
Thank you so much, hun!! For getting my paintings on the computer I use an Epson scanner, and I have a review of it on my channel: th-cam.com/video/pYyDieRHD9E/w-d-xo.html
good designe
Thank you!
I really like your channel. I would like to ask which digital tablet are you using?
Thank you Joanna! I use a Wacom Intuos 5 Pen & Touch, which is a non-screen tablet that I connect to my PC :)
WOW - I was afraid I'd have to get illustrator. thanks
*shudder... Illustrator huh, scary indeed!
Hello! Thank you so much! What if you want to create a half drop pattern? Any tips?
I have a separate tutorial for half-drop patterns :) th-cam.com/video/HVqk7XW7Bug/w-d-xo.html
Nice
Thanks!
Hello!
This is amazing!
I have one question about the watercolor background.
What did you select after you hit alt?
This is after you selected the stamp tool
Hi Shay, I'm so glad to hear you enjoyed the tutorial! For the stamp tool, hold alt then click in the image, at the spot where you want the sample taken :) Then release alt and you can use the stamp as a normal brush! The stamp is going to apply your previously taken sample when you paint. I hope this helps!
@@ArtBusinesswithNess thank you! ❤️❤️
Thank you for the tutorial! I have one question :). I could not catch where you from drag the leaves. Can you please explain it to me?
Sorry about that! I have a Windows folder open on my second monitor, that's why you couldn't see it. My bad! So I had all my PNG files (exported previously from the method shown) opened on the side in a Windows folder, and I dragged and dropped them into the Photoshop canvas :) Photoshop imports it as a smart object by default when you drag and drop like this, which suits this method very well!
Hi Ness, Can you do a video on how to index and share color positions in a design? I'm struggling trying to get my designs down to 10 or 12 colors for print on fabric.
Unfortunately I don't know about indexing colors! Since my designs are hand-painted, I focus exclusively on companies that do digital printing, where indexing colors isn't necessary.
wow i have been doing this manually in a program that does just SVG's for so long. I have photoshop and didn't even know how to use it
I hope this tutorial can help streamline your process!
Hi Vanessa. Thank you for this video! is there a way to do a half drop with this new show pattern tool?
Yes there is! I'm going to do a tutorial about that soon :)
@@ArtBusinesswithNess please as soon as you can
good video
Thanks I'm glad you enjoyed it!
I love it! I would like to know if you could answer me something, maybe an idea for a video...how do you send the files for client? What you do if the client ask you for pantone? I get so messy on this topic... Thank you so much!
Hi Stephany! Unfortunately there's no easy answer to this question since every company works differently. You really have to ask every time how they want it :) I have never exported in Pantone myself but I hear there's an Adobe add-on for that. But you also don't have to cater to everyone. I decided since I paint traditionally that I won't vectorize and I won't separate colors. That's just how I work and there are more than enough companies that do digital printing to keep me more than busy :)
@@ArtBusinesswithNess Hey! Thanks for reply, I loved your response, I was also thinking I should just stick in what I work comfortable and that's all ♥
Pattern is amazing😍
Do you paint with watercolours then scan it for making patterns?
I do gouache or watercolor sometimes, other times I use Procreate with realistic brushes! It's faster on Procreate.
Thank you so much for this detailed video tutorial. But I have a question, if you use the RGB color system, are you not afraid that the product will have color distortion when printing?
I always export in CMYK if the pattern will be printed. But CMYK can handle most colors except a few (very vibrant, flashy). If you’re not using very bright purples or greens, that sort of thing, the colors don’t look very different in either mode, so it’s easy to export whichever you need.
Dw bro ADHD helps out so much with soft soft i find. day dreaming always gives new ideas so when i snap back i got that vision ready
Get outta here bot!
How did you download your drawings to you computer to use in photoshop?
Did you use scanner? Or take a picture with your phone?
I use a scanner, because that produces clearer images than a phone or camera :) I use this Epson scanner that's pretty affordable and you can see my review here: th-cam.com/video/pYyDieRHD9E/w-d-xo.html
Hi ness!!!!
Hey hun! Is it Nyrryl? Your name just says N C so I'm guessing haha
Great tutorial. Sadly the square never popped up when I selected pattern preview so no further forward. A shame as you explain things so well
That is weird :o Are you sure you have the latest version of Photoshop? This is a newer feature so make sure to update your software. If it still doesn't pop up, contact Adobe customer service to get this figured out! It's a great function and you shouldn't miss out :)
very good! Just one problem it is hard to see your moves on the photoshop screen> this is common with all the photoshop lesson on You tube. So your are talking an I cannot follow your moves because I cannot see the little arrow. I am grateful for all the steps you showed. I would like to know how to make the sell sheet with your name on it. Keep going.
Oh no! :o I'm so sorry about that! If there's any step you can't see well what I'm doing, let me know where and I can try to clarify for you what I'm clicking on!
Now about to make a pattern. Lets see how this goes!
You can do it, Judy!! Have fun!
It worked!
@@judyelizabethart Congrats!!! :D I hope you'll post it in the group, I'd love to see!
@@ArtBusinesswithNess Will do!
This is my first time watching your channel and I am wondering why you don't take advantage of the background remover tool. I use the one in Canva and Photoshop can do it as well. Otherwise all good. I intend to make designs for my Redbubble store, incorporating my photos as well. Will check out your Instagram channel.
I didn't use background remover because it's the first time I hear of it 😂 Photoshop is a huge software isn't it? I've been using it for 15 years and still learn new things all the time. I'm excited to look into this background remover tool, thanks for the tip!
How would you handle a repeat with directional lines or elements that go in one direction like up and down and left to right?
Yes the technique shown in this video really only works best for tossed patterns . For patterns like stripes, etc, I create my sketch directly in Photoshop so I know it repeats perfectly. Then I can print out the sketch tile or bring it into Procreate where I do my painting. I bring it back into Photoshop to make the tile repeat once more. It can be a bit tricky with textured backgrounds and such, but I've refined the technique since last year, I should make another tutorial for that!
Please help me with making a template for a sale sheet. I also love the way you organize your work into a data sheet. Could you show me how. I am sorry to be a pest but I really like what you do and I want to be better. I would appreciate this very much.
You're not a pest at all :) I give away my template in my course, the Art Business Bootcamp: www.artbusinesswithness.com/level2
I have a tutorial about how to create my database here on TH-cam: th-cam.com/video/cefFBEtgjAg/w-d-xo.html
Excuse me! can you share brush library?
In this video, the pattern I'm demonstrating is actually all done in traditional gouache! So no special brushes were used. Whenever I do use brushes, I use Kyle Webster brushes (which are free with the Creative Cloud)
u have a tutorial how to record Youre voice on a soft in soft soft?
No
May i know what is the photoshop version that you using?
I'm using the CC 2022 version. On Creative Cloud you get regular updates :)
Okay thank you ❤️😍
so these all motifs are handmade?
Yes they were all painted by me in gouache paint, on real paper :) But you can do the same with digitally drawn motifs, or clipart that you purchase!
Hello! After applying pattern in new document when we low down the scale and we use pattern preview it showed lines. I don't know why? May you pls tell me?
This is a common problem when changing the scale of a pattern. The best way is to create the pattern in the final size you want it, or exactly 2x as big. If you create a random size and scale it down, you can end up with half pixels on all sides and that's what creates the lines.
Страшно полезно видео, много благодаря.
Спасибо!
My patterns when I try to move them around they ALWAYS cut off. I can't find anywhere online that fixes this. What is happening here? thanks
Unless it's a bug or malfunction of your version of Photoshop, the only other explanation is that you're not using smart objects for your motifs. A simple raster layer might create issues with pattern preview. You can right click each layer and transform them into smart objects to avoid this!
Landskrona Län i guess you wanna do modern rap. well in modern rap a simple Nice tutorial-hat soft should work, if you want you could make a
Get outta here bot!
What if my photoshop doesn’t have pattern preview
Pattern preview is only available to Photoshop CC 2021 and all versions since. If you're a subscriber of the Creative Cloud, make sure to update to the latest version at no additional cost to get this feature. If you are not a subscriber and have a copy of an older version, unfortunately it will not have this tool.
I just wish this were a bit slower so I could know what to click on. I am brand new to photo shop and am clueless.
I'm sorry if this is a bit fast! You could use TH-cam's controls on the video to slow down this video if it'll help, and pause as many times as you need!
Hello ness...
Hello 😊
I feel like I owe you $ 😂
LOLLLL haha I'm just glad that you found the tutorial helpful!
If somebody is having a problem, that the option "Pattern preview" is GRAYED OUT and can't be checked, there is a fix: When creating a new document, don't create it with an artboard
Ohhh that makes sense that this function would not be compatible with artboards. Thanks for the tip!!
13:15 is where she talks about how you make a pattern in photoshop if you want to skip the "how to create an image from scratch, this is what I do to use to create details in an image, I use this method to draw, I eat at this restaurant (just kidding), and then use it as a pattern"
The Pattern Preview is a good point to make, but there's a lot of information that should be put into a different video because this drags out the basic "How to create a pattern" into an almost 20 minute video. Good info though.
The explanation of how to use pattern preview start at 6:15 not 13:15. The time code you gave is for when I explain how to export the pattern tile after you're finished making the pattern. But hey you should make your own tutorial that gets straight to the point if that's how you like it - but fair warning you'll get a thousand questions in the comments about all the steps you skipped 🙃