Curved Texts are places where customers can type their own custom text along a curve. The curved text sets the path and boundaries where text can be typed, and is represented on the canvas by a circle or ellipse with the text on it. You can format curved texts in many ways to give customers further options.

To add a curved text

You can add curved texts on Designs and on Templates, by clicking the Curved Text button
curved text.png

Each curved text that you add will have a Name that you can edit, and a Unique Id for you to easily identify it. 

Transform the curved text

Directly on the canvas or by expanding the Transform toolbox, you can transform the text box:

transform curved text.png

Format the curved text

After selecting the element, expand the Character toolbox to format the curved text. Click on each item to learn more:

curved text character.png

Font Option

You can apply one or multiple fonts to a curved text element.

  1. Select the curved text
  2. Expand the Character toolbox
  3. Click to expand the Select a Font list
  4. Pick a font from the list
  5. A dialog will confirm that the Font was correctly applied

curved-text-font.gif

New accounts will only have 1 font available, as Customily does not provide fonts. But you can easily add as many fonts as you want to your font list.

Learn how to import fonts into Customily here.

Tip

You can add multiple font options to a curved text element. To add more than one font option you can either use a font library or assign multiple font options by changing the Option number to the left of the font and choosing a new font.

curved text font 2.png
You can see a step-by-step guide on how to do that here.

 

Font Size

The font size is independent of the curved text path dimensions (which can be edited in the transform toolbox).

  1. Select the curved text element
  2. Expand the Character toolbox
  3. Type in the font size in points (pts)

curved-text-font-size.gif

Text Side

The text side will determine where the text is positioned along the path if it's on its concave or convex side. 

  1. Select the curved text element
  2. Expand the Character toolbox
  3. Select from the dropdown the Side

curved-text-side.gif

Text String length

The text string is the portion of the path where the text can be written. It marks the beginning and the end of the text. You can adjust both the start and end of the string to limit the path where the text can be written.

  1. Select the curved text element
  2. Expand the Character toolbox
  3. Type in a value for the String Start and String End. You can also adjust the text string by using the string handles on the workspace.

curved-text-string.gif

Alignment

You can align a text inside the path string:

- Left, Center, Right, Justified

  1. Select the curved text element
  2. Expand the Character toolbox
  3. Select from the dropdown the Alignment

curved-text-alignment.gif

All Caps

By checking All Caps, you'll force whatever text a customer types into capital letters.

  1. Select the curved text element
  2. Expand the Character toolbox
  3. Click the All caps checkbox

curved-text-all-caps.gif

Color the text curved text

After selecting the element, expand the Color toolbox to add color options to the text inside the text box.

curved color.png

You can apply one or multiple fill colors to a curved text. You can assign colors by Hex value, RGB-A, CMYK-A, or by using a color picker. The color chart will change from RGB-A to CMYK-A, according to the color mode of your workspace. The A stands for Alpha, which means you can also add transparency to your text colors!

  1. Select the curved text element
  2. Expand the Color toolbox
  3. Click the color swatch or the color picker to select a color. Using the swatch you can add colors with Hex, RGB-A, or CMYK-A values (the last 2 depend on the color mode of your design). If you want to add transparency, just slide the Alpha control on the bottom of the chart.
  4. A dialog will confirm that the Color was correctly applied

curved-coloe.gif

Tip

You can add multiple color options to a curved text element. To add more than one color option you can either use a color library or assign multiple color options by changing the Option number to the left of the color swatch and choosing a new color.

curved color 2.png
You can see a step-by-step guide on how to do that here.

Advanced Settings

The advanced settings let you add a Prefix and/or a Suffix to your text. This will be some fixed text that will be visible when customers start adding their custom text.

  • Prefix: a fixed text will be added before the custom text
  • Suffix: a fixed text will be added after the custom text

prefix.png

  1. Select the text element
  2. Expand the Advanced toolbox
  3. Set the Stroke width
  4. Click the color swatch or the color picker to select a color for the stroke. 

curved-prefix.gif

Test how the text will look

At any moment while configuring your text box, you can test how it will look on your design, by typing on the spot that reads Type to try the text box.

This is just for you to test, whatever you type there won't be saved, and won't be visible to your customers ever.

test curved text.png

Share

Was this article helpful?

0 out of 1 found this helpful
Have more questions? Submit a request