Thanks to an update for the version 1.9 release of Affinity Photo, it is now possible to place text on a path. This means that you can wrap your text around circles and flow it along various types of contours of your choosing. In this tutorial I’ll be demonstrating all of the different ways that you can curve text with Affinity Photo thanks to this new update.
The process used to curve text with Affinity Photo is the same as it is for Affinity Designer. So, if you already know how to do this in Designer, you also know how to do this in Photo. If you don’t, then fear not. By the end of this tutorial you will know how to curve text in virtually every Affinity application.
Curve Text with Affinity Photo
|To curve text with Affinity Photo, use the Pen Tool to draw a path to place your text on. Then, grab the Artistic Text Tool and click on the path. A blinking cursor will populate, indicating that you can now type on the path.|
The following video tutorial will walk you through the process of using Affinity Photo to place your text on a path. It should be noted that this tutorial is for the desktop version of the app.
If you’d like to curve text with Affinity Photo for the iPad then check out the tutorial I made for it on YouTube.
Continue on for the written instructions.
Table of Contents
Place Text On A Path:
Wrap Text Around A Circle:
Place Text On A Path with Affinity Photo
Let’s first go over how to place your text on a curved path that you’ve drawn.
In order to curve text with Affinity Photo, we first need a path to place the text on.
There’s various ways to create paths, but for this lesson we’ll be using the Pen Tool to manually draw a curved path to place the text on, which will effectively curve the text.
Grab the Pen Tool and draw a straight line on your canvas. Then, grab the Nodes Tool (located in the same submenu as the Pen Tool) and curve the line by clicking and dragging it:
Once you’ve drawn your path, you can grab the Artistic Text Tool and click on the path to place your text on it. A blinking cursor will appear on the contour of the path, indicating that any text you type will be placed on the path.
Go ahead and type in your text:
The green triangle on the left side of the path represents the starting point of the text. The red triangle on the right represents the end point of the text.
You can move these points according to your own preferences. For this demonstration, I’ll be moving them the ends of the path:
As depicted in the above screenshot, the text moved all the way to the beginning of the path, because that’s where I placed the green triangle.
Once you’ve placed your text on the path, now you can edit its attributes to your liking.
The following properties of your text can be altered while it’s on a path:
- Style: bold, italics, underline
- Alignment: left, right, center, fill
To edit the properties of your text, select all of it by pressing Control + A on your keyboard.
For this demonstration, I made my text larger, changed the font, and aligned it to the center so that it lines up directly in the middle of the path:
To change the spacing between the letters of your text (otherwise known as kerning,) simply hold Alt and use your arrow keys. The right arrow key will increase the spacing between the letters, whereas the left arrow key will decrease the spacing between the letter:
You can also change the spacing between individual letters by deselecting the text and placing the blinking cursor between the two letters you’d like to adjust.
Finally, you can change the horizontal positioning of your text relative to the path by adjusting the Baseline preset in the tool settings.
Wrap Text Around A Circle with Affinity Photo
Now that we’ve demonstrated how to place text on a manually-drawn path, let’s go over how to curve text in Affinity Photo by placing it on a circle.
In order to place your text on a circle, you’ll first need a circle to place it on. So, grab the Ellipse tool and draw a circle on your artboard:
By the way, this technique works with virtually any shape, so don’t feel confined to just using a circle.
Now we will use our circle as a reference point for curving the text with Affinity Photo.
Much like we did in step 2 of the previous process, you can place your text on the circle by simply clicking on it with the Artistic Text Tool.
Clicking on the outer edge of the circle will wrap the text around the outside it:
Clicking on the inner edge of the circle will wrap the text along the inside of it:
As is the case for manually-drawn paths, the green triangle represents the starting point of the text, and the red triangle represents the end point:
Once you’ve positioned your text where you’d like it to be, you can edit the properties and style of it the same way we did in step 3 previously.
Change the font, style, and alignment to your liking. Then, you can change the kerning (or spacing between the letters) by holding Alt and using the arrow keys.
Finally, you can change the Baseline setting to make it so that the text runs through the middle of the path. This would be useful if you’re trying to have a line of text on top and another line on the bottom, and you want them both to be on the same path.
Now that you know how to curve text with Affinity Photo, you can also use this technique when working with Affinity Designer and Affinity Publisher. The text editing tools in the Affinity suite of applications couldn’t possibly be easier to work with. In fact, curving text is easier in Affinity software than it is in any other design application I’ve used thus far.
If you have any questions or need clarification about anything we’ve gone over in this lesson, simply leave a comment below.
Become A Master of Affinity Designer!
Want to learn more about how Affinity Designer works? Check out my Affinity Designer Master Class – a comprehensive series of over 60 videos where I go over every tool, feature and function and explain what it is, how it works, and why it’s useful.
This post may contain affiliate links. Read affiliate disclosure here.