How to crop an image in Affinity Designer

How To Crop An Image In Affinity Designer

How To Crop An Image In Affinity Designer 800 470 Nick Saporito

Don’t let the vector nature of Affinity Designer fool you — it can also handle raster image editing as well, and the available features are quite impressive for a vector-based application. One of the features is the Vector Crop Tool, which can be used crop an image in Affinity Designer with relative easy. In this tutorial I will be walking you through that process.

Cropping an image with Affinity Designer is simply a matter of using the Vector Crop Tool to manually adjust the crop of your image, then copy and pasting the cropped image as a new document. Then from there you can export it. Let’s elaborate!

Crop An Image In Affinity Designer

To crop an image in Affinity Designer, grab the Vector Crop Tool, click on your image to select it, then manually drag the corners of the image inward until the crop is positioned to your preference.

Today’s lesson will be an introduction to a really handy tool known as the Vector Crop Tool. It allows you to change the crop of virtually any object, whether it be a vector shape, a group of objects, a line of text, or even a raster image! This is something yet to be seen in any other vector application.

Watch the video tutorial below to see how you can use this tool to crop your image:

If you’d rather follow the written instructions then read on.

Shameless Plugs:

Get Master Resale Rights

All templates sold on the Logos By Nick Store come with master resale rights, meaning you can resell and re-brand them as your own!

  125 Templates

Logo Mega Bundle

A collection of over 125 logo templates in editable vector format.

  Nick Saporito
Price: $17
  180 Templates

Ultimate Texture Pack

Vector textures in monotone and SVG format. Scalable infinitely without quality loss.

  Nick Saporito
Price: $9

Shop All Templates

Step 1: Open Your Image

Before you can crop an image in Affinity Designer you first need an image to crop. So navigate to File > Open and locate your image on your hard drive to open it.

Example image

For this demonstration I will be using the above example image depicting a dog playing in a field.

Step 2: Use The Vector Crop Tool

Locate the Vector Crop Tool in your toolbar. It should look sort of like a white box with a slash going through it:

Vector crop tool location

The Vector Crop Tool is located towards the bottom of the toolbar.

Click on your image with the Vector Crop Tool to select it. Once selected, you should notice little blue handles in the corners of your image, as well as the vertical and horizontal edges:

Handles location

The handles are located in the corners and on the top, bottom, left and right edges.

Simply click and drag on the handles to adjust the crop of your image:

Adjusting the crop

Simply move the handles in to adjust the crop to your liking.

You can hold Shift on your keyboard if you need to lock the proportions at any point.

Step 3: Export Your Image

Once you’re happy with the crop of your image we can go ahead and save it.

To do this, first copy the image by selecting it (if it isn’t selected already) and navigating to Edit > Copy. Then, paste is as a new image by navigating to File > New From Clipboard.

This will paste your cropped image as a new document:

Cropped image in a new document

Pasting your image into a new document allows you to export it at its cropped dimensions.

All you have to do now is export this new document. To do this, navigate to File > Export or press Control + Alt + Shift + S on your keyboard. This will bring up the export menu:

Affinity Designer export menu

Use the Export menu to export your image in whatever format you’d like.

Choose the format you’d like to export your cropped image as, then click Export to choose a location on your hard drive to save it to.

If you’re exporting an image (as opposed to a vector design) then it is recommended that you choose either PNG or JPG format as those are raster environments and as most suitable for images.

Your newly cropped image will now be ready for use!

Conclusion

Affinity Designer’s Vector Crop Tool is an innovative feature for a vector design application, and I can think of numerous occasions where it could come in handy. Using this tool is much more convenient than using the Inkscape method to crop images, where you need to create a rectangle and use it as a clipping path. Not only that, but much like using a clipping path, the Vector Crop Tool is also non-destructive!

Try it out for yourself to see how handy this neat little feature is. If you have any questions, or if any part of this lesson was unclear, simply leave a comment below!

Shameless Plugs:

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
6 comments
  • Jennifer

    Hi- How do you crop it so that the image shrinks to the size of the crop? Every time I crop a a vector image, it copies it to a new document, with everything else deleted (and made transparent). I want a SMALLER document. But when I try to copy the image with the vector cropping tool (copy and copy to a new doc), it cuts off the bottom of the image (it won’t highlight the box I create, but makes multiple little boxes on its own). I’m quite frustrated. Thanks!

Leave a Reply

Your email address will not be published.