Round the corners of an image in Affinity Designer

How To Round The Corners Of An Image In Affinity Designer

How To Round The Corners Of An Image In Affinity Designer 800 470 Nick Saporito

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.

Disclaimer: this website is ad-free and does not contain affiliate links or sponsored content 🤘

Learn To Master The Software

Gain a complete understanding of your favorite design apps with my comprehensive collection of video courses. Each course grants access to our private community where you can ask questions and get help when needed.

  81 Videos
  11 Modules

The Inkscape Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Inkscape.

  Nick Saporito
Price: $17
  77 Videos
  7 Modules

Affinity Designer Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Affinity Designer.

  Nick Saporito
Price: $17
  98 Videos
  7 Modules

Illustrator Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Illustrator.

  Nick Saporito
Price: $17
  70 Videos
  9 Modules

GIMP Master Class

Learn how to use all of the primary tools and features in the GIMP application.

  Nick Saporito
Price: $17

View All Courses

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.

All stories by: Nick Saporito

Leave a Reply

Your email address will not be published.