Affinity Tutorial - Text on a Path.

Discussion in 'Learning Pad' started by Angela Toucan, Feb 10, 2023.

  1. Angela Toucan

    Angela Toucan I keep looking for THAT wardrobe

    Messages:
    7,349
    Joined:
    Nov 6, 2017
    When I was playing with the February BYOC collection by NBK-Design I journaled along the curved lines of the black background paper.
    (clicking the image will take you to the gallery and full credits and store links are listed there)
    [​IMG]

    This Froggy Friday (10th Feb) NBK-Design has a new set of templates for us with lots of fabulous curves to create our own layered background and scenes with.
    [​IMG]
    The psd versions have text on a path included. I scrapbook with the Affinity Suite, and have put a little tutorial together on how to create that text on a path with Affinity Photo, Designer and or Publisher. The steps are the same in all 3 programs, however the pen and node tools are in different places on the toolbar. (For this tutorial I'm using Publisher.)

    Part 1 - Create the curve.
    For this tutorial I'm using one of the png layers from cutout template 1.

    1. We are going to use the pen tool to trace the curve. Select the pen tool, then starting at the left of the curve, click to create nodes in between each curve. This will produce a line joining all the nodes. Affinity will automatically create a new layer for the curve.
    textpath2.jpg

    2. Select the node tool. Click on the straight lines in-between the nodes and drag it to match the curve you are tracing.
    textpath3.jpg

    3. Repeat with the remaining parts of the line to complete your curve.
    textpath4.jpg

    4. If you want to be able to see your curve then set the line colour and width etc in the context tool bar.
    If you do not want to be able to see your curve as a line under your text then ensure that you set the line properties to none
    textpath5.jpg

    Part 2 - Add the text
    5. With your curve selected, go to the menu bar:
    Layer - Convert to Text Path​

    6. Start typing your text.
    textpath6.jpg

    7. Edit the style and colour of your text etc. For this tutorial I've chosen The Dear Wallace font by Lilypad designer Heather Joyce.
    textpath7.jpg

    Note, you can move your shaped text with the move tool in the same way you move any other object inside Affinity.
    textpath8.jpg
     
    elseepe, umyesh and cfile like this.
  2. Angela Toucan

    Angela Toucan I keep looking for THAT wardrobe

    Messages:
    7,349
    Joined:
    Nov 6, 2017
    gonewiththewind likes this.
  3. cfile

    cfile My bags are packed for Platform 9 3/4

    Messages:
    23,074
    Joined:
    Sep 2, 2011
    @Angela Toucan Fantastic! Thank you for writing that up for the community!!! :) Well done!
     
    Angela Toucan likes this.
  4. umyesh

    umyesh President of the Hangry Ladies Supper Club

    Messages:
    10,375
    Joined:
    Jul 17, 2012
    Thanks Angela!
     
    Angela Toucan likes this.
  5. gonewiththewind

    gonewiththewind I choose joy.

    Messages:
    11,297
    Joined:
    Dec 15, 2009
    @Angela Toucan I've got it added! Thank you, once again, for your fabulous contribution to our community here. You are so appreciated!

    :bk
     
    Angela Toucan likes this.

Share This Page