> ## Documentation Index
> Fetch the complete documentation index at: https://docs.customei.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Curved and warped text

> Bend a text layer into an arc, wave, or circle, or skew it to sit on an angled surface.

Text does not have to run in a straight line. **Transformation** bends a text layer into a shape, which is how you get a name curved around a plate, a slogan arcing over a chest print, or a date wrapped into a ring.

<Frame caption="The Transformation section, with the six shapes a text layer can take.">
  <img src="https://mintcdn.com/nexlify/jObu3-blJWj5gxav/images/editor/text-transformation.png?fit=max&auto=format&n=jObu3-blJWj5gxav&q=85&s=c455d4175bf5a45140da52327cda69d9" alt="The Transformation section highlighted, showing six tiles each previewing the letters ABC: Custom, Distort, Arc, Wave, Circle and Angle, with Custom selected." width="656" height="1884" data-path="images/editor/text-transformation.png" />
</Frame>

## The six shapes

| Shape       | What it does                                                                          |
| ----------- | ------------------------------------------------------------------------------------- |
| **Custom**  | The default. The text runs straight, with no bending applied.                         |
| **Distort** | Letters grow or shrink across the line, so the text tapers from one end to the other. |
| **Arc**     | The line of text bends into a curve, upwards or downwards.                            |
| **Wave**    | The text ripples along an S-curve.                                                    |
| **Circle**  | The text runs around a full ring.                                                     |
| **Angle**   | The whole text box is skewed, as if it is lying on a surface turned away from you.    |

Click a shape to apply it. Handles appear on the canvas so you can drag the curve into place, and the controls under the tiles let you set the amount precisely.

<Tip>
  Start with a moderate amount and increase it. It is much easier to judge when a curve is nearly right than to unpick one that is bent too far.
</Tip>

## Choosing the right one

* **Arc** is the everyday choice. Names over a photo, slogans on a chest print, text following the top of a badge.
* **Circle** suits anything genuinely round: a plate rim, a coaster, a stamp-style crest. It works best with short text and generous letter spacing.
* **Angle** is for perspective. If your mockup shows a product photographed at a tilt, a skewed layer sits on it far more convincingly than a straight one.
* **Wave** is decorative. It is striking on one short line and quickly becomes hard to read on more.
* **Distort** is a display effect, useful when you want the text to taper into a shape.

## Things worth knowing

<Note>
  Curved and warped text does not wrap onto a second line. The **Automatic Multiline** setting is hidden on these layers, because the text follows its shape instead. Keep bent text to a single line and size it with the range in [Text Style](/editor/text-content-and-style).
</Note>

<Warning>
  A long name behaves very differently once it is bent. On a **Circle** it can meet itself and overlap; on an **Arc** it flattens out as it grows. Type your longest realistic name into **Content** and check the shape still holds before you publish.
</Warning>

Curving is a property of the layer, so a customer typing their own name gets the same curve automatically. You set the shape once, and every order follows it.

## Where to next

<CardGroup cols={2}>
  <Card title="Text content and style" icon="font" href="/editor/text-content-and-style">
    Size ranges, spacing, and alignment.
  </Card>

  <Card title="Text shadow" icon="clone" href="/editor/text-shadow">
    Drop, line, block, and 3D shadows.
  </Card>

  <Card title="What customers can change" icon="lock-open" href="/editor/customer-permissions">
    Decide which layers a shopper can edit.
  </Card>

  <Card title="Preview settings" icon="sliders" href="/editor/mockup-settings">
    Blend and warp the design onto the product.
  </Card>
</CardGroup>
