Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your 7 Day Free Trial Start Plus Trial Maybe Later
How to Curve Text in Affinity Designer
  • By Design Bundles
  • 6 Mins
  • Affinity Tutorials

How to Curve Text in Affinity Designer

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

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 line, but the steps would work for any shape.

Step 1 - Set up a new document

Open Affinity designer and click New Document. I try to keep most documents at 12 x 12 inches and 300dpi. This way it's easier to rescale the images later. For help with creating new documents, have a look at Document and Artboard Creation In Affinity Designer.

Affinity Designer New Document

Step 2 - Create and edit the curve for your text

Curving text is similar to putting text on a path. Select the Pencil icon tool from the left hand menu and draw your curve. The same effect can be achieved when using the Pen tool if you prefer.

Affinity Designer Draw Curve

To edit the curve further you can select the Node editing tool. This is shown as a small white arrow on the left hand side.

Affinity Designer edit nodes

Step 3 - Use the Artistic Text tool

Click on the Artistic Text tool in the lower left tool bar. It is represented by the letter A. Click and hold down the mouse button to bring up the options then select Artistic Text.

Affinity Designer Artistic Text Tool

We will be using the Archoke font for this tutorial but you can use any vintage font. You will want to make sure you have installed your font to your device before opening Affinity Designer. Follow our tutorial on how to install fonts for windows and mac if you need more guidance.

Click a point on the line where you would like to start your text then begin typing. This can always be adjusted later.

Affinity Designer Add Text

Step 4 - Adjust the text

As you can see the text is not perfectly spaced. There are a few ways to adjust this to get the look you want.

Step 1 - Spacing

Click on the Character button in the top toolbar. A second window will pop up with options to adjust the text. Highlight the letter that needs a little more space and click on the tracking. It is shown as the letter A and letter V with a double ended arrow under them. Adjust the space as needed between the letters.

Affinity Designer adjust tracking

Step 2 - Adjusting nodes of the Curve

You can adjust further by clicking on the Node editing tool again. You can then adjust the nodes to make the text appear more cohesive. Notice that the text will move with the line as you adjust the nodes.

Affinity Designer Adjust Nodes for spacing

Step 5 - Convert the text to a curve

Once your text is ready you need to convert it to a curve. This will prevent further text editing so be certain before doing this step. Click on the Layers menu and then select Convert to curves. The text will become a curve and retain the line shape.

Affinity Designer convert to curves

You have successfully curved text to a shape in Affinity Designer. If you enjoyed this tutorial we also have tutorials on outlining text and putting text in shapes in Affinity Designer.


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 this tutorial we will learn how to turn text into a path. We will use the Lemilove Font from Font Bundles.Step 1: Type your textCreate a New Document and use the Artistic Text Tool to type your text.Choose your font and size it appropriately.Step 2: Convert text to ...

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 ...

In this tutorial we will learn how to curve text in Affinity Designer so it can be warped around a circle or placed on a path. For this purpose, we will use Affinity Designer’s Artistic Text Tool.The process is pretty similar to the one used in Adobe Illustrator ...

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