• Have any questions?
  • contact@thecreativehagja.com
the creative hagja logothe creative hagja logothe creative hagja logothe creative hagja logo
  • Tutorials
    • Affinity Designer
    • Affinity Photo
  • History & Facts
    • Graphic Design
    • Logos
    • Typography
  • Inspiration
  • Recommendations
    • Courses
    • Products
    • Books
  • Resources
  • About
  • Contact
✕
help fuel your creativity cover pic
7 Simple Methods to Help Fuel Your Creativity
January 22, 2020
tips for creating an effective logo cover pic
Tips for Creating an Effective Logo
February 5, 2020

How to Create a Sliced Text Effect in Affinity Designer

sliced text effect cover pic
Tweet

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.

sliced text effect step 1

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.

sliced text effect step 2 & 3

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.

sliced text effect step 4

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.

sliced text effect step 5

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.

sliced text effect step 7

Step 8

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

sliced text effect step 8
sliced text effect step 8a

Step 9

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

step 9

Step 10

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

step 10

Step 11

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

step 11

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 12

Step 13

Next, go to the Pathfinder Panel and select Subtract.

step 13

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 14

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 15

Step 16

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

step 16

Step 17

Now, go to the Pathfinder Panel and select Subtract.

step 17

Step 18

Select the top part and set the Fill to white.

step 18

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 19

Step 20

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

step 20

Step 21

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

step 21

Step 22

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

step 22

Step 23

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

step 23

Step 24

After that, set the rectangle to your desired color.

step 24

Step 25

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

step 25

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.

step 26

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

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

Share
The Creative Hagja
The Creative Hagja

Related posts

travel app design
November 14, 2022

How to Create a Travel App in Affinity Designer


Read more

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

fifteen − 1 =

Newsletter

Pages

  • About
  • Affiliate Disclaimer
  • Contact
  • Home
  • Privacy Policy
  • Resources
  • Terms of Use

Privacy Policy | Terms of Use| Affiliate Disclaimer

© 2023 The Creative Hagja. All Rights Reserved.