Affinity Designer Fill Lasso Tool

Affinity Designer: How to use the Pixel persona

Affinity Designer is a popular vector editing tool for Mac, Windows and now iPad. The app is cleverly broken down into three interchangeable personas: the Draw persona for vector editing, the Pixel persona, and lastly the Export persona. In this tutorial we're going to briefly look into the Pixel persona, and how to use it in your vector art.

While Affinity Designer is primarily for working with vectors, you can make use of a selection of raster editing tools within its Pixel persona. This is incredibly useful if you need to make quick retouches to images. Alternatively, if you illustrate with vectors and are also interested in digital painting, combining the two can yield some interesting results.

Watch the video below for an overview of what you need to know, or read on for five essential tips to get you started.

01. Switch to the Pixel persona

Affinity Designer tool selection — Select the Pixel persona with this icon

When you fire up Affinity Designer, by default you'll be in the Draw persona. To switch to the Pixel persona, select the middle icon in the top left (as shown in the image above) – hovering over should confirm. As you switch to the Pixel persona you will see the toolbars will change to raster editing tools.

toolbar Affinity Designer — This toolbar includes marquee tools, a pixel lasso tool and a selection brush

The top set of tools on the left are for raster selection. These include marquee tools, a pixel lasso tool and a selection brush, which work much like other raster editing software would. Do note that they won't work on vectors unless you rasterise them. To rasterise a vector object, right/alt-click on the object in the Layer panel and scroll down to the Rasterise option.

tools Affinity Designer — These tools are useful for creating pixel art

Below the raster selection tools on the left-hand toolbar you'll find some pixel editing tools. The Pixel tool enables you to change the colour of individual pixels to whatever colour you have currently selected. This is particularly useful for pixel art. You can also change the size of your brush.

Next up is the Brush tool, which enables you to make use of all the raster brushes that come with Affinity Designer (these can be found in the Brushes panel to the right). Last up is the Flood Fill tool, which you can use to fill in sections of pixel layers only. Again, make sure you rasterise your layer before attempting this.

Affinity Designer retouching tools — Affinity helpfully includes some retouching tools in Designer

There are also a selection of retouch tools, which are useful to have if you are looking to make quick changes to imagery. Normally if you wanted to retouch a photo you would have to take it into a photo editing software. The fact that Affinity includes these tools in Designer streamlines the design process and saves time.

05. Combine vector and raster

vector and raster tools: Affinity Designer — Try combining vector and raster elements in your designs

It may seem counterintuitive but Affinity Designer makes it incredibly easy to combine vector and raster together. For example, you may illustrate a character or a scene in the Draw persona, then switch over to the Pixel persona to apply raster textures with the brush tool. This opens up a whole new world of creative possibilities.

Read more:

How to create a retro logo with Affinity Designer
Key terms every graphic designer should know
The 14 best iPad apps for designers

Tom Ludd is currently a junior designer at Agency TK in Leeds. When he's not working in his day job, he's busy building up The Designers League, a global community full of creatives.