Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Smart Selection Brush in Affinity Designer
  • By Design Bundles
  • 25 Apr 2017
  • 10 Mins
  • Affinity Tutorials

Smart Selection Brush in Affinity Designer

Learn how to use the powerful Smart Selection Tool in Affinity Designer.

The Affinity Designer Selection Tool is a powerful tool for adding or removing selected areas. It can also be used to creatively add Adjustment layers. Unlike Affinity Photo, you need to access the selection brush in the Pixel Persona. In this tutorial, you will learn how to create a smart selection with the Selection Brush Tool in Affinity Designer.

For our tutorial, we will be using a spring flower image but you are welcome to browse through our selection of nature photos for more options.

We will also be using this tablet mockup from the Plus Membership in our background example. If you’re not a Plus Member yet, you can sign up for a free month of the Gold Membership today!

Step 1 - Locate the Selection Brush

Open your selected image in Affinity Designer. Next, go to the top of the screen and click on the Pixel Persona icon. In this new window, on the left side toolbar, click on the Selection Brush Tool (W).

Selection Brush in Pixel Persona Affinity

Step 2 - Make a Selection of Image

At the top of the toolbar, you will see settings for the Selection Brush Tool. Add is used when creating or adding to a selection. Subtract removes part of the selection, for example, where too much of an area was selected.

Before creating a selection, make sure that the boxes for Snap to edges and Soft edges are ticked. Snap to edges will easily snap the selection to edges where there is a good amount of contrast.

The Soft edges option adds a softer edge to your selection.

You can use the bracket keys [ and ] to increase or decrease the brush size.

Create a Selection

Now, click + drag your brush over the area you want to keep. In the image below, the red arrows show areas not properly selected. So we will need to Subtract from the selection.

Make a selection in Affinity Designer

Subtract From the Selection

We can easily fix any areas not properly selected by using the Subtract button. Click on Subtract at the top toolbar, then click + drag your mouse over an area to remove it from the selection. You may need to decrease your brush size for more control.

Affinity Designer’s Selection Brush is very intuitive so sometimes a simple click over the area is all you need.

Subtract from selection in Affinity

Create a Mask

If you are happy with the selection result you can create a mask of the selection. Do this by clicking on Mask Layer at the bottom of the Layers Panel. Using a layer mask for the selection allows you to carry on editing as needed.

Create a mask of selection Affinity

Refine the Selection

You can fine tune the selection by using the Refine tool at the top toolbar. Click on Refine and a new window will pop up. You will also see areas highlighted in red. These are the areas that will be removed.

You can change the Preview from Overlay to other options to make it easier to see. We chose Black matte. Make sure that the Adjustment Brush is set to Matte then increase or decrease your brush size. Paint over the edges that need to be refined, as shown in the image below.

The Output was set to Mask so that we could change the background for this example.

Refine selection in Affinity

When you are done, click Apply to commit to the changes. You will see that the current layer now has a mask.

Add in the Background

You can go ahead and change the background of the photo like we did below by using a JPG or PSD mockup in Affinity Designer.

Add to mockup in Affinity

Step 3 - Use Selection Brush with Adjustment Layers

In this step, we will use Affinity Designer’s Selection tool with Adjustment layers.

Make Selection of the Image

Create your selection as with Step 2. If you use the Refine option make sure that the Output is set to Selection. With Adjustment layers, we don’t want to create a mask but rather keep the selection.

If you selected the flower instead of the background, this is an easy fix. With your selection ready, go to Select > Invert Pixel Selection. This is a helpful tip in case you make the wrong selection.

Invert Pixel Selection in Affinity

Add an Adjustment Layer

At the bottom of the Layers Panel, you will find the Adjustments icon. The icon looks like a circle that is half colored in. It is a quick way of accessing the adjustments. Click on this to open the Adjustments menu and select one. We chose to use Curves.

Add Curves adjustment layer Affinity

Alternatively, you can access the adjustments by going to Layer > New Adjustment > Curves.

Access Adjustment layers in Affinity

You can now easily edit the background without affecting the flower.

Edit selection with Curves Adjustment

If you want to edit the flower, just go to Select > Invert PixelSelection and the flower will now be selected. Just remember that when editing the Adjustment layers, you need to select the correct area first.

Add adjustment to flower selection

With the Affinity Designer’s Selection tool, you can fine tune an image down to the smallest detail. You can create a surreal photo or professionally enhance your images far beyond the basics. We hope that what you have learned today can take your images to the next level and boost your creativity.


6 Related Affinity Tutorials

In this guide we will show you how to make a watermark brush in Affinity Photo. You can use this brush as a semi-transparent mark across your images or a signature in a corner. However you choose to use this brush, it will certainly make watermarking images a whole lot ...

Mockups for Smart Objects can now be opened in Affinity Photo V1.8 and later. By clicking on the selected placements, you can edit these mockups quickly and easily. For designers, mockups are an essential tool for showcasing their work to clients. We will show you how Affinity Photo can use ...

In today’s tutorial we will guide you through the advanced brush settings in Affinity Photo. Brushes can be fine tuned to create a specific effect for any type of project. You will learn how to use the different settings available and apply to any type of brush.If you ...

Affinity Designer has a vast array of tools for creating and editing designs. One of these tools is the brush tool. Brushes are available for purchase in both vector format and raster format. They both work in a similar way however there are a fewdifferences.Locating the Brush ToolAfter opening ...

In this tutorial we will give an overview on installing brushes on the iPad and PC/Mac versions. Both processes are similar but the tools and menus may be placed in different areas in the program. Installing and deleting brushes in Affinity Designer is fairly easy and essential to keeping ...

In this tutorial, you’ll be learning how you can make brushes in Affinity Designer based on your own designs and custom shapes.Vector brushes in Affinity Designer are basically png files stretched along a path. So the overall process involves the creation of a design, exporting it as a ...

affinity designer selection brush tool smart selection tool

You may also like

Help Center
ol image