Join us for our Ultimate Dollar Deal - Over 3,000 products discounted to just $1.00! Join us for our Ultimate Dollar Deal
Over 3,000 products discounted to just $1.00!
00
Days
:
00
Hrs
:
00
Min
:
00
Sec
Find Out More
Find Out More
How to Curve Text in Photoshop
  • By Design Bundles
  • 6 Mins
  • Photoshop Tutorials

How to Curve Text in Photoshop

This step by step tutorial will show you how to curve text in Photoshop in a few ways.

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.


6 Related Photoshop Tutorials

1-Open Photoshop.2- Create a new document.3- Create a new layer.4- Select the pen tool.5- Create your curve line with the pen tool. Adjust the nodes to suit your curve.6- Select the text tool (1) Hover it over your curved line, you will see the cursor change ...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

In this tutorial, we will go over a few different ways you can curve text in Procreate. We’ll start with the simplest method and end with the method that takes the most amount of time and adjustments.There are tons of great font duos and trios on Font Bundles, ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

Today we’ll focus on how to curve Text in Cricut Design Space App. If you're using Cricut Design Space on your computer, make sure to check out our guide on how to curve text in Cricut Design Space.Step 1 - Create a New ProjectOnce you have logged in, create ...

Curving text in Affinity Designer looks great for logos and insignias. You also can use it to improve the visual effect of any design. Personalized project such as shirts can be creatively enhanced with curved text. In this tutorial we will show you how to curve text on a wavy ...

You may also like

Help Center
ol image