When you have designed a logo, illustration or other graphic artwork, it’s often necessary to trace an image from bitmap to vector. The main reason to vectorize a bitmap image is because vector images can be resized without losing quality, making them ideal for use in print or web design applications. Another great advantage is that vector images can be manipulated with ease, allowing for greater control over the design. This is especially important when trying to achieve a specific look or effect. They are more efficient when it comes to storage, since they take up less space. In this guide we explain you how to vectorize an image with Affinity Designer by tracing the image.

If you like to know how to trace an image in Adobe Illustrator, visit our guide here. Keep on reading if you want to learn it yourself or check out the Tracing with Affinity Designer Course.

trace image in Affinity designer
Tracing an image in Affinity Designer from bitmap to vector has many advantages, like scaling and customizing.

What is Affinity Designer?

Affinity Designer is a vector graphic design software developed by Serif Europe Ltd. It is available for macOS, iPadOS, and Microsoft Windows and works with vector files. It is commonly used by creative professionals to create concept art, logos, icons, UI designs, and print projects. Affinity Designer serves as a lower cost alternative to Adobe Illustrator, and is full-featured and powerful, allowing users to manage documents, create vector designs with gradients, and work with both vector graphics and raster images. It has won several awards and is making big waves in the design world as an efficient and user-friendly tool. Affinity Designer also has two “siblings” – Affinity Photo and Affinity Publisher – that complete the Affinity Suite.

Tracing an image with Affinity Designer Course

Learn how to trace an image with this great course by Monja Wessel, teaching you how to trace an image – step-by-step- using Affinity Designer.

Learn More

What is ‘Image Trace’?

Image tracing with Adobe Illustrator is a process of converting raster images into vector files. It is a useful tool for creating graphics that can be easily edited and manipulated. The Image Trace option in Illustrator allows users to turn hand-drawings and raster images into vector images. It scans the image to convert it into a scalable vector graphic. Additionally, Illustrator’s Auto Trace feature makes it even easier to quickly transform any image into a vector graphic. With Live Trace, users can quickly trace existing artwork and photographs. In conclusion, image tracing is an efficient way for users to convert raster images into vector graphics with Adobe Illustrator.

Does Affinity Designer have ‘Image Trace’?

Unfortunately Affinity Designer doesn’t come with an automatic ‘image trace’ like Adobe Illustrator does. You will need to do the tracing manually. Good news though, because the process is quite simple.

In the following paragraph we explain you step by step how to trace an illustration in Affinity Designer.

How do you trace an illustration in Affinity Designer?

Tracing an outline in Affinity Designer is a straightforward process. You need to follow these steps:

tracing in affinity designer course
Tacing using the pen-tool in Affinity Designer (screenshot from the course from Monja Wessel)
  1. First scan the image you want to trace, or take a picture of it.
  2. Open the image you want to trace in Affinity Designer.
  3. Select the image by clicking on it.
  4. Go to the “Layer” menu and create a new layer. This will create a new trace layer above the original image layer.
  5. Next select the Pen Tool, we need this to vectorize the image by tracing the outlines manually.
  6. Select a thickness for the lines and decide whether you want to use a color filling or only no filling.
  7. Use the pen tool to trace the image. It might take some practice to get the hang of it and get some pace.
    • Click on the artboard to create anchor points, which will form the shape.
    • Hold down the Shift key to constrain the angle of your next point to 45° increments.
    • To create curves, click and drag on an anchor point to create direction handles. The curve will follow the direction of these handles.
    • To close a shape, hover over the first anchor point and click when a circle appears next to the pen cursor.
    • To edit a path, select the Pen tool and hover over an anchor point or direction handle. You can then move or adjust the handles as needed.
    • To add more points to a path, use the Add Anchor Point tool from the toolbar, or press the Plus (+) key on your keyboard while the Pen tool is active.

The Pen tool takes some practice to master, but it is a powerful tool for creating precise vector shapes in Affinity Designer.

If you have tips to make tracing easier, let us know in the comments!

How to trace an image with Affinity Designer Course

If you are having trouble tracing your artwork in Affinity Designer, then why not take this course from Monja Wessel. Besides the fact she’s a talented artist, she’s also a great teacher on our Academy. She has created the Tracing with Affinity Designer Course which shows you step-by-step how to trace an image. You will learn some of the basics of Affinity and together with Monja, you will trace an image.

Take a look at the introduction video to see what you can expect:

She has also created courses that will help you get more experience with creating vector styled artwork, like how to create a vector based rainbow or how to create a heart with Affinity Designer.

Join our Newsletter

Sign up now to stay up-to-date on industry trends, inspiring stories, helpful resources, and more.


Submit a Comment

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

Related posts

imposter syndrome in design

Imposter Syndrome In Design: The Tell-All Guide

Learn to recognize and beat Imposter Syndrome Are you a designer who often feels like a fraud, despite your successes and accomplishments in the field? You may be experiencing imposter syndrome. Our in-depth guide delves into the different types of imposter...

Top 15 Procreate Brushes

15 Best Procreate Brushes

Must have ProCreate Brushes This article introduces 15 of the best brushes for use with Procreate. Each brush set is designed to create realistic strokes and textures and offers a wide range of possibilities to create beautiful digital artworks. Whether you're a...


Threadbasket Review

If you are in the POD business, you most likely know how overwhelming it can be: Should I design my own graphics, should I hire my own designers or is my money (and time) better spent buying ready-made designs and adapting them to my needs? While only you can know...

Why you should keep a travel journal

Why you should keep a Travel Journal

The Benefits of Maintaining a Travel Journal Take a moment and write in your travel journal - Photo by Michael Burrows - Pexels Creating a travelling journal is one of the best ways to capture and remember the meaningful experiences you have while travelling. From...

4 February Art Challenges

February Art Challenges of 2023

Are you looking to get back into an artful groove after missing out on the January Art Challenges? You'll be pleased to know that there are plenty of art challenges running through February that you can jump right into! We've compiled a list of some of the best art...

where to sell courses

Sell Online Courses

Sell your creative courses & tutorials Are you an expert in your field and looking for a way to share your skills and passion with others? Our platform was designed specifically for you, the creator. Whether you want to sell your tutorials and courses on our...

what is an art challenge

Art Challenges: The Ultimate Guide

Welcome to this article on the basics of doing an art challenge! Art challenges are a great way to improve your skills, stay motivated, boost your creativity and connect with other artists. Whether you're an experienced artist looking for a new creative outlet or a...

How to trace in image in Illustrator

How to trace an image in Adobe Illustrator

Tracing an image in Adobe Illustrator can be a useful skill to have if you want to create vector graphics or if you need to modify an existing image. Whether you want to trace an image manually using the Pen tool or use the Image Trace feature to automatically...

How To Hire a Web Designer

Hiring a Web Designer – The Ultimate Guide

Creating a website is a big deal – so we want to make sure you do it right. In this blog post we’ll be diving into why you might need to hire a website designer, some tips on picking the right one for you and a number of other informative points! Launching a...

VistaCreate vs Canva

VistaCreate vs Canva: The Battle of the Design Tools

Are you wondering which online design tool is best suited for you - VistaCreate or Canva? Well, you’ve come to the right place! We’re going to be breaking down the differences between these two tools to hopefully help you make the best choice for your design needs....

Share This