Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Get Plus Now Maybe Later
Text in Shapes in Affinity Designer
  • By Design Bundles
  • 25 Apr 2017
  • 4 Mins
  • Affinity Tutorials

Text in Shapes in Affinity Designer

Follow this Affinity Designer tutorial and you'll be adding text to shapes in no time!

In the following tutorial, we will be working with Affinity Designer and placing text in shapes. All it takes is a single click using the Frame Text tool. Your text remains confined to the shape, making it extremely useful for items like invitations, notices, product information, and more.

Text in Shapes in Affinity Designer 9

For this tutorial, we will be using the wonderful Firecrackers script font. If you want to use another font, go ahead and check out our wide selection of handwriting fonts. We will also use a graphic border design as the background.

Step 1 - Create the Shape

First, we need to create the shape we want to place our text into. So let’s select a shape tool from the left toolbar to draw the shape. We decided to use the Rounded Rectangle (M) for our demonstration.

If you prefer, you can create your shape manually using the Pen tool.

Text in shapes in Affinity designer 8

Step 2 - Convert Shape into a Text Frame

To add the text, we first need to convert the shape into a text frame. There are two ways to achieve this, and we will explore both below.

Use the Frame Text Tool

You can head to the Artistic Text tool on the toolbar and click on the little grey triangle. This will bring up a drop-down box where you can select the Frame Text tool.

Text in shapes in Affinity designer 8

With your shape selected, position the text frame cursor over it until a small pentagon appears.

Text in shapes in Affinity designer 8

Then, click on your shape to turn it into a framed text box.

Text in shapes in Affinity designer 8

Use Convert to Text Frame

The second way is to select your shape, then go to Layers > Convert to Text Frame. This will turn your shape into a text box.

Text in shapes in Affinity designer 8

Step 3 - Add Text to the Frame

You can now add your text to the shape. The text will only stay inside the borders of that shape.

Text in shapes in Affinity designer 8

Now that you have added text inside the shape, we have a guide on the basics of using text in Affinity Designer if you would like to edit the look of your text.

Text in shapes in Affinity designer 8

Well, now we have learned a really quick process in Affinity Designer of placing text in shapes.

You are not restricted to just using set shapes. Instead of adding text inside a shape, you can put text on a path. You have the flexibility to create any shape you want to apply your text to.




6 Related Affinity Tutorials

Text Styles are presets that can be applied quickly and efficiently to a large amount of text. This is essential for projects that use text and require the ability to update across the platform. In this tutorial we will give a brief overview of how to use Affinity Designer Text ...

In Affinity Designer there is no quick way or tool for slicing up a shape. However, shapes can be split up using nodes. This makes the process of slicing areas far more accurate. In this tutorial you will learn how to slice shapes using the Node Tool.Start by opening ...

Clipping Masks in Affinity Designer are clipped to the boundaries of the parent layer. These masks can be something like a photo clipped to a text layer. The photo then takes the shape of the text non-destructively. In this tutorial you will learn how to use Clipping Masks with photos ...

Curving text in Affinity Designer looks great for logos and insignias. You also can use it to improve the visual effect of any design. Personalized project such as shirts can be creatively enhanced with curved text. In this tutorial we will show you how to curve text on a wavy ...

In Affinity Designer, the Artistic and Frame text tools can be found grouped together on the toolbar. The Artistic text tool is more for single or creative phrases that require impact. The Text Frame tool works best for longer phrases of text such as paragraphs. In this tutorial we will ...

In Affinity Designer text can be enhanced using the Layer Effects panel. The panel is loaded with options for blurring, bevel, 3D and more. The Layer Effects panel works non-destructively and can be edited at any point. We will show you how to apply Layer Effects to text in Affinity ...

You may also like

Help Center
ol image