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 Warp Text in Photoshop
  • By Design Bundles
  • 7 Mins
  • Beginner
  • Photoshop Tutorials

How to Warp Text in Photoshop

Learn how to warp text in this Adobe Photoshop tutorial.

This tutorial will show you how you can warp text in Photoshop using the Warp Text options. We’ll go through the different options found in the Warp Text dialog so that you can create the most fitting warped text for your next project. The warping effect is not permanent and can always be changed or removed.

In today’s tutorial, we'll be using the fancy serif font, AL Bavista Soulvare, from Font Bundles.

Step 1 - Add Text

Select a type tool from the left toolbar. We’ll be using the Horizontal Type Tool (T). Then pick your font in the Options bar at the top. Click on the canvas, type your text, and click the checkmark in the Options bar to stop entering text.

Shows how to add text in Photoshop

Step 2 - Apply a Warping Effect to the Text

Now we’ll open the Warp Text dialog and change the settings to warp the text. The changes made in the Warp Text dialog can be previewed on the actual text.

Open the Warp Text Dialog

Select the text layer and a type tool. Click on the Warp Text button in the Options bar to open the Warp Text dialog.

Note: the Warp Text button will only appear when one of the type tools is active.

Shows how to open the Warp Text dialog box in Photoshop

Select the Warp Style

In the Warp Text dialog, select a warp Style from the dropdown list. There are several different styles available. We’ll use Arc in this tutorial.

Click the Style dropdown and select a warp style

Select the Warp Orientation

Once you have selected your warp style, you can pick the direction in which the text is warped.

Horizontal Warp

Horizontal will apply the warp style horizontally/up or down, as shown in the following image.

Shows what the Horizontal warp orientation looks like for the Arc style

Vertical Warp

The warp style will be applied vertically/left or right if you select Vertical.

Shows what the Vertical warp orientation looks like for the Arc style

Set the Warp Intensity With the Bend Slider

The Bend slider affects the intensity and direction of the warping effect.

Shows how the Bend slider affects the warp style in Photoshop

Add a Perspective Effect

You can add a perspective effect using Horizontal Distortion and Vertical Distortion. These two settings can also be used even if the Bend is set to 0%.

Horizontal Distortion

The Horizontal Distortion slider affects the perspective of the left and right sides of the text. The left and right sides will look as if they’re either closer or further from you.

See below for a better understanding. The Bend set at 0% to see the distortion better.

Shows how the Horizontal Distortion slider works in the Warp Text dialog

Vertical Distortion

The Vertical Distortion slider affects the perspective of the top and bottom of the text. The top and bottom will look like it's either closer or further from you, making the text look as if it’s leaning towards or away from you.

Again, see below for a better understanding, and again, the Bend set at 0% to see the distortion better.

Shows how the Vertical Distortion slider works in the Warp Text dialog in Photoshop

Once you are happy with your warp, you can select OK to commit the changes.

Shows to click OK once the options are set

Step 3 - Change or Remove the Text Warping Effect if Needed

You can find the warped text layer in the Layers panel by looking at its thumbnail. The warped text layer’s thumbnail will have the same icon as the Warp Text button.

Shows the warped text layer's thumbnail icon in the Layers panel

If at any point you want to change or remove the warping effect, you can select the warped text layer, a Type Tool, and click on the Warp Text button. The Warp Text dialog will open again with the previous settings that you applied to that text layer.

Shows how to open the Warp Text dialog again to modify/remove the text warping effect in Photoshop

Simply set the Style to None and click OK to remove the warping effect.

Shows that you can set the Style to None in the Warp Text dialog to remove the text warping effect

You’ve just finished learning how to warp text in Photoshop. Have fun testing and playing around with all the warp styles and options!


6 Related Photoshop Tutorials

If you want to know how to warp text into shapes in Inkscape, then check out our tutorial. Warping text adds a new perspective to how your text is displayed. This works especially well for projects such as Valentines cards, t-shirts, mugs and more. We will be converting the text ...

1- Open AI and create a new artboard.2- Select the Text Tool.3- Type your text and select your font.4- With your text selected, go to Object > Envelope Distort > Make with Warp.5-The Warp Options window will appear.6- First thing to do is enable the ...

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. ...

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 learn how to curve text in Affinity Designer so it can be warped around a circle or placed on a path. For this purpose, we will use Affinity Designer’s Artistic Text Tool.The process is pretty similar to the one used in Adobe Illustrator ...

In today’s creative tutorial we are going to show you how to warp text in Procreate. Warping gives you more flexibility when editing text. While it can be used to curve text, we will be completely manipulating the text in this tutorial. This is a great way to create ...

adobe photoshop warp text perspective effect

You may also like

Help Center
ol image