How-To-Easily-Warp-Text-In-Photoshop

How to warp type (in a good way) in Photoshop

*Updated January 2017 to reflect changes to Photoshop CC 2017 interface. But warp type works equally well in all versions of Photoshop*

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 TypeThe 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! 🙂