How To Round The Corners Of An Image In Affinity Designer

Round the corners of an image in Affinity Designer

Affinity Designer allows you to make various types of edits to pixel-based images. One of the more common edits we’ll be focusing on in this lesson is rounding the corners of an image. In this tutorial we’ll be having a look at how you can do just that using clipping masks.

As it turns out, there is no direct way to round the corners of an image in Affinity Designer. However, there is a workaround that uses clipping masks and the Corner Tool. Let’s have a look.

Round The Corners Of An Image

The following video tutorial will walk you through the entire process of using clipping masks to round the corners of images:

Continue on for a step-by-step explanation.

Table of Contents

Step 1: Open your image and remove any layer locks

First, open your image and make sure the image’s layer isn’t locked. If it is, there will be a lock icon next to its name in the Layers menu:

Layer lock
Click to enlarge.

Just click on that icon to disable it. If there is no lock icon there then you are good to go.

Step 2: Enable snapping

Next, enable Snapping by clicking the magnet icon towards the top-right of the screen:

Snapping

Step 3: Use the Rectangle Tool to create a rectangle over your image

Now let’s use the Rectangle Tool to create a rectangle in the size of the image:

Drawn rectangle
Click to enlarge.

This can be accomplished by snapping the cursor to the edges of the canvas.

Step 4: Use the rectangle as a clipping mask for the image

Bring down the Opacity of the rectangle to 0% using the Color tab:

Click to enlarge.

At this point the rectangle should be completely invisible. Now click and drag the image layer on top of the rectangle layer so that it merges into a clipping mask:

Clipping mask
Click to enlarge.

Step 5: Use the Corner Tool to round the corners of the clipping mask

All we have to do now to round the corners of the image is grab the Corner Tool (keyboard shortcut: C) and click on the layer to select it.

Once selected, you should see four nodes at the corners of each image. Click and drag over all of them to select them and then drag them in to round the corners:

Rounded corners
Click to enlarge.

Now all you have to do is export you image as a transparent PNG and you are finished!

In Conclusion

Although there is no direct way to round corners of images in Affinity Designer, the Corner Tool and Clipping Masks make it simple enough workaround.

Become A Master of Affinity Designer!

Want to learn more about how Affinity Designer works? Check out my Affinity Designer Master Class – a comprehensive series of over 60 videos where I go over every tool, feature and function and explain what it is, how it works, and why it’s useful.

Master The Software

Want to learn everything there is to know about your favorite design apps? Check out our interactive video courses and private community for getting help when you need it!

The Inkscape Master Class

A comprehensive series of 60+ videos where I explain every tool and feature in Inkscape.

Affinity Designer Master Class

A series of 80+ explainer videos where I go over every tool and feature in Affinity Designer.

The Illustrator Explainer Series

A series of 100+ explainer videos where I go over every tool and feature in Adobe Illustrator.

The Logo Design Academy

An 18-part video series teaching my entire creative process for designing logos, from start to finish.

This post may contain affiliate links. Read affiliate disclosure here.

Nick Saporito

Hi, I'm Nick— a Philadelphia-based graphic designer with over 10 years of experience. Each year millions of users learn how to use design software to express their creativity using my tutorials here and on YouTube.

Leave a Reply

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

six + six =

Recent Posts