
7 Simple Methods to Help Fuel Your Creativity
January 22, 2020
Tips for Creating an Effective Logo
February 5, 2020How 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.