Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How to Slice Shapes in Affinity Designer
  • By Design Bundles
  • 21 Jun 2021
  • 6 Mins
  • Affinity Tutorials

How to Slice Shapes in Affinity Designer

In this tutorial, learn how to slice and cut shapes in Affinity Designer using the Node Tool.

In Affinity Designer there is no quick way or tool for slicing up a shape. However, shapes can be split up using nodes. This makes the process of slicing areas far more accurate. In this tutorial you will learn how to slice shapes using the Node Tool.

Start by opening Affinity Designer. Click on New Document and adjust the page settings if needed then click Create. To further change settings in Affinity designer click on the preferences panel.

Step 1 - Draw out a shape and convert to curves

We will begin with a simple rectangular shape. On the left side panel click on the Rectangle tool (blue square). On the canvas, click and drag out a rectangle. A new pixel layer is automatically created.

Adjust the width of the stroke to see the rectangle better. This can be done one of two ways. At the top of the screen click on the Stroke menu and adjust the width. The second way is to click the Stroke menu on the right side panel.

Use Rectangle tool Affinity Designer

The shape needs to be converted to a curve. This will allow us to use the Node Tool. Right click the shape and click Convert to Curves.

Step 2 - Break the nodes apart

To split the rectangle we will be breaking the nodes apart. With the rectangle selected, click on the Node Tool on the left side panel.

Click on the top left corner node, it will highlight in blue. At the top of the screen next to Action click on Break Curve. Repeat this for the bottom right corner.

Break the curve Affinity Designer

When Break curve is applied to the second node, the rectangle splits in half. Each half is placed on its own layer.

Rectangle split in two Affinity

Step 3 - Close the paths of each object

With the rectangle cut in half we need to close the paths. Click on the one triangle then click on the Node Tool to activate. Select a corner node then click Close Curve top of the screen. The path will be closed and you have now have two triangles.

Close the paths Affinity Designer

Step 4 - Add nodes for more slicing options

The shape has been sliced with nodes that were automatically placed. But what if you want to slice areas that don't have nodes? Add a node with a quick easy click that can be placed anywhere you want.

Select one of the triangles and click on the Node Tool. Move your mouse along one side of the triangle. The mouse icon will change to an arrow with a curved line. As you move the mouse, a line will appear. Where this line appears click to add a new node.

Add new nodes Affinity

Repeat steps 2-3 to break nodes apart and close paths. For each area that is sliced a new layer is created. You can edit each new object independently.

Slice a new path Affinity

Each shape's stroke, color and size can be edited or you can also put your text in shapes. The creative possibilities are endless.

To take your shape designs a step further, try adding a gradient to them.

6 Related Affinity Tutorials

Shapes in Affinity Designer can be filled with patterns by using the Fill Tool option. This can be applied to a range of projects like sublimation, stickers, card designs and more. Any image can be used including seamless patterns. Creating a design with a pattern fill has never been more ...

Curving text in Affinity Designer looks great for logos and insignias. You also can use it to improve the visual effect of any design. Personalized project such as shirts can be creatively enhanced with curved text. In this tutorial we will show you how to curve text on a wavy ...

Gradient backgrounds are great for making social media posts, graphics, and more. In Affinity Designer we don't have the luxury of a mesh gradient. However, we can blend multiple gradients using the Blending modes. How you position the layers also impacts on the final result.In this tutorial we will ...

The Long Shadow effect is as the name implies. It adds a long shadow to give dynamic impact to text or logo. The process involves multiple duplicates aligned in a specific way. The duplicates are then combined with a Boolean action and edited with the Node Tool. We will show ...

Drop shadows can be used in graphic design to give the illusion of a 3D object. It gives the image depth as though it is hovering above the page. There are various setting that can be changed to simulate the direction of the light source, the size of the shadow ...

Text Styles are presets that can be applied quickly and efficiently to a large amount of text. This is essential for projects that use text and require the ability to update across the platform. In this tutorial we will give a brief overview of how to use Affinity Designer Text ...

You may also like

Help Center
ol image