From Sketch to Vector - Affinity Designer Tutorial

► Enroll in Affinity Designer Beyond the Basics: affinity.sale/AD-BTB
► Download the cat sketch + the cat colors: affinityrevolution.ck.page/ve...
* * * * * * * * * * * * * * * * * *
In this tutorial, I'll show you how to vectorize a drawing in Affinity Designer. To do this, we will trace the sketch with the Pen Tool. This tool is can be a little tricky for beginners, but it's extremely useful once you get the hang of it! :)

[@AffinityRevolution]

I know the Pen Tool can be tricky, but at least you get to work with a cute little cat! 🤗

[@atarhejude136]

It is loving the way the communicating thank y😊ou

[@raen5256]

Heyo, just blew in after a certain leading company set itself on fire. Really grateful for your tutorials, they're awesome! I'm loving Affinity so far:)

[@AffinityRevolution]

Welcome to Affinity! 😊

[@ChrisB257]

That was super useful Ally - I have yet to fully master the pen tool at times! The Alt to break the curve is something I forget so easily.
Thanks Ally. :)

[@AffinityRevolution]

You're welcome! That Alt shortcut is so useful. I use it all the time!

[@OrthodoxHaberdashery]

Great tutorial. I need to learn this pen well. Most of the art I will be creating needs these clean curves and lines. Thank you!

[@dawnjohnson8739]

Oh, my gosh HOW did you know I needed this right now? Thank you!!!

[@AffinityRevolution]

You're welcome! I'm so glad this video can help you. 😊

[@avaonalee]

Omigoodness SOOOO much helpful info all in one short video!! This is incredible, thank you so much 😊

[@AffinityRevolution]

Thank you Ava! I'm glad you liked the video. 🤗

[@sarroora]

Turns out my main problem with not being able to use the pen tool as flexibly as I need is the fact that I didn't know Rubber Band option should be on, and Snapping's off. Oh and using ALT to break the line and create a sharp point. Thank you SO much for this video!

[@AffinityRevolution]

You're welcome! I'm glad you liked the video. 😊

[@KathleenRenninger]

Clear explanation. Really shed light on using the pen tool! Thank you.

[@AffinityRevolution]

Thank you! I'm glad you liked it. 😊

[@user-en6ri3kk1b]

Thank you i liked the explanation,simple,clear and beautiful 😍

[@AffinityRevolution]

Thank you! Glad you liked the video. 😊

[@taoloveu]

This is so cool 😎

[@chrisefc3579]

Incredible as always. Thankyou, love to Ezra.

[@AffinityRevolution]

Thanks so much Chris! 🤗

[@anthonyrocha7583]

Thank you! I will save this video to refer to later.

[@AffinityRevolution]

Thank you Anthony! 😊

[@georgetorres8980]

That's awesome! 😀

[@AffinityRevolution]

Thank you George! 😊

[@keithwjones]

Another very good demonstration.. Thank you.

[@AffinityRevolution]

Thanks so much! 😊

[@emiiliaxrosee]

Thank youu so much Ali!!

[@AffinityRevolution]

You're welcome! I'm glad you liked the video! 😊

[@modelcarshouston]

Ally is the BEST!!!!!!!!

[@AffinityRevolution]

That's so nice of you! Thank you! 🤗

[@theandersonfamily6094]

Ali, you are the cat's meow!

[@AffinityRevolution]

Thank you furry much! 🐈

[@annieparry5544]

I had no idea about the versatility of the pen tool. Only watched to find out how to draw whiskers and learned so much more. Great vid. This will save me so much time.

[@AffinityRevolution]

The pen tool is a little tricky at first, but so so useful 😊

[@animalclub7253]

You are the best

[@AffinityRevolution]

Aww, thank you! 🤗

[@vegasdealer777]

Thanks for a great video! I stumbled upon a shortcut for changing direction with the pen tool. I don't use the Alt/Option key at all. Here's what I do:
I draw my first line, either straight or curved. Let go of the mouse button. Click on the square or circle where my first line just ended. From there, if I want a straight line, I move the cursor to the next point, click and release. If I want a curve, I move the cursor to the next point, click and drag. This works for me on Win10 with AD version 2.2.1. I haven't tried this on the Mac yet.

[@AffinityRevolution]

Cool idea! Thanks for sharing that :)

[@Lixe-42712]

thanks

[@AffinityRevolution]

You're welcome! 😊

[@johnfehringer]

How many people here think its about time Affinity Designer developed an image to vector tracing function, like illustrator?

[@tinkledellcottage3643]

Yes, I desperately need this. Adobe has it.

[@russelljones3970]

Adobe has had this feature for decades, I'm amazed Affinity doesn't.

[@noface960]

great

[@AffinityRevolution]

Thank you! 😊

[@Greacher]

and how you safe it ? as png?

[@AffinityRevolution]

Yes, PNG 🙂

[@mcpheex3]

This was fabulous! Thank you! I did it and was able to create a cat very close to yours. Any chance you know how to do the ALT trick to break the line and create a sharp point while working on the ipad?

[@sammijmorris]

Why not use a brush to trace in lieu of the pen tool?

[@AffinityRevolution]

You can use the brush if you prefer that 😊

[@Inpreesme]

🎉

[@AffinityRevolution]

Thank you Kevin! :)

[@zakaroonetwork777]

Is there an Auto-trace Tool? or can you Darken the contrast, Make a magic selection and then color Fill the selection. to retain more of the ink pens natural character?

[@heftymonk]

I wonder how to trace the image without outline.
I mean, like template layer in illustrator.

[@KruMark]

Comments about the lack of Auto-trace in Affinity Designer are coming in 3... 2... 1...

[@AffinityRevolution]

Haha so true! 😅

[@GeanImation]

Thanks for your comment! I'm trying to figure out what the best sw is for me and now that you mention it, auto trace would save me so much time over thousands of projects, that this is probably a deal breaker for me where Affinity is concerned

[@TheEurostar]

There many software dedicate only to autotrace, I don’t see why not having it inside Affinity should be such a deal breaker. A nuisance maybe, but a minor one.

[@pixelfungaming]

lol whe n youre the only one to make comment about it.

[@ElectraPsycho]

Thanks a lot !

[@AffinityRevolution]

You're welcome! Glad you liked the video. 😊