1. Home
  2. Design School
  3. How to Curve Text in Photoshop

How to Curve Text in Photoshop

There are two ways to curve text in Photoshop, with warped text and with text on path. For this tutorial, we are using an eclipse and The Bigman font family.

 

Option 1: Using Warped Text


 

Step 1: Add the text


 

In Photoshop, create a new document or open the one you want to work with.

Horizontal type tool in Photoshop

 

Select the Type tool (T), choose your font, and type your text (we used Bigman Cut Regular @ 80 pt, centered and black as fill color).

Type text in Photoshop

 

Step 2: Warp the text


With the Type tool (T) still selected, click on the create warped text button on the top menu.

Create warped text in Photoshop

 

Choose arc, click the horizontal radio button and use the values that fit your image (we used a +50% bend).

Warp text settings in Photoshop

 

Step 3: Change bend direction


To bend it in the opposite direction, duplicate the text layer (command/control + J).

Duplicate layer in Photoshop

 

Double-click on top of the effect thumbnail, and reverse the bend value (we used -50%).

Warp text settings in Photoshop

 

Now, you can reposition and maybe change the color of the text. Notice that this option will deform your letters.

Color picase color in Photoshop

 

Option 2: Use type on path


 

Step 1: Duplicate or add your text


For the second option, use the type tool (T) to select the text and copy it (command/control + C).

Copy in Photoshop

 

Step 2: Create a circle


Select the ellipse tool (L).

Ellipse tool in Photoshop

 

Make sure that path is selected in the top menu and create a circle.

Ellipse values in Photoshop

 

Step 3: Add the text to the circle


With the type tool (T) click on the path and then right-click and choose paste to paste the text (command/control + V).

Paste in Photoshop

 

Pasted text in Photoshop

 

Step 4: Reposition your text


With the path selection tool (A) click on the small black and white arrows close to your text and drag it to reposition it to where you want it.

Path selection tool in Photoshop

 

Move text in Photoshop

 

If you want you can resize the path and text using the transform tool. (command/control + T) or go to edit > free transform. While holding the shift + option/alt keys, drag the corner nodes of the transform box towards the center to scale the path. Holding the option/alt and shift keys, forces to transform from the center and in the same aspect ratio. Hit enter or click on the small checkmark to commit the changes.

Free transform in Photoshop

 

Step 5: Change the text direction and/or position


 

To place text on the bottom (or sides). Duplicate the text layer (command/control + J).

Duplicate layer in Photoshop

 

And use the path selection tool (A) to move the text to the bottom (or any other position).

Path selection tool in Photoshop

 

If you drag the text to the inside of the circle you can also change its placement.

Place text inside path in Photoshop

 

Step 6: Adjust the text


If the spacing between letters is off, you can adjust it in the character panel. Don’t forget to select the text before doing it.

Adjust text settings in Photoshop

 

You can also click on the toggle text orientation button on the top menu too.

Toggle text orientation in Photoshop

 

Adjust the letter spacing if needed.

Change text settings in Photoshop

 

Check it out.

Curve text in Photoshop

 

If you liked this tutorial, make sure you don't miss our guides on how to blur a background and how to swap faces in Photoshop.

Share this Tutorial

Get Instant Access To A FREE Month of Design Products Join Now
Help Center
ol image