How to Create a Sliced Text Effect in Affinity Designer

In today’s tutorial, we’ll be creating a sliced text effect in Affinity Designer. With this effect, you can make your text elements look like it’s been cut. Let’s get started!

Step 1

First, go to File > New to set up your document using the following properties.

Step 2

Next, grab the Artistic Text tool. Set the font size to something large (around 288pt).

Step 3

Then, type your text in all CAPS. Align the text to the center of the document.

Step 4

Now, choose the typeface you want for your text. Make sure it’s a typeface that has a Bold option. If you want to use the font that’s in the tutorial, go to this site Cufonfonts to download the Berlin Sans FB Demi Bold font.

Step 5

In the Transform Panel, make sure that the first square is selected. Now, set the Rotation (R) to 6.6. Set the Shear (S) to 6.6.

Step 6

With the text selected, right-click on it and select Convert to Curves.

Step 7

Next, make sure the text is still selected. Press CTRL + Shift + G to ungroup the group. In contrast, you can right-click on the text and select Ungroup.

Step 8

Select all the text. Go to the Pathfinder Panel and select Add.

Step 9

With the newly formed curve selected, press CTRL + J to duplicate it. Conversely, right-click on it and select Duplicate.

Step 10

Grab the Rectangle tool and draw a rectangle to cover the duplicated curve diagonally.

Step 11

Then, select the rectangle and make a duplicate of it by pressing CTRL + J.

Step 12

In the Layers Panel, select the original rectangle and the duplicated curve (Press Shift once you click the rectangle. Then press the curve.).

Step 13

Next, go to the Pathfinder Panel and select Subtract.

Step 14

Now, bring the layer that’s selected down to the bottom. Once you do that, click on Move to Back in the Toolbar.

Step 15

In addition, select the top part of the rectangle in the middle. Drag it down to the other half of the text.

Step 16

Select the rectangle and the second curve (Hold Shift to select them both).

Step 17

Now, go to the Pathfinder Panel and select Subtract.

Step 18

Select the top part and set the Fill to white.

Step 19

Grab the Fill tool. Place it at the top of the text and drag it down to the middle part of the text.

Step 20

Next, select the darker point of the Fill and set that color to a gray shade.

Step 21

Grab the lighter point of the Fill and drag it towards the middle.

Step 22

Now, select the bottom half of the text and set the Fill color to white.

Step 23

Then, grab the Rectangle tool and draw a rectangle across the artboard covering it.

Step 24

After that, set the rectangle to your desired color.

Step 25

With the rectangle selected, go to the Toolbar and select Move to Back.

Step 26

Finally, you can move the bottom part of the text slightly to the left or the right to distort the effect more. In the tutorial, the bottom part was moved slightly to the left.

Congratulations! You’ve completed the sliced text effect tutorial.

For more Affinity Designer tutorials, check out this cut out text effect tutorial.