Mastering an image editing program like Affinity Designer is an ongoing process where new skills are stacked upon existing ones to build a knowledge base of techniques that can be used to edit images in any number of ways.
One of the most fundamental skill sets to learn in Affinity Designer is working with different types of shapes. Knowing how to add shapes to an image opens up a great number of creative possibilities. But being able to cut out a shape is an equally valuable skill and there are several ways to accomplish this vital technique. Here’s how.
Affinity Designer How To Cut Out a Shape
Depending on the particular visual effect that is desired, there are several ways to approach the cutting out of shapes in Affinity Designer and most of these operations can be performed from Affinity Designer’s Toolbar or by selecting an option from an image layer’s Geometry sub-menu.
The most common scenario for cutting out a shape is when there is an underlying image, or even another shape, that the shaped cut-out is removed from, and this will be the focus of this article.
These are the most common techniques that can be used to cut out a shape:
1. Use the Subtract Tool to Cut Out a Shape
One of the most useful techniques for cutting out a shape from another shape in Affinity Designer is to use the built-in shape drawing tools and then perform a Subtract operation to cut out the desired shape (or portion thereof). Here’s how this works:
- Use any of the shape drawing tools from the Tools panel to draw a geometric shape
- Draw another shape and place it over the first shape in the position that the desired cut is to be performed
- Select both shape objects and then click on the Subtract button on the Toolbar (or go to the Geometry sub-menu for the layer and choose the Subtract option from there)
The original shape (the shape that was drawn first) will have a cut-out in the shape of the second object that was drawn and placed on top of it in an overlapping fashion.
For example, if you draw a square and then place a circle over the lower-right corner and perform a Subtract operation, you would end up with a square that has a circular portion of its lower-right corner (where you overlapped the circle) removed.
2. Cutting a Shape Out of an Image
In a similar fashion, the Subtract tool can be used to cut out a shape from an image. The basic premise is the same:
- Open the image from which the shape will be removed
- The desired cut-out effect (i.e., the shape) must be placed over the image
- With both objects selected, click on the Subtract button from the Toolbar or select Subtract from the Geometry sub-menu
The image will now have a cut-out in the shape of the object.
3. Use the Intersect Tool to Create a New Shape
Another way to cut out a shape in Affinity Designer is by using the Intersect tool. This technique produces interesting visual effects with limitless possibilities. Here is how Intersecting works:
- One shape is laid down as a base layer
- A second shape is drawn and placed in an overlapping fashion on top of the first shape
- Once the Intersect tool is deployed, only that portion of the two shapes that is overlapping will be retained and the non-overlapping portions of both shapes will be discarded thus producing a truly uniquely shaped object that has the characteristics of both parent shapes
With a bit of imagination, the Intersect tool can be used to create stunning visual effects by cutting out overlapping or intersecting, areas of multiple shapes to create entirely new ones.
4. Use the Xor Tool to Create a Transparent Area
A tool with an exotic name, Xor, can be used to create equally interesting visual effects. Whereas the Intersect tool cuts out non-intersecting portions of overlapping shapes, the Xor tool produces the opposite effect. Here are the highlights of this function:
- The setup is the same as using the Intersect tool
- A base shape is drawn first and additional shapes are laid down on top of the first
- Whereas the Intersect tool retains only the overlapping portion of the shapes with the non-overlapping portions being discarded, the Xor tool works in the opposite way with the overlapping portion being cut out and the non-overlapping portions of the shapes being kept
When performing the Xor function to cut out a shape in Affinity Designer, it is important to remember to select all of the shapes and create a Compound object before selecting the Xor option.
5. Cropping an Image Into a Shape
For instances where the desired visual effect is not to remove a shaped cut-out from an image, but rather, to cut an image into a particular shape and discard the rest of the image (a reverse cut-out if you will), the ideal operation to perform is cropping the image into the desired shape. In other words, the shape will serve as a cutting die for the image’s finished form.
These are the steps you will need to follow to crop an image into a shape:
- With the target image open, select the shape that will be used (e.g., an ellipse, square, or other geometric shape tool)
- Draw the shape on top of the image
- For more precise positioning of the shape over the image, adjust the opacity slider tool to make the shape semi-transparent
- The selected area can be easily manipulated by using the resizing, rotating, and relocation tools
- Once everything looks good to go, merge the image with the shape by using the Layers menu
- The image will be cropped to the shape that was selected and can even be further resized and manipulated
- The final cropped image can be copied and pasted into any document or file
As far as save options, exporting the finished image as a .PNG file is a popular choice as this will add a transparent background. Other extensions include .JPEG, .GIF, .TIFF, .PDF, .PSD, AND .EPS, so there are plenty of ways to save a cropped image.
To enable designers of all skill levels to elevate the quality and impact of their projects, Affinity Designer offers a seemingly boundless collection of editing tools and features. Among these are special functions for cutting out shapes from other objects and images to produce professional-quality visual effects that can enhance any graphic design document.