• 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
✕
web design inspiration cover pic
7 Amazing Sites for Web Design Inspiration
December 12, 2019
drawing courses cover pic
Improve Your Drawing Skills with these Courses
December 12, 2019

Create a Cutout Text Effect in Affinity Designer

cutout text effect cover pic
Tweet

In today’s tutorial, we will create a cutout text effect in Affinity Designer. This effect is very useful when you want part of your background to show. If you want to know more about Affinity Designer, read about some of the features of Affinity Designer.

Before you start the tutorial, go to Pexels and download an image of your choice. Then, go to Font Squirrel to download and install the Leckerli One font.

Step 1

In Affinity Designer, go to File > New to create a new document. The size of the document doesn’t matter.

cutout effect in affinity designer step 1

Step 2

Now, go to the Tools Panel and select the Place Image Tool. Find the image you downloaded and click Open. Hold Shift and drag the image so that it covers the document.

cutout text in affinity designer step 2

Step 3

Select the Rectangle tool from the Tools Panel. Draw a rectangle on the image (wherever you want to place it). Set the Fill color to white and make sure the Stroke color is set to none.

step 3

Step 4

Next, go to the Tools Panel and grab the Artistic Text Tool. Place it on the rectangle and type your text. Make sure that your Snapping is turned on. Then, place your text in the center of the rectangle.

step 4

Step 5

With the text still selected, go to the Context Toolbar. Select the font you want to use if you don’t want to use the Leckerli One font. If you’re using the Leckerli One font, type it into the Font Family box and select it when it appears. Also, set the size of the font to something large. Here, I set it to 288 pt.

step 5

Step 6

Right-click on the text and select Convert to Curves. In the Layers Panel, your text should now be a group.

step 6

Step 7

With the text still selected, right-click and select Ungroup (or press CTRL + Shift + G on the keyboard). In the Layers Panel, all the texts (curves) should be separated.

step 7

Step 8

Select your text and the rectangle. Now, go to the Pathfinder Panel and click Subtract.

step 8
end result of cutout effect

Congratulations! This tutorial is complete!

*** If you want, on the layers panel, you can lower the opacity of the cutout shape to make the whole thing more see-through. You can even change the color of the cutout shape.

If you liked this tutorial, check out some more Affinity Designer tutorials.

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 *

11 + two =

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.