Affinity Designer Tutorial - Contour Tool
ฝัง
- เผยแพร่เมื่อ 28 ก.ค. 2024
- Hello Designers and welcome to another Affinity Designer tutorial!
In this video we are going to be looking at the Contour Tool. I will show you how to use it, and how it might become useful when creating designs. I will be experimenting with different shapes and strokes so that you may see the results of using the contour tool. I will also be creating compound shapes and then testing out this tool to create some really cool crazy shapes like meta balls! I'll show you how to create the Command Symbol too.
As always i'll be sharing I'll be tips and tricks along the way with shortcuts that can be useful to speed up your design process.
If you enjoy my videos please give them a thumbs up and let me know the in the comment section. Subscribe and tap the notification bell to get notified of my new videos.
Cheers!
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
QUESTIONS: 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.
ALL MY AFFINITY DESIGNER TUTORIALS: / artistwright
Affinity Designer Tutorials and some free Downloads
www.artistwright.com/tutorials
Affinity Designer Brushes
www.artistwright.com/brushpacks
Affinity Designer Vector Packs
www.artistwright.com/vectorpacks
Time Stamps:
0:00 Intro
0:14 The Basics - How it Works
7:17 Compound Shape - Meta Balls
10:26 Integrating Photography / Design
12:24 Working with Strokes
13:59 Experimenting with Strokes
15:53 Text Outline Effect
17:24 Exercise - Recreating the Command Symbol
19:37 Scaling Up and Down
20:37 Outro
#affinitydesigner #contourtool #illustration - แนวปฏิบัติและการใช้ชีวิต
![เบิ้ล ปทุมราช - อ้ายกินดอง น้องลาบงัว ft. สแน็ก อัจฉรีย์ [OFFICIAL MV]](http://i.ytimg.com/vi/-OK--KaSPcI/mqdefault.jpg)
My brain has just exploded! Weeks, LITERAL WEEKS, of watching TH-cam have failed me. Your video blew my mind. Honestly, just wow! The examples were perfect for what I’ve been looking for. Thank you for sharing this!
Thank you Erica, I know the feeling when you are looking for answers and can't find them. Check out my other Affinity Designer Tutorials maybe they will help too
@@ArtistWright You definitely deserve all the kudos. Looking forward to binging them all! 😊
Ahh cheers!
This is the most fun video about affinity designer I've come across.
Cheers Charlotte
To be honest, i had never touched the contour tool or even thought of it till today 😂
Good job
Check out my latest Tutorial where I end up using it on the smoke section
Well done! Clearly explained. I love it when you show the desired objectives first and then show the steps to achieve them.
Thank you!
Amazing, explanation skills. I am so happy I found your video, now I can design.
Thank you!
Omg this tutorial helps a lot quicker. But making monitor or rectangle with consistent size has blown my mind
Thanks Muhammad. It did with me too when I found out
Dziękuje za Twoją pracę !Well done! Clearly explained. I love it when you show the desired objectives first and then show the steps to achieve them.
It makes sense that way I think, thanks alot!
Very Informative, and presented exceptionally well. Never knew what the contour tool was capable of now I do. Many thanks
Happy to hear that Anthony cheers
Hell Yeah! Brilliant, thanks again AW.
Cheers Mousy
Fantastic tutorial! You show things that a lot of people never new! Thanks a lot! 👍
Thank you Luschine!
This was perhaps the most informative tutorial I have watched. You have leveled me up with skills.
Thanks Mark really glad you like it and that we are all advancing together! Keep going
Thanks for showing some practical examples using these features. Time to experiment!
Thanks Roger
Such a cool feature. Perfect for an infographic & pattern design 😎😍
Cheers Neil!
Great tutorial. Thanks for sharing. Now I'll start making my way through the rest of your videos! 👍
Thank you Decoy
I discovered this software a month ago and I am so in love with it. Your tutorials are amazing too. Thank you so much!
Ah that's great news thanks for watching
FANTASTIC! And the clearest, most comprehensible Contour demo I've seen.
Cheers Brian!
I am so stunned by this powerful tool and especially your clear explanation. Thank you very much.
That's excellent! Thanks Aurelien
Hell Yeah! You sir are slowly but surely becoming the go to chanel for Affinity Designer. Please put me into information overload. Thank you and Happy New Year.
Hi Jim! that's awesome to read that. Thank you so much!
Wow! I can't wait to try this tool. I had no idea it even existed until today. Love what you did with the text. Thank you so much.
It's a tool I use alot! Thanks for watching Melody
Your tutorials are perfect!
Thanks Daniel
Thank you for these great videos. As a beginner, I never knew Affinity could do so much!
Thanks Tim!
Incredible tutorials! I can’t even begin imagine the work you put in to do these. Thank you! :)
Thank you Thedor, they do take a fair while to make, so I appreciate that.
100% I'm new to the program, this is amazing.
Thanks Maradnus, I'm working on a new tutorial as I type
@@ArtistWright 100% subbed! thank you
Very useful, great examples help me understand one single tool from multiple perspectives and use cases. So much depth, yet engaging (usually when something has too many details it is boring). Thank you for this!
Thanks for watching I appreciate the awesome feedback
Brilliant!!! Thank you!
It's my pleasure, I'm happy to hear it's helping people out
I've glad to find your channel. Your tutorial video explain clearly and very useful, Affinity Designer new user like me get it easily and can practice along with this tutorial. Thank you for your share. 😊
Very happy to hear that. Thanks 🙏
Extremely helpful video. Thanks. Even more helpful than learning about the contour tool was learning about compound objects. What a major jump forward for me!
Thanks Scott! Appreciate it. I just uploaded a new tutorial all about the shape builder tool if you are interested
th-cam.com/video/zRzQRfeaKLw/w-d-xo.html
I especially like the text effects. Thanks!
Cheers
Really insightful 👊
Thnx Allot 😃
Thank you Jason
Yet another brilliant tutorial, ace content, quality and presentation.... as usual!
Thank you Robert!
Excellent tutorial! Very detailed and well described!
Thanks Jeffrey!
Excellent video, pro level - thank you so much!
Thanks iMargo!
Thank you so much !! This is so easy to understanding!
Thanks for watching Phimyada
Woah these are some really cool use cases of the Contour Tool.
Thanks Denise
As a beginner I found this so informative, i'm excited to do the text thank you.
Thanks Magenta
Your tutorial are amazing Thank you so much!!!!!!!!!!!
You're very welcome!
Ahhh....just what I needed! AWESOME tutorial! Thank you!
Thanks Tammy!
Couldn't agree more!
Thanks Kristl
this was an awesome video, thank you for sharing!
My pleasure!
Thankyou for the tips on "rainbow coloured letters" as I watched the mini tutorials contained within the Motorbike Honda build that you did and after watching the gradient creations that you did the penny dropped and it was quite easy to do any artistic text then covert to curves and then insert gradient with multi points for each colour of the rainbow on each letter. I only had to do one letter. So then from a selection of any of the letters I created a style and it was simples after that to convert to rainbow colouring with click on my style icon I had made. Me thinks I was clearly making heavy weather of this as I was initially using stroke lines on shapes with many coloured strokes. I am trying to work out a progressive play list from the wonderful compilation on your main website. Orange textured video was ok but really tricky on the textured brushes and need to understand the brushes and application in Pixel mode.
Sounds like you are coming on leaps and bounds. The orange is a bit more tricky as you have to use pixel brushes but it's a good part to learn to add texture etc.
Excellent!
Many thanks!
WOW, thanks for sharing, who knew the contour tool could do so much.....well, not me! LOL
Thanks Kathleen
Thanks for this great tutorial.
Cheers
It is so nice. Thank you so much!
Thanks Rainer!
wow this is so cool had no idea about the contour tool thank you so much
This tool is soooooo useful
Great tutorial.
Thanks again for choosing my channel
OMG I'm just discovering this. I learned so much. Thank you very much for this!!!
Thank you Elon
@@ArtistWright you're welcome
Learned more from u today. Thx🎉
Cheers
This is Brilliant! Thanks for the great video, new Sub!
Thanks for the comment and sub. Much appreciated!
I'm just leaving you comment that I'm subscribing. Good stuff you have here. Thank you.
Thank you Ozymet I appreciate it
Thanks a lot! ☕ 😃 💫
You are like a premium member now 😂 thanks mate
Thanks u are the best explain clearly
Cheers Sam!
Superb
Thanks 🤗
Love your channel bro. Keep the content coming
Thank you!
Very nice tutorial. Everything explained in the way even I understood. You just earned yourself new suvbscriber. Thank you.
Thank you Kuba
Thanks!
My pleasure! A super thanks to you for watching ⭐
Hi, thanks for sharing!
You have a great channel, brilliant videos, and excellent teaching skills. It would be interesting to see how you vectorize a character (e.g., people in action (walking, playing, etc.)).
Anyway, looking for new videos, and I wish you all the best!
Thank you Priit, appreciate that.
Awesome
Cheers
This is really helpful especially since I just cant imagine applying it in design. Also never knew I can select the nodes using alt/option
Cheers
très cool contour tool! sophisticated tutorial for sophisticated illustration ...imagination successfully launched... "contour orbit"!
The best comments seriously!
Great!
Thank you
Thanks a lot!
Cheers
🤩 wow 😃👍🙋🏻♂️
Most excellent!
Thank you
Cheers Joao
Thanks
No worries
The information and AV components were superior.
Cheers Lawrence
10s in and I’m already subscribed
I love to hear it, thank you!
Nice would like to see how to make a cut contur with xx around the object eg 8px away in same shape as object.
If you look at the context tool bar you can shoot how far away the contour is with the slider or enter amount into the box. If you are working with pixel measurements then you just enter 8 pixels. Then convert to curves or bake appearance
Take my sub!
Ha! Taken thanks
Wow thanks for explaining and demonstrating what the contour tool does- I never quite got it before. Can’t wait to watch again and practice along. Looking forward to more tutorials and Happy New Year in advance.
Oh before I forgot what is the name of the type face you used at the end please? Thanks
Thanks more coming for sure. I'm pretty sure it was Roboto
Thank you so much for all the work you do. You're by far the best Affinity Designer teacher on TH-cam! ✨
PS: Is there a warp tool available on AD? And if so, would you teach us how to use it? Thanks a lot!
Hi Michelle, what a nice comment to read, Thank you. There is no warp tool in Affinity Designer.... Yet. I really hope they do implement it. There is a workaround with the mesh warp tool in Affinity Photo but that converts the vectors to raster. Btw I have a new Affinity Designer Tutorial coming out very soon.
@@ArtistWright Nice!! Looking forward to it ✨And thanks for answering 😉
No problem! Feel free to ask for all kinds of tutorials
4:46 Cap, no cap 👏
👍
Was this tutorial good?
Answer: 17:23
Lol! Amazing thanks 🙏
Thanks for this. I just noticed the button last night and was wondering what the point of it was. I played around but for some reason it didnt click it was an offset. Just had a doh moment watching your video.
Wow, more than an offset tool
Ha thanks Nizam!
Definitely more than an offset
Great tutorial! I tried to copy some of your designs for practice, however mine didn't work the same. The X grid at 14 minutes did not expand the same way as yours. The lines went all over the place and some were even rounded?
Also, when I use contour on text, the text disappears no matter what I do. How do I stop this?
Hi thanks for watching,maybe some of the settings you used were different to mine.check the stroke type and stroke end (cap etc). Also with text sometimes it's better to actually convert to curves first then use the contour tool
This tutorial was awesome, think one of the best I have seen! Thanks so much. One question the select node using your 'rope' technique, was not sure how to create that, there is no alt on Mac, I tried all the function keys but could not replicate the 'draw node' aspect you did to cleverly select the outside nodes. Thanks
Thanks buddy, appreciate it. Yes there is an Alt key on a mac. It's right next to the command key on the left
Its ok I worked it out, for anyone else struggling, needed to convert all the squares to curves first, then select all, then node tool, then hold down OPTION for mac 👍
@@ArtistWright Yes same place, says Option on my Macbook :), loving all your affinity videos, you have such great tutorials, first class 🙏
@@emileogier oh cool good to know I think maybe the British keyboard looks slightly different. Thanks again for the kind words I always appreciate it when my viewers give feedback.
Thank you again, yes its UK keyboard, been through a lot of your videos now, you are excellent! First class content 😊@@ArtistWright
Hola saludos gran tutorial... En Windows 10 no funciona los COMPONENTES, si une pero no da esos efectos al unir como a partir del minuto 8:15, puede que al tener usted una MAC las actualización y las herramientas cambian dependiendo el sistema operativo. Un saludo desde Colombia
No he usado una computadora con ventana en años, así que no sé cuáles son las diferencias. Estoy bastante seguro de que es exactamente lo mismo según lo que veo en TH-cam con los usuarios de Affinity. ¡Gracias por dejar un comentario y ver los videos!
Hello, I really learned a lot from this video and enjoyed it! Thank you! I am having trouble understanding bake appearance in general. If you use bake appearance with a fill / shape, it automatically converts to curves. But why? So then, if you bake appearance on a stroke with no fill, what is happening….is it just setting the stroke without expanding it? Why does bake appearance not expand a stroke but then it automatically coverts a shape to curves? I can see why you wouldn’t want to automatically expand a stroke….but why would you need to automatically create curves from a fill? Also, would having the scale with object in the stroke panel checked versus unchecked have an effect on the contour tool?
Very good questions, you would bake appearance if for a number of reasons, if you wanted to further manipulate the shape (as you can now play with the nodes) also if you were to export it and use in another program or export to pdf etc it's better to bake appearance. Also when scaling up or down a shape with the contour tool it might not keep it's proportions. So better to bake appearance. The same applies if you are only using a stroke with no fill ( scaling up and down etc). In terms of checking the box relating to scale stroke with shape, if you don't check that box the stroke will remain the same thickness if scaling up or down. If you want the stroke to remain the same size regardless of how much you scale your shape then check that box.
Also there is an expand stroke option which will allow you to manipulate the stroke even further with nodes. Hope that helps
Yes! Thank you for the detailed response!
No worries
Great video , but i can't find the contour tool anywhere can u help me with that? :'(
Go to VIEW - CUSTOMISE TOOLS - AND DRAG IN THE CONTOUR TOOL
What is Bake Appearance,does it call convert to call, I am trying hard to know and finally i have decided it will be convert to curve…I am right or wrong ?
You are right, it converts it to curves so you can play with the nodes etc.
Thanks a lot! I have to say that I can't have the glueing effect at 8:15". I tried and tried and tried but came up to nothing. Maybe it's my Italian version of the programme that I find confusing after your explanation in English ( which I understand perfectly well), maybe it's just me. Anyway, your videos are great.
Thank you! You can totally do it. Just follow the exact steps I take
Excellent tutorial....
When I contour the shape and then select node tool, it does not work on node, rather it work like move (Arrow) tool. Why? can you figure this out for me, maybe I am missing something. I am new to this program.
Also, tell me if we do "Bake Appearance", then after that, can we go back to "NON-Back Appearance" condition?
.
The Other thing, I cannot see is Stroke Tool in Context Toolbar. and when I click on Miter in Contour Type, some corners are Sharp and the some are like Bevel.
.
And, When I started practicing the other session, that is "cmd symbol", the Alt key selection did not work, and that seems that same, because of Node Tool is behaving like move tool.
Thanks in Advance
Hi thanks for watching. All of your questions are answered in my other videos. But when you use the contour tool, in order for you to be able to play with the nodes for that corner you need to select bake appearance. If you wanted to go back to before you baked it your would have to press command Z (undo). So make you are are happy before you press bake.
You will see the stroke in a tab on the right hand side and also its in the context tool bar if you have the object selected and are using pen tool or node tool etc.
If some sharp corners of an object are bevelled it's because the angle of a corner might tight. Increase the mitre a bit and a sharp corner will appear.
Also I work on a mac, so some of the shortcuts are slightly different on a Windows computer. Always check the description of my videos, in some I include the shortcuts for Windows
I don't get the 'magnetic' merge effect in v1.3
Updates before V2 are free, so try updating it
Hola, qué tal? El contenido es genial. Pero no consigo hacer lo que sucede en el minuto 8:15, alguna sugerencia de lo que me puede suceder? Muchas gracias.
Can you ask any questions in English please. Helpful for other viewers who may have the same question. Thank you
Hi, I can't find the contour tool? I went to customise tools but it's not there - how do I get this? :(. Driving me nuts!
View - customise tools - drag contour tool into tool bar
Could someone help me? I clicked on the "Contour Tool" and all the tool icons showed up but when I tried to select and draw a shape on the art board nothing happened. I have restarted the computer, etc yet I still have the same problem. It won't let me select anything. Any ideas on what I can do to have Affinity Designer function again? Please and Thank you!
Hard to tell without seeing what you see on screen. Try this View>studio>reset studio
How can we Break the Contour, what is the short cut key ...? Like in Coreldraw its Cntrl + K ....?
What do you mean?
@@ArtistWright How can we seprate/break the contour object, suppose if we contour any rectangle there must be 2 rectangle after contour so how we seprate the rectangles ?
Oh I see, well I would start off by making a copy let's say a rectangle, then I'd use the contour tool on the rectangle behind (or underneath in the layer stack)
Enjoyed watching this and tried it myself with success but trying to create say 6 coloured rainbow letters that is each letter has say 6 coloured gradient or contour seems beyond Affinity. I was thinking maybe 6 or 7 colours to the stroke outline might be a compromise and wondered if you had more success
Thanks for watching. You could totally do that with Affinity, it might be your computer struggling rather. If you check out my Honda crf250l tutorial I have hundreds of layers of gradients. Try bake appearance each time you use the contour tool, maybe that will help
@@ArtistWright watching this video now and will follow your advice. It is always difficult for me (tongue in cheek -) to watch videos featuring motorbikes as I had to sell my bike a few years ago when the wife said "it is the bike or me!" I had a couple of honda's - and a harley fatboy plus started out on a small Yamaha 600 street bike- ah well!!!!
Ha well I hope its useful
The font name is Grand Hotel
ik not many people are able to zoom into the video lol
Cheers
Ponéis la pantalla demasiado grande y no se puede ver las herramientas de la barra contextual.
13:29 .... BRUHhhhhhhh
Had to do it
Pretty sure that ARTISTWRIGHTSUNG is a Korean company lol
😂
one day they'll get off their a$$'s and give people a shapebuilder tool like everyone wants
Pray for it
8:15 be like "Are you a wizard" and when realizing it really works and oneself is now a wizard: 😱🧙♂🪄
Now go forth and create magic!
Thanks!
Thanks again !!!