Design Seamless Patterns Like a Pro : Easy Step-by-Step Tutorial for Affinity Designer
Вставка
- Опубліковано 24 лип 2024
- No math! Any canvas size! Easy to edit! In this step-by-step tutorial, I’ll show you how to create seamless patterns like a pro using the powerful design software, Affinity Designer. Whether you're a beginner or an experienced designer, this tutorial will guide you through the entire process.
Want tons of cool assets for your designs? Check out Creative Fabrica (affiliate link):
www.creativefabrica.com/ref/2...
Graphics used in this tutorial:
www.creativefabrica.com/produ...
www.creativefabrica.com/produ...
00:00 Intro
00:37 Left-and-Right Seamless Pattern
03:00 Top-and-Bottom Seamless Pattern
04:46 Corner Seamless Patterns
07:10 Scaling : Be Careful!
08:40 Final Result - Наука та технологія
💻🚀 Download my FREE PDF with 10 Quick Affinity Designer tips here:
trenttech.gumroad.com/l/affinitydesigner_10_Tips
(Cost is $0 but a small donation helps support this channel! 😇)
✅New to Affinity Designer? Check out my 2-hour Crash Course right here on UA-cam:
ua-cam.com/video/8y5CDmJSt8g/v-deo.html
Affinity produced a video instructing how to do this a little while ago. Your method is very much simpler. Thank you for this super lesson.
Sooooo much easier, thank you!
Thank you for making this video please make more like this Affinity Designer. Thank You
This is one of the best tutorial on tile maps i have ever watched. THANKS! You made it so easy!!!😃
Nice! Definitely need to remember this when I’m creating a repeating pattern or image brush, too!
Thank you, Trent. It's easy and effective.
This is a game changer. It's so much faster and more intuitive to make seamless patterns now, and to change elements without messing up the repeat. Thank you!
You're very welcome!
Thank you so much for explaining in a way that I understand and straight to the point. Thank you once again.
Nice tutorial, Trent, keep it up!
Thanks Enea!
Brilliant! So much better than the other approaches I have tried. Thank you.
Thank you!!!! This was so easy to do. I just make a totally seemless pattern while watching your video and following along with my own graphic, and it worked flawlessly. This is fantastic and I appreciate your video. I would have never thought to do it this way, but it's just like the easiest thing ever. :-)
That's great...glad it helped!
Colleague, thank you very much for your assistance. I had been searching for this type of information for a long time, and you resolved it in a moment. A warm greeting from the Kala Design team in Spain.
Brilliant! Thank you!
Really helpful! Thanks! I design landscapes and this should work!
Brilliant, thank you.
This is great thanks - so much easier and ++ good to know how to make correction :)
Another excellent video!
Thank you so much! New to Affinity, this was exactly what I was looking for.
Glad it helped!
Thanks! Very helpful
yess..with no math at all. Easy and works. Thanks a lot for your tutorial Trent , excellent..👍🏻👍🏻👍🏻👍🏻👍🏻
Glad it helped!
I was hooked within the first 2 minutes of this video, thinking, 'Wow, I need to follow this guy!' By the 5-minute mark, I had already hit the subscribe button. Excellent content!
Thanks @DiCaverSolution !
This save a lot of time and calculating, it is so simple you wonder why everything is doing it so difficult. Thanks for sharing.
Thanks for watching!
It's really helpful for me!! I was wondering how to make seamless patterns without complicated technique. Thank you very much!
You're welcome 😊
Thank you. this works well!
Great to hear!
Thanks Trent! This sure makes life a lot easier.
Glad to help!
Love it, thanks for share this secret.
Great video, very useful.
Thank you :)
Good job Trent, this is a very handy tutorial 👍
Thanks!
Love your tutorials, bought the full suite a week ago and with your help I am powering ahead. Just want to give a heads up - bitmap fill is now part of the vector flood fill tool in version 2.4.2
Hi @bobfrancis7128, thanks for the tip! I was not aware that was added...it will be helpful.
Thank you bro...
Thanks for sharing…
That's so much easier, thank you!!!
Glad it helped!
Brilliant! So easy to understand with your instructions. You should have many, many more subscribers! I'm mentioning you to a design board I'm on; they'll appreciate this too. Thanks so much!
Thanks ForgottenDetails, I appreciate the mention!
This is wonderful--thank you. The math thing has always been offputting to me.
Thank you Sir.
No problem!
SUPER DUPER!!!!
Thanks!
Thanks so much for the donation, @johnlepore1562! I appreciate it :)
Clever!
Super helpful, Easy to follow tutorial clearly explained, and the part where you show common problems AND how to fix them is really helpful (A lot of other tutorials omit this, so thanks) Sub Gained :)
Glad it helped!
is great bro thanks 😍🥰
No problem 😊
Super helpful! What do you press to check the scale? You were rolling through that pretty quickly and I couldn't see your command. Thank you so much!
Hi @SewGnar, thanks for the comment! I'm not sure what you mean by check the scale. Can you let me know which timestamp in the video you are referring to? Thanks!
Brilliant! Works in CorelDRAW! too. Now why didn't I think of that? Thanks
Muito bom, parabéns!
Thank you :)
Thanks! 😜✌👍🎉
No problem!
Great Video! I'm starting to make patterns for blankets and this helped a lot. I was wondering if you might have a video on how to make a picture for a blanket. Example....a forest scene with animals, trees....Nothing repeating like a pattern. Every element is stand alone. Ive been guessing at it and using the size requirements for blankets in Printify, but the final design won't load to Printify because it's so large. They want something like 9300x12300. I size down and by time it will load the recommended DPI is below 150. Hope that made sense. If you have a video explaining this I'd love to see or maybe you could make one? :)
Hi LynnDietrich, thanks for the suggestion! I am definitely planning to do more videos about POD and designing for specific products. I'll be sure to add blankets to the list! I'm wrapping up some final videos for Affinity Designer that will probably take me a few more weeks. Then I hope to re-focus on POD designs...stay tuned!
Thanks Trent. Looking forward to more videos!!
Thank you. I like your approach and that you speak "normal" I have a hard time when the speech sounds unnatural or is slowed down sooooo it sooooounds weeeeeird. 🙂
You're very welcome!
nice
I’m just starting to learn how to make repeating patterns so this is very helpful 👍🏻
Are the elements you brought in from Creative Fabrica vectors?
Thanks PinkTreePortfolio, glad it helped!
The elements I used in the video were PNGs. However, the technique should work with vectors, too. Just be sure to test it!
@@TechnicallyTrent Great, thanks so much for your reply 👍🏻
That makes sense. So does that mean the resolution would decrease if they were scaled up?
@@pinktreeportfolio1450 Yes, PNGs won't scale as well as vectors. However, usually if you download assets from a good site they will be pretty high resolution and it won't be a problem.
@@TechnicallyTrent Thanks so much for your reply 👍🏻
Finally I found this useful and easy understanding illustration of yours. If you could please provide
PS for IPad for the newbie like me. Really appreciate and thank you .
😎Yes, please show us how to do this via canva! Nice graphics, btw!
Hi Annavannoni, good news: I made a Canva tutorial for this:
ua-cam.com/video/2JgH6L6TnCM/v-deo.html
This is really helpful but both on this one and canva one I am having issues lining up the copied image on the other side. Clicking alt will copy the image but then they move out of alignment. I must be missing a step. Is there an additional key or command you are using to both copy the image and align them?
Hi DianaDonnelly! In Affinity Designer, there are controls to align the objects in a variety of ways (Horizontally, Vertically). These controls are accessed via the icon with the 2 horizontal blue bars on the top menu bar. Also, when you select 2 or more objects, you'll see the gray bar controls on the top menu bar, too. In this video, I use these controls around 1:43.
For Canva, the objects will typically snap to alignment if I remember correctly. If you hold Control, it won't snap. Are you sure you're not holding Control? I also did my video on a PC, so if you're on mobile or a tablet I'm not sure if the controls work a little differently.
Hope this helps! - Trent
Thank you for your advice. I will try this.@@TechnicallyTrent
Hello , can you tell me how to make vectors appears when you take them outside the canvas because in mine they disappear?
Hi Salah, it is the \ key to toggle the offscreen area. It is also available under View -> View Mode -> Clip to Canvas (keep it unchecked).
@@TechnicallyTrent you are the best dude 🔥
@@TechnicallyTrent clip canvas shows me that I can't edit it
@@CHME9ME9 Do you have multiple artboards? Unfortunately I think turning off Clip to Canvas only works with 1 artboard. I did a very quick test and I think my method will still work with multiple artboards, but you won't be able to see the object that is just outside of the artboard. However, it can still be selected if you try to select a box around where you know it is.
@@TechnicallyTrent thank you so much ❤️
Can this be in AD1 I noticed you are using 2.
Hi ChildOfTheKing107,
I haven't tried it in AD1. It's been about a year since I've used AD1, but if I remember correctly this technique *should* work. AD1 supports magnetics and alignment. If you try it, let us know what you find out :)
@@TechnicallyTrent Thanks for the reply I will try it out, your technique seems to be simple
When I move of the main square it becomes an outline and not the image. How do I change this?
Hi @Agentscrange, I'm not quite sure what square you are referring to. Can you let me know what time in the video is giving you a problem?
For the example @1:43 your green bush can be seen off the white square in the black part. Mine just become an outline and not the actual image if I move thongs of the main white square workspace. I'm new to working with affinity and not sure why. I don't see an image but if I click on the layer it shows the outline as if it's not visible.
Hi @@Agentscrange I see what you mean now. This is the feature called "Clip To Canvas".
If you hit the \ key, you will be able to toggle whether objects off of the canvas are shown. You can also enable it via the menu View -> View Mode -> Clip to Canvas.
Note that if you have an artboard defined, it works a little bit differently. But by default with just 1 canvas, this is how it will work.
Hope this helps!
Trent
@TechnicallyTrent thank you ! I will try. I was using an iPad so it may not have that feature but will try it on my laptop.
When I place my test into my bitmap rectangle, how am I supposed to drag within the image? No matter how much I drag, I am unable to see a seamless design. It gets bigger and smaller but rotates when I drag. Should I be holding command? Refer to around the 2:30+ mark.
Hi @PAndrew002,
When using the Gradient Tool with the bitmap, on the top menu bar, is the "Extend" option set to "Wrap"? That is the only thing that I can think of without seeing what is happening. Let me know how it goes.
@@TechnicallyTrent Yes, it is set to Wrap. I have a recording if you have time to watch. I completely understand if you do not. I am sure you get requests like this all the time.
I figured out the issue. Thank you.
@@PAndrew002 Glad it worked! I'm curious what the issue was? It might help others in the future.
Canva please
Hi @alluring_graphics!
I have a Canva version of this tutorial here:
ua-cam.com/video/2JgH6L6TnCM/v-deo.html
I also have more Canva tutorials coming out soon, so stay tuned :)
Ok third time watching I will get this right!
Hi @BeastieFloyd, how'd it go? Is it working?
@@TechnicallyTrent Yeah, I figured it out,