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!
First, go to File > New to set up your document using the following properties.
Next, grab the Artistic Text tool. Set the font size to something large (around 288pt).
Then, type your text in all CAPS. Align the text to the center of the document.
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.
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.
With the text selected, right-click on it and select Convert to Curves.
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.
Select all the text. Go to the Pathfinder Panel and select Add.
With the newly formed curve selected, press CTRL + J to duplicate it. Conversely, right-click on it and select Duplicate.
Grab the Rectangle tool and draw a rectangle to cover the duplicated curve diagonally.
Then, select the rectangle and make a duplicate of it by pressing CTRL + J.
In the Layers Panel, select the original rectangle and the duplicated curve (Press Shift once you click the rectangle. Then press the curve.).
Next, go to the Pathfinder Panel and select Subtract.
Now, bring the layer that’s selected down to the bottom. Once you do that, click on Move to Back in the Toolbar.
In addition, select the top part of the rectangle in the middle. Drag it down to the other half of the text.
Select the rectangle and the second curve (Hold Shift to select them both).
Now, go to the Pathfinder Panel and select Subtract.
Select the top part and set the Fill to white.
Grab the Fill tool. Place it at the top of the text and drag it down to the middle part of the text.
Next, select the darker point of the Fill and set that color to a gray shade.
Grab the lighter point of the Fill and drag it towards the middle.
Now, select the bottom half of the text and set the Fill color to white.
Then, grab the Rectangle tool and draw a rectangle across the artboard covering it.
After that, set the rectangle to your desired color.
With the rectangle selected, go to the Toolbar and select Move to Back.
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.
Automated page speed optimizations for fast site performance