How To Create Warped Text In Photoshop

*Updated December 2020*
It’s easy to add a bit of flair to your text using Photoshop’s Create Warped Text command. Warping lets you distort type into a wide range of shapes, such as a flag, a wave or a fisheye.

The warp style you select is applied to the type layer but you can come back and change it at any time – both the type and the style of the warp.

One caveat I should mention: Warp type, as the name suggests, distorts your text.

Make sure that your text is still legible after you apply the warp. You can create some cool effects using this command, but as with many things in Photoshop, moderation is the key πŸ™‚

How To Warp Text In Photoshop

1. Create a new blank file or open an existing image file that you want to add some text to.

2. Select the Horizontal Type tool. Tex Tool Photoshop

3. In the Options bar at the top of the screen, choose a font (I’m using Avenir here) and set the size to 72, and choose any colour you like (except white if you’re doing this on a new document with a white background).

3. Click anywhere on the image and type some text. Then click the Commit Any Current Edits button (tick mark) at the top of your screen to commit your text.

The words appear on the image and a new layer appears in the Layers palette.

The new layer will be named whatever you typed in. In this example, I typed the word Waving Flag, so the new layer is automatically called Waving Flag too.

Photoshop Text Layer

4. With the Type tool still selected, click on your new text layer in the Layers palette to make sure it is selected and then click on the Create Warp Text button on the tool options bar.

Photoshop Type Options Bar - Warped Type

The Warp Text dialog box opens.

Warp Text Dialog Photoshop

5. Click on the Style drop down menu and choose Wave.

Photoshop Warp Text - Choose Wave

6. You’ll see three sliders here. Bend, Horizontal Distortion and Vertical Distortion.

Personally, when I’m using Warp Text, I only ever use the Bend slider because I find the Horizontal and Vertical Distortion tend to make the text illegible. But let’s have a quick look at how the sliders change the look.

Drag the Bend slider to -50%, and the text looks like this (see below)

Warp Text Wave Applied Photoshop

Now try dragging the Horizontal Slider.

Warp Text Wave Applied - Horizontal Distortion Photoshop

Now try dragging the Vertical Distortion slider.

Warp Text Wave Applied - Horizontal and vertical Distortion Photoshop

As you can see, the more distortion you add, the more difficult it becomes to read the text.

7. When you’re happy with the warped text effect, click OK.

So that’s how easy it is to create a warped text effect in Photoshop.

Below you can see examples of each of the different styles you can apply.

Photoshop Warp Text Examples
Photoshop Warp Text Examples 2

Thanks for reading, I hope you found this Photoshop tutorial useful.

Please share it! πŸ™‚

How To Warp Text In Photoshop
Jennifer Farley

Jennifer Farley

Hello!

My name is Jennifer Farley. I'm an Irish author, illustrator, designer, and design educator. I've been teaching and working in the design field for over 20 years. I help people learn Adobe Photoshop, Lightroom, Illustrator and Graphic Design.

Photoshop Bootcamp is a growing collection of my Photoshop tutorials and lessons I've written for my students.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.