Warp Tool - Affinity Designer 2 - Full Tutorial
HTML-код
- Опубликовано: 31 июл 2024
- In this Affinity Designer 2 tutorial I will teach you how to use the vector warp tool. I cover everything! Whether you are a beginner or an advanced user, or even coming over from adobe, you are sure to find it useful. As always lots of tips and tricks along the way to speed up your design workflow and learn to use Affinity so it works for you.
This Affinity Designer course starts from the basics and goes all the way up. Each section is split into different categories so skip around to the part you want to watch:
Basics 1-4
Mesh 1-6
Quad
Perspective
Arc Vertical
Arc Horizontal
Bend Vertical
Bend Horizontal
Fish Eye
Twist
I now have a SUPER THANKS button!!! So if you feel like buying me a coffee as a thank you, tap away!
If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe.
NOTE: I'm Using a MAC, so any shortcuts I mention may be different for WINDOWS USERS. See the below for the WINDOWS:
- Mac Command key = Windows Ctrl key
- Mac Shift key = Windows Shift key
- Mac Alt key = Windows Alt key
- Mac Ctrl key = Windows Right Mouse button
Affinity Designer Tutorials and some free Downloads
www.artistwright.com/tutorials
Affinity Designer Brushes (raster)
www.artistwright.com/brushpacks
Affinity Designer Vector Packs
www.artistwright.com/vectorpacks
0:00 Intro
0:35 Warp Tool Basics Part 1
09:49 Warp Tool Basics Part 2
10:51 Warp Tool Basics Part 3
13:30 Warp Tool Basics Part 4
15:05 Mesh Part 1
16:53 Mesh Part 2
18:36 Mesh Part 3
19:36 Mesh Part 4
20:38 Mesh Part 5
24:18 Mesh Part 6
25:50 Quad
27:25 Perspective Part 1
30:15 Perspective Part 2
31:37 Quad Vs Perspective
32:06 Arc Vertical
32:57 Arc Horizontal
33:55 Bend Vertical
35:11 Bend Horizontal
36:42 Fish Eye
40:31 Twist
41:42 Outro
#affinitydesigner #warptool #affinity 
Хобби
That was the shortest 42 minutes ever! Great tutorial and teaching!
That is great to hear Wistbacka
I know logistically why, but in general I cannot understand why anyone would use Illustrator over this software. It just seems so intuitive, clean and quick!
I have the same thoughts, using illustrator just feels old, clunky and unintuitive after using Affinity.
The biggest plus for me was that we could buy Affinity whereas the Adobe products are now a monthly subscription. They wee pretty pricey back in the day too when you could actually buy their products but at hundreds of dollars, they were unaffordabe!
Witness the skill and ingenuity of a master designer and a master teacher! Thank you
Top man!! love to know that i'm doing right by my subscribers. Appreciate it alot
Indeed fricking amazing top value tutorials. 🤩
@@bushboxer cheers
After watching many RUclips videos, I know that the creator knows more than I do
but I still have a nagging feeling to watch another video for a fuller understanding.
Until now! I subscribed & give my highest recommendation.
That is a special comment, thank you! I appreciate the subscription I hope you enjoy my other tutorials
The most thorough tutorial on the AD warp tool I’ve ever found. Great job. Thanks so much!
Glad you like it thanks
Thanks for making your videos your videos you got a new subscribe!
Thank you! I appreciate it, please enjoy all of the tutorials! Once you have seen all of them please let me know if there is any tutorial you would like
Your tutorials are simply the best.
Thank you ♥
Out of all the people creating content on V2…..I been anticipating yours the most! Your tutorial videos are the most in depth on RUclips hands down! Keep ‘em coming boss!! I appreciate the time and work you put into these videos, so thank you so much!
Hi Haga nice to hear from you. I appreciate that alot. Thanks for watching!
This is amazing! You did a great job explaining everything, and the visuals were really helpful.
I appreciate the time and effort you put into creating it. Great job, keep up the fantastic work!
Thanks
An exceptional tutorial: well paced, easy to follow, comprehensive, and plenty of practical examples to explain how each warp does and does not work, and how to use them. Thank you very much for making and sharing this with us!
Many thanks M. Simmons. They take a fair while to make and edit (I edit out a load of my umms and ahhs too 😂) so I appreciate the feedback
Thank you for uploading this video, very informative
You're welcome!
Fantastic as always
Genius tutorial bro !! 💯
Thank you
This is an awesome tutorial! Thank you very much!
Cheers! Thanks for watching
Thanks! Enjoy your tutorials! I am learning so much from you.
Thank you for watching Marcia, I'm happy to hear that my tutorials are useful to you. Also thank you so much for the Super thanks. Much appreciated ♥
Thx!! I was waiting for this. High Quality as always :)
Thank you PalladiumBc!
Thank you 👍
My pleasure Ran
As always- it is so pleasant to watch your videos! One can get all the details + the extra tips, and everything just flaws. Great work - I really appreciate your tutorials. Thank you!
You are welcome Christina, I'm happy to hear that
As always, clearly explained and well demonstrated. Nice work, makes understanding affinity much easier, especially all the small options and choices in the context toolbar. Cheers !
Thank you G!
Absolutely brilliant.... But then what else would we expect from yourself.... AWESOME info and tips, with stunning visuals making this not only very informative but also really fun and interesting to watch... Just tip top, and thanks for the effort you put in for us all to learn.. PS i got a notification today so looks like something has kicked you tubes arse !! haha :o)
Hi Michael, i'm very happy to hear the great feedback and also that you are now getting notifications. I was starting to worry for a moment lol!
This is one of the best vids I have seen to do with Affinity, thankyou so much for this incredible intro to the Warp Tool on v2. Take care.
Thanks Chris! I appreciate that
Super helpful! Ditto all the thanks on time and effort. Really great to know all the variations of what can be done - saves me oodles of time figuring out on my own. THANK YOU!
Thanks Lynn, happy to hear how it's helping 👍
Genius as always - thanks for the time, effort and skill put into making these tutorials - what a resource to have available.
I appreciate that, thanks Herbalizer
This was fun! Thank you. This was a lot of information and I need to watch it one more time. Your videos certainly excel my time in learning. You are amazing!
Thank you Cathrin! New tutorial coming out soon
Very well done; absolutely one of the best tutorials I've seen.
Thank you Frank!
Wow, thank you for this complete Affinity tutorial! really helpful👍🏼, thank you for your time!
Glad it was helpful!
Thank you so much for this and many other tutorials! You saved me so much time transitioning from Adobe Illustrator to Affinity Designer!
Hi Chi Chity, thank you so much for that, I'm happy to hear it helping you so much. Also thanks for the super thanks 🤗
Excellent and clear tutorial. Many thanks
Thanks for watching
Such a great video. Thank you for taking the time to make this. It is really helpful
Hi there, thanks for that, glad it's helping
You are amazing!! 🤩 Thank you so so much for your time and efforts in helping others learn this amazing tool!! 🔥🔥
Thank you for exploring my other videos, more to come in future
Wow that looks cool!
Cheers Jon
Excellent tutorial and easy to follow - thank you. I have Used Serif software for years but I am new to the warp tool
Thanks John, it's a fantastic tool
😐😳😮😯😲😵🤯🧠 wow!
thank you so much for this! your channel is awesome! instant follow! keep up the great work
Hey thanks for the great feedback. I appreciate it and your subscription
Quality instruction!
Thanks
Many thanks for your comprehensive tutorial. I had a poster design including photos with white borders (using stroke) and managed to make them look 3d with curled edges using the techniques you demonstrated.
Oh that's great to hear, happy it's helping you.
Thanks brother, excellent 👌🏼
Hi Enil! Thanks for watching
Love your style! Nice to see the complete process which is very helpful. We are looking forward to seeing more Affinity Designer 2.
It’s been difficult finding a calm and relaxed channel vs hipped up music over the top vocals.
Thanks for that I'm happy to hear you are enjoying my videos. In fact I just released a new live Filter layer tutorial which includes embedding multi page documents.
Awesome video! Really informative!
Thanks LionHD!
Thank you so much for your time and effort making this tutorial. I had no idea how to use this tool. It is amazing. My "old" brain needs to go over this a few times, to get the hang of some of these moves. I look forward to more videos. Once again - Thank You.
Hi Peggy thanks for watching. Have fun playing with Affinity
I must add my thanks for this tutorial. I've played around with vector warping, but I didn't get a grip in just how versatile a tool it is. It would have taken me a long time to work these things out for myself, and I probably wouldn't have discovered so much (my brain isn't as young as it used to be!). I can think of several of my past projects that will benefit from a remake, and I have a few more in mind that will make good use of it. Thanks again!
You are welcome Steve, I appreciate you taking the time to comment.
Thank you so much! Very good tutorial!
Thanks Damir
Brilliant tutorial. Thank you. ☘
Thanks Orla
Very well done.Thank you this video!!!!!!
Thanks for watching
Great video! Thanks :)
Thank you!
Thanks for this great tutorial!
Hi Christoph You're very welcome!
Thanks!
Thank you so much for the super thanks! 🙏 Very much appreciated
Great series of explanatory examples for this new tool set... I kept thinking of animation possibilities, if only such a feature existed this new warping ability would be amazing for it. Thanks!
Hi Kevin and thanks! Yes I had the same thoughts as you when I was doing a screen recording of the camo cover of the tin can.
Thank you!
You're welcome!
Merci ! Very well done !
Merci d'avoir regardé Philippe et pour le super merci ! Je suis content que ça t'aide
Super Awesome Tutorial 😁👍✨
Thanks Interstellar
Excellent ! Thanks!
Thanks Mikey
Incredible! Very helpful! Thanks
I really appreciate the SUPER THANKS, Thank you! I'm happy to hear my video helped you. More videos on the way, but first I'll be releasing a special kit for Affinity Designer coming soon. Take care Ben
@@ArtistWright You're welcome. I'm hoping to use this video to figure out how to reproduce the normal folds and creases of clothing on people. There are videos to remove wrinkles but not to add them.
@@benjfischer ah that's a good use for them. Affinity also has warp for raster based images too
That is totally true, Ive not seen a video on adding creases yet...maybe its something ill look into. I have a new tutorial coming tomorrow. Its about Live Filter layers (basically the warp tool but for pixel based images like photos)@@benjfischer
Thanks
Thank you Lucas!!!
awesome. thanks for sharing.
Cheers and thanks for watching!
😊thanks a lot
Hey thanks appreciate it
Brilliant, very helpful. ( fyi : highway is a specific type of road; a minimum of 2 lanes each direction, with higher speed limits. everything else is still just a road, small road, back road, gravel road, etc... ).
You are totally right! Thanks for the correction. Also I'm glad you found it useful
thats cool
Cheers
I've only gotten through 13 mins. of this tut so far and I'm so impressed with the warp tool and how you explain things. I love that you show different options to do the same thing as well. I have questions but will wait til I view the whole thing in case they are already mentioned. Happy to subscribe!
I appreciate the feedback,! Thank you and enjoy the rest
@@ArtistWright I finished watching the tut and was even more amazed by the examples near the end. I still have the same questions though.
I am new to Affinity Designer 2. Before the last 2 updates I was told to be able to manipulate text (I do not do hand-lettering), it had to be changed to a smart object. It appears the warp tool eliminates this issue but I wonder if there's still a reason (differences) to use the other.
What I was basically wondering when searching for tuts was if we can import pre-made grids as templates and use them as a background to be able to more easily adjust the text the way we want it to look. At the time we were told the grid lines would not be helpful if the text we were using were fonts instead of hand-lettering. I'm wondering if that's changed with the addition of the warp tool?
Thank you for the kind words!
In regards to your first question, Yes there is good reason to convert your text to curves, even after you use the warp tool. Mainly for compatibility, For example if you will be exporting for print or exporting to pdf and sending to someone who uses a different piece of software, you want to make sure your design appears the same across all these scenarios . Maybe you send the file to someone who doesn't have the same font as you, it will be replace that font with something else. Also if you use laser engravers etc you need everything to be curves.
In regards to grids have you checked this out? the help section in affinity is really helpful. i'll add the link here:
affinity.help/designer/en-US.lproj/index.html?page=pages/DesignAids/grids.html&title=Grids
@@ArtistWright Thanks so much for the info. I just remembered to look for your reply. Funny but not funny, I learned about fonts not looking the same early on while using Gmail. I went to great lengths to make a birthday card with many different fonts for a friend only to find later on what she saw was nothing like what I sent her. I'm glad you reminded me of that.
Re my question about importing grids, I was actually asking about pre-made grids that are different shapes, not the gird marks like in affinity. For example, (I wish we could post pics here), a book cover that has 3 different wavy texts on it. I was wondering if I can easily import a template as a guide?.
Ah I think I get you, so on the video I show that you can manipulate the flag using the warp. Then you can remove the flag layer out of the warp group, and place in there a different image and it will take on the same warp. You can try this with text. Then just replace with whatever you want in future. So in a way it will be a template.
Outstanding and brilliant tutorial AW! I am glad to see you doing tuts on the new tools AD added in V2. Question: Can you do a short tutorial on how you made the swimming pool?
Thank you so much! Yeah I'm liking V2 alot. Still waiting for the image trace feature though 😂. What kind of swimming pool are we talking about here?
@@ArtistWright Your very welcome! I hope they consider adding image tracing soon. I am sure that is one of the most requested features. The swimming pool you used in the Twist Mesh example. I have tried making a repeating hex background but I can't figure it out, I like the way you made your pool.
Yeah i see it all the time in the Affinity Forum. Yes the hex pattern in the background, I shall note down that down thanks.
Note for windows users (as of March 2023). There is a known bug with the warp tool. If you intend to print out from within Designer your warp group may not print (especially warped text). The workaround at the moment is to convert your warp to curves, then it will print correctly. Just copy the warp group before you convert it in case you need to change it in future. If you’re exporting your work it doesn’t matter, it’s only a problem when you print directly from within Designer.
Some great advice there, as a rule of thumb I always make a copy, then convert to curves just incase. Cheers Dggbl
Thanks for the tutorial, very useful. Something odd I've found is (on Windows at least) if you try to add a warp to an embedded document - even one created with Affinity Designer - it doesn't work properly and you get all sorts of weird behaviour.
Thanks Martin, Thanks for watching. I cant say i've experienced what you have described yet, have you posted that in the Affinity Forum? it's a great, Ive used it many times when I get stuck or have some bug i'm experiencing. I recently was getting a few crashes each time I added alot of nodes to a mesh, the update 2.0.3 seems to have helped a little. Maybe you should see if there is an update, maybe it'll fix the issue
@@ArtistWright thanks, I will check the forums!
forum.affinity.serif.com/
👏👏👏
Thanks
As somebody new to the Affinity products thinking of getting V2, do the old tutorials on your channel still apply? Or is the UI different enough that it might be confusing or misleading? Where should I start for Designer if I'm brand new? Thanks!
Hello there, yes they all still apply. Generally my tutorials have been about specific tools (eg pen tool) . Most things are in the same place, the icons look a tad different in V2.
22:33 They have improved snaping in version 2.1 so it is a bit easier now and does not require so many guides ^_^
Hello Kru. Yes I'm happy they resolved that, obviously after I released this tutorial 😁 thanks mate
Hey thanks a lot for the explanation.
Is there a solution for cuting a form with an wraped form on it?
For example, like the can at 18:00 i have a form wraped like this with a logo and wann cut all of it in two pieces.
i really tried a lot of ways but cant find any way to do this.
Yes its possible, use the WARP Tool until you are happy, then bake appearance, then grab the knife tool and make your cut (hold shift to cut in a straight line)
Thanks for this great tutorial 👍🤩 but what do I have to do to make a photo adapt to the deformation? It didn't work with the photo (.png format) alone and when I inserted the photo into a shape, the shape adapted but the photo didn't.
I've made a video on this here ruclips.net/video/wTd6myYc7Mo/видео.htmlsi=JBZUi4f6V2nyi2zy
Great tutorial, but I am struggling with getting an SVG or any object to curve around like you did at 33:30 with the volume control. Instead of my image arching, an arch is taken out of my image. So my image is now missing in the middle and a blank white arch is put in there, so it kind of looks like a sun rising in the middle of my image, if that makes sense. I am trying to get an SVG of a city skyline to arch.
Thanks Brett, thanks for watching ! im not entirely sure why that is happening with your cityscape. Are you 100% sure it is a vector shape you are dealing with?
çok güzel
Enjoy
I paid for a course and didn’t learn as much as I did from this video. The warp over the can blew my mind. You need to charge for this stuff lol
Thank you thats some good feedback cheers.
Is there anything about how to get warp group nodes to SNAP to nodes in this tutorial? I’m not watching it all - I’ve already wasted two hours trying to figure this out!
To align junctions using snapping: On the warp group's context toolbar, select a Snap menu option. Align to nodes of selected curves-will horizontally or vertically align any node you drag to any other node in the same warp group.
for some reason my warp tool doesn’t show up, i’m on affinity 2.0 and it’s just not there, any idea on how to fix this?
Its under the layers panel on the right hand side, if your layer panel isn't there, activate it by going to the drop-down 'window' then select 'layers'
I have tried every which way but cannot get a pink grid and a mesh grid up on my screen.
Make sure you are in designer persona
I used the WARP and some of my letters are cut off when printed😫😫 everytime, why? What do I need to do? Or what am I doing wrong?
Hi felice, worry not, just click covert to curves in the context tool bar. Then try and print
Can we add a different color to each node so the colors blend in nicely? Illustrator has that feature, I wish Designer had it.
Hi Eric, I was hoping for that too but it's not been implemented yet. Let Affinity know thought their forum, the more people speak up etc
@@ArtistWright Thank you for responding! I really hope they put it in soon too! I will let them know.
My pleasure
I just downloaded the latest version, 1.10, and there is no warp feature.
Hi, it's only available in version 2
is this feature in photo?
Yes, but for bitmap/raster images
Why don’t i have the warp tool showing
It's in version 2,did you upgrade
how to do this in ipad?
Hi there, I'm not sure as I don't own an iPad yet
Why doesn’t anyone ever do tutorials on the app version? I just don’t get it.
I'm going to need to watch a load of tutorials for the app when i eventually get iPad. I've also noticed that there aren't many but you can gain a great deal from watching the desktop version
Wait they finally add the warp tool
Absolutely!
Version 2
Can you do it on iPad?
I believe you can yes
@@ArtistWright can you add to your vidoe list how to do so on iPad? I only find a video but it require Affinity Photo which is not what I looking for. Thank you!
I don't have an iPad amazingly, but when i do I will make that video. There is for sure a video out there for it on RUclips
unfortunately its doesn't work for pixel, only for vector
I made a video on how to warp raster layers here
ruclips.net/video/wTd6myYc7Mo/видео.htmlsi=U12wAdqD8AgNvJHV
Ha. One minute in and I'm stuck already. Mine has no Warp option in layers. (and I'm up to date, version 1.10.6) FiVE MINUTES LATER....rats. Just discovered that Affinity now has a version 2 and I have version 1.
Warp feature is available in Affinity Version 2. Absolutely Worth getting in my opinion
Sucks that we can't warp pngs.
Have you tried the mesh warp in Affinity Photo? You can mesh bitmaps /raster images in there
@@ArtistWright I don't have photo, just designer.
It's worth getting as it works seamlessly with Designer
Really good tutorial, but didn't make it to the end as too many adverts. I appreciate you need to make some money but ads every 2 minutes is too much :(
Hi Simon, youtube has set them automatically, I'll have a look
You should get a paid RUclips subscription to avoid the ads...
Guessing you can only warp vector objects and not images themselves..
To warp raster images currently you can only do that in Affinity Photo. But.... it's actually already available in the new Affinity Designer 2.1 beta which you can get now
@@ArtistWright ah, sweet. hows the beta been so far?
I've not actually tried it yet as I need a stable version atm, i just did a bit of research, they are adding a vector flood tool also.
@@ArtistWright ah. just downloaded it. can't seem to warp image or as rasterize. unless i am missing something. o'well.
Select your object, switch to pixel persona, click on the 'layer' menu at the top, then new Live filter, and you'll see it
Thanks!
Top man
Thank you!
My pleasure!
Thanks!
Thank you so much Ben!