This is an old documentation. Go to the latest Customer's Canvas docs

Curved Text

A crucial feature for many print products is an ability to display text on a curve. A good example of this is a seal.

A seal.

The Design Editor allows you to display and edit a text on a curve. However, this web-to-print designer cannot create curved text. This topic describes one of the possible ways to create curved text in Adobe Photoshop for further editing with Customer's Canvas.

The Sample

It is quite easy to create such designs in Photoshop, and Customer's Canvas will properly handle curved text and display it in the designer. Let us go through the process of creating a template with curved text.

  1. Create a new PSD file in Photoshop.
  2. Select the Pen tool from the toolbox or press P.

    Select the Pen tool.

  3. Select the Path mode in the Top toolbar.

    Select the Path mode.

  4. Click where you want to place the text to create a starting point, and then click again for an endpoint. To bend a line, add anchor points on the line.

    Draw a line.

  5. Drag the anchor point to bend the line holding the Ctrl key (or the Cmd key on a Mac).

    Curve the line.

  6. To add the text, select the Type tool (or press T), click the point on the curve where you want to start a text string, and start typing.

    Curved text in Photoshop.

  7. Save this template and open it in Customer's Canvas.

    The resulting image.


In some designs, you may want to let the user provide a text string in a box of a fixed size with the font size automatically selected to fit this box. You can easily implement this behavior by using the curved text editor as explained above. Just create curved text on a straight line and it will work as expected.

Also, you can use the <TOS> and <TSM> markers to keep the bounds of the original text unchanged.

Rich Text Formatting

Customer's Canvas supports the rich format of curved text. You can apply either the <RT> marker or various formatting to the text layer to enable the rich format in the Design Editor.

See Also