Vectorise Procreate Lettering on the iPad

If you want to take your iPad Lettering to a professional level in order to sell digital artwork, design logos, handmade cards or commissioned illustrations, knowing how to create vector artwork is a must.

The fastest and easiest way to convert raster images to vectors, has always been to use the ‘Image Trace’ tool in Adobe Illustrator. This is a popular method for professional artist’s, but you need access to Adobe’s Creative Cloud Suite and a desktop computer in order to run the software.

Is there another way you can do this without leaving the iPad and no need for an expensive monthly subscription? Yes! And that is what I’m here to demonstrate today.

What You Will Need

You will the following apps installed on your iPad :

A special shout out to a helpful reader of the iPC blog, Brandon, for suggested Adobe Capture via the comments on a previous post. This app is a perfect interstitial step to auto trace the lettering and create a vector shape!

Before we get into it, you might be wondering about my choice of using Affinity over the free app, Vectornator …. You could use Vectornator for the 2nd part of this tutorial, and you are more than welcome to do so. (The majority of the process is the same – you would simply open your SVG file in Vectornator instead of Affinity Designer for the tweaking stage). 

The main reason I favour Affinity, is because of a special setting on the pencil tool called ‘sculpt’ . The sculpt setting makes editing this kind of vector a lot easier. When using an automatic trace process like Adobe Capture, it creates a lot of nodes on the vector shape (as you will see in the video). As long as the Sculpt preference is selected, you can simply run your pencil along the edge of the path to smooth it out, giving you a very fine level of control. 

Sculpt Tool - Affinity Designer on the iPad
Make sure the Sculpt preference is selected to smooth out your vector

This definitely produces the best result with the least amount of effort and time (as opposed to editing individual nodes by hand). But like I say, it is up to you and depends on how much vectorising you do as part of your workflow. 

On with the tutorial! 

If you would like to learn more about why Vector artwork is an important part of the design process, you can read more about that here.

And don’t forget to sign up below to be notified when the new Learn Lettering on the iPad course is open for registration!

8 replies on “Vectorise Procreate Lettering on the iPad

  • Cristel Design

    Thanks a lot for this post! I have affinity designer but have not started to use it yet. The combination with Adobe Capture makes everything so much easier, I was amazed that just by saving it as svg it was converted into a vectorized file, so easily! Thanks a lot!

    Reply
    • Nicole Mauloni

      Thanks for reading Cristel! So glad you found it helpful. Yeah, it’s definitely an easy process once you know how 🙂

      Reply
  • Ashley A

    I’ve searched high & low for this info! Thank you so much. I prefer to do my lettering in Procreate but I also want to have my work featured on greeting cards. I’ll be doing this tonight!!

    Reply
    • Nicole Mauloni

      Thanks so much for your comment Ashley. It’s great to hear when a tutorial has helped. I’d love to see your greeting card designs when you are finished too!

      Reply
  • Bri

    Nicole, after I’ve uploaded my svg to affinity, how do I get the image to automatically vectorize? I can’t find an option to trace my letters. I noticed in your video, your artwork automatically traced itself without you having to do anything.

    Reply
    • Nicole Mauloni

      Hi Bri. There is a step needed before Affinity in order to convert to vector. As the video shows, you can use Adobe Capture to trace the artwork automatically. You then export SVG / vector from AC and open this file in Affinity. Hope that helps!

      Reply
  • Whitney

    Hi, Nicole! Thanks so much for the tutorial!

    I’m stuck on the step where I smooth out my letters in Affinity. I saw in your video you selected the letter D and then you were able to trace the lines to smooth it out. No matter what I do, the sculpting tool doesn’t stick to my lines and makes odd shapes instead. I’ve googled nonstop and can’t find a solution.

    Reply
    • Nicole Mauloni

      Hi Whitney. It sounds like you may need to turn your ‘Sculpt’ setting on. I’ve added an image within the blog post above to help explain, but once you have your pencil tool selected, you’ll see a contextual menu at the bottom of the screen and ‘Sculpt’ on the left. Make sure this is selected and you should be good to go! Hope that helps

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *