

Converting to curves will finalize your text. Once you’re satisfied with your text, you can finalize it by clicking the Convert to Curves button at the top of the page. The left arrow reduces spacing between the letters, whereas the right arrow increases the spacing: To change the spacing between the letters, hold Alt and use your arrow keys. To adjust the spacing between the letters of your text, triple-click the text to select all of it, then hold Alt on your keyboard and use the left and right arrow keys to increase and decrease the spacing between the letters. Whenever you place text along the inside of a path, you may notice that the reduction in space results in a reduction of space between the letters as well. The slider can be used to manually adjust the baseline so that the text is placed along the outside of the path, but relative to the top of the text rather than the bottom: Adjusting the baseline of the text allows you to dictate which part of the text makes contact with the path. The baseline input is located in the toolbar, just above the workspace. This can be adjusted by changing the value of the Baseline input in the toolbar above the artboard. When you curve text with Affinity Designer, you may notice that the base of the text is where the text will be placed on the path. Placing the handles on the left and right sides allows you to center your text on top of the circle. So if you’d like to place your text in the center of the top half of the circle, all you have to do is snap the green hand to the left side, the red handle to the right side, and then give your text a Center alignment using the menu at the top of the interface. The red handle represents the endpoint of the text. The green handle dictates where the text begins, and it can be moved manually: Moving the green handle allows you to determine where the starting point of your text is, relative to the path. Now let’s address changing the position of the text as it relates to the path itself.Īfter you’ve wrapped your text around the path, you’ll notice two handles that appear - a green handle and a red handle. Change The Position Of The Text On The Path You can easily toggle back and forth between each by clicking the button repeatedly. The Reverse Text Path button can also change the position of the text from the inside of the circle to the outside of the circle. This will reposition your text from the outside of the path to the inside of the path.

The Reverse Text Path button allows you to dictate whether the text with flow on the inside or outside of your path. If you’d like to place your text along the inside of the path, you can simply click the Reverse Text Path button in the toolbar at the top of the screen after it’s been added. This depends entirely on what part of the path you initially clicked on. When you first curve text with Affinity Designer, the text will be placed either along the inside or the outside of the path. You can also change the color using the Color menu to the right of your screen.

With your text selected, go ahead and apply your chosen font, color, and size. Simply triple-click the text to select it, then choose your font and size using the settings in the toolbar just above the artboard. Adjusting The Font, Size and ColorĪt this point you can add your own stylings. Simply click on the path with the Artistic Text tool and begin typing. You will notice a blinking cursor that appears on the path indication that you can begin typing.

The cursor change is confirmation that you are clear to place your text along the path.
