Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Vector Crop Tool in Affinity Designer
  • By Design Bundles
  • 25 Apr 2017
  • 5 Mins
  • Affinity Tutorials

Vector Crop Tool in Affinity Designer

Discover how to crop objects and raster images with the Vector Crop Tool in Affinity Designer.

The Affinity Designer Vector Crop tool is a non-destructive way of removing parts of a selected object or group of objects. You are able to crop to specific aspect ratios, which also applies to images (raster). It is an intuitive tool for adjusting the size of design elements without creating a clipping mask. The Affinity Designer Vector Crop tool is so easy to use that it will certainly help you streamline your workflow.

For this example we will use an illustrated landscape SVG and a pink flowers background photo.

Step 1 - Select the Vector Crop Tool

In Affinity Designer, open or create a shape/design/image you want to crop. Then, you will need to pick up the Vector Brush Tool from the toolbar since it doesn't have a default shortcut.

Vector crop tool in Affinity Designer 9

Step 2 - Crop Your Image

With the Vector Crop Tool selected, first click on the object or image you want to crop to select it. You will see a blue bounding box around your selection.

Then, you can click + drag a corner handle from the bounding box to crop your selection.

Vector crop tool in Affinity Designer 9

Alternatively, you can click + drag an edge handle to crop your selection either vertically or horizontally.

Vector crop tool in Affinity Designer 9

Reposition Objects Inside the Crop Area

You can move the bounding box around and reposition objects/images within the crop area by clicking + dragging it around.

Vector crop tool in Affinity Designer 9

Remember that this is a non-destructive process. It can easily be reversed by resizing the bounding box to reveal portions of the selection that were hidden before.

The bounding box behaves like a clipping mask. Every movement of the cropped object is constrained to that bounding box.

Vector crop tool in Affinity Designer 9

Step 3 - Use Modifier Keys

You can change the behavior of the Vector Crop Tool by using some modifier keys while cropping. They can be used individually or in combination.

For example, theOption/Alt key will disable snapping temporarily while cropping.

The Shift Key

The Shift key will constrain the aspect ratio during cropping. It can be used when cropping an image from an edge handle.

Vector crop tool in Affinity Designer 9

To get a free form crop, don’t hold down the Shift key while clicking + dragging.

Vector crop tool in Affinity Designer 9

The Control/⌃ key

The Control/⌃ key will allow you to rotate the crop area about its opposite handle.

Vector crop tool in Affinity Designer 9

The Command/Control key

The Command/Control key will let you crop from the center.

Vector crop tool in Affinity Designer 9

Keep in mind that the Vector Crop Tool only crops in a rectangular shape. To non-destructively crop shapes that aren't rectangular, you will want to use layer masks in Affinity Designer.

Next, if you want to learn more about Affinity Designer, why don’t you browse our guides on how to duplicate objects or use the point transform tool.


6 Related Affinity Tutorials

The Vector Brush Tool in Affinity Designer allows brush strokes to remain fully editable. You are able to edit the strokes, change the color of individual strokes and much more. In this guide we will show you to use the Vector Brush Tool in Affinity Designer.Open Affinity Designer and ...

In this tutorial we will take you through the steps for using the Affinity Designer gradient Fill Tool. Gradients are the smooth transition from one color to the next. Adding a gradient is a fairly quick process that can create more depth to your designs. Gradients are used across a ...

Today we will learn how to use the Transparency Tool in Affinity Designer. This tool allows you to apply and edit transparency gradients on vectors and text objects. You can use different types of gradients, and also set different levels of transparency. It will help you add more depth by ...

In this tutorial we are going to show you how to use the Color Picker Tool in Affinity Designer. The Color Picker tool allows you to sample colors from anywhere on your screen. The sampled colors are then stored in Affinity Designer’s swatches for easy access. This also helps ...

The Corner tool in Affinity Designer allows you to individually round the corners of shapes or curves. Creating rounded corners can change a basic shape or font into something more complex. In this tutorial you will learn how to use the corner tool in Affinity Designer.For our one example ...

The Point Transform Tool is an extremely useful tool. It allows scaling and rotation from any node around an origin point. The origin point can be moved anywhere on an object's shape or geometry. This is especially helpful when using isometric grids. We take a look at how to use ...

You may also like

Help Center
ol image