Get Unlimited Access to Thousands of Premium Fonts and More! Start Creating for Free Now

FontBundles.NET
Pricing
FontBundles.NET

Categories

New

Account

Start Free Trial
Text in Shapes in Affinity Designer

By Design Bundles

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.



Related Tutorials

Affinity Tutorials

How to Curve Text in Affinity Designer

In this tutorial learn how to curve text in Affinity Designer in only 5 steps!
Affinity Tutorials

How to Warp Text in Affinity Designer

In this step by step tutorial we will learn how to warp text in Affinity Designer.
Affinity Tutorials

How to Convert Text to Path in Affinity Designer

Converting text to path in Affinity Designer takes only a few steps.
Affinity Tutorials

Text basics in Affinity Designer

Learn the text basics in Affinity Designer with this beginner tutorial.
Affinity Tutorials

How to Outline Text in Affinity Designer

In this tutorial, you will discover 2 methods used to Outline Text in Affinity Designer.
Affinity Tutorials

Text on Path in Affinity Designer

Discover how to type on a path in Affinity Designer in just three quick steps.

Keep going

You may also like

All affinity tutorials
The weekly drop

Fresh tutorials, trends & free files.

Join 6 million makers getting our best craft guides and exclusive freebies straight to their inbox.

No spam. Unsubscribe anytime.