fbpx

How To Distort Text In Photoshop (Without Rasterizing)

Last Updated:

Distorted text is perfect for album covers, movie posters, and other creative projects. In this tutorial, I will show you different ways to distort text in Photoshop without rasterizing the text layer to ensure the highest possible quality.

Avoiding rasterizing a text layer when distorting it allows you to edit the text later on in the project. It also ensures the text layer remains as a vector layer rather than a raster layer (pixel-based). This is helpful if you have text you may need to change later on to adjust character spacing or typos.

How To Distort Text In Photoshop

You can distort text manually using the Free Transform set to Distort. However, you first need to convert the text layer to a Smart Object.

To do this, right-click your text layer and choose Convert To Smart Object.

Converting your text to a Smart Object allows you to distort it without losing the option to edit the text within the smart object. Additionally, you can warp the text however you want without reducing its quality. 

After converting the text to a Smart Object, enable Free Transform by pressing Control + T (Win) or Command + T (Mac).

Then, right-click the transform box and select Distort.

After that, click the Warp Tool in the Options bar.

A mesh will appear on your text.

To distort your text, drag the mesh’s outer lines or even the inner part of the mesh in any direction.

You can drag the control points around the mesh up or down to distort your text.

There are also handles connected to the mesh’s control points. You can drag any of them up or down to curve your text

If you aren’t happy with the default mesh for the warp tool, you can pick a different grid size for it within the Grid drop-down menu in the Options bar. Each grid has different numbers of columns and rows. 

For quick results, you can use one of the preset warp options to distort your text within the Warp drop-down menu. 

These options warp your text into different shapes. In my case, I picked an arc shape.

Once you choose a preset shape, you can customize it by changing some settings in the Options bar.

You can adjust the warp’s bend.

You can control its horizontal distortion.

And its vertical distortion.

Using Perspective Transform To Manipulate Text 

You can make your text follow the perspective of an object in an image. You can also perspective warp your text to make it stand out more in a layout.

First, convert the text layer to a Smart Object as detailed above, then enable Free Transform by pressing Control + T (Win) or Command + T (Mac).

Then, right-click the transformation box and choose Perspective.

Pull the top or down control handles around the text in any direction to change its perspective.

How To Stretch Text In Photoshop

Stretching text in Photoshop is simple and easy. You can extend your text horizontally to make it look wider or vertically to make it look taller.

First, grab the Type Tool (T) and type anything on the canvas.

Then, press Control + T (Win) or Command + T (Mac) to enable Free Transform.

Note: You don’t need to convert the text layer to a Smart Object to stretch the text.

If you want to stretch the text horizontally, hold Shift and pull the anchor point horizontally.

If you want to distort the text vertically, do the following.

Enable the Free Transform Tool by pressing Control + T (Win) or Command + T (Mac). 

Then, hold Shift and pull the text up or down.

How To Skew Text In Photoshop

You can easily skew text in different directions. You can also control how warped it looks. 

First, enable the Type Tool (T) and enter any text on the canvas. 

Then enable Free Transform, right-click the bounding box around your text, and choose Skew.

After that, click the control point in the middle of the bounding box around your text. Then, drag it to the left or right to skew your text horizontally.

When dragging one of the top control points up, your text will be skewed upward. The text will be skewed downward when dragging one of the bottom control points down.

How distorted your text will look will depend on how much you drag it in the direction you want. I pulled my text far to the right in the example below.

Adjust the skew as much or as little as you need to achieve the final result you are after.

How To Distort Individual Characters 

By distorting individual characters of a text, you can customize them in several ways, making them more suitable for your project’s theme.

Distorting letters of a text requires you to follow a sequence of steps. However, it offers endless creative possibilities. I’ll show you some ways to distort the individual characters of a line of text.

First, grab the Type Tool (T) and type your text.

Second, go to the Layers panel, right-click the text layer and select Convert To Shape.

You can now manipulate your text as if it were a shape. As shapes can be manipulated in countless ways, there are no limits to what you can do to change the appearance of the letters of your text.

The only drawback to turning your text into a shape is that it will no longer be editable. 

To distort the letters of your text, you will need to activate the Direct Selection Tool found in the Toolbar

After enabling the Direct Selection Tool, click the letter you want to distort. Control points will appear around it since the text was converted into a shape layer.

You can edit control points individually or collectively. I will show you how to do both.

– Edit Control Points Individually

To edit an individual control point, click it and drag it in any direction you want. This will distort the portion of your text in the direction you pull it. 

If you want to create more control points to distort your letter, click the Pen Tool (P) in the Toolbar.

After that, click the segment of the letter to which you want to add a control point.

Then, pull the new control point, using the Direct Selection Tool, in any direction, as demonstrated above.

You can also turn segments of a letter into curves. To do this, click any handle connected to the given letter’s control points.

Then, pull the handle in any direction to create a curve. In my case, I pulled the handle up. The slope of the curve will depend on how far you pull the handle.

– How To Edit Multiple Control Points At The Same Time

You can edit more than one control point at the same time. This stretches the letter. 

First, grab the Direct Selection Tool (A).

Then, drag around the portion of the letter you want to distort. In my case, I dragged around half of the letter O. You will be able to distort the part of the letter you selected. The part of the letter you left behind will remain untouched.

Once the target area is selected, click the part of the selected letter and push it in the direction you want. 

In my case, I pushed the letter O to the right, making it look wider.

Learning how to distort text is only the tip of the iceberg when learning to use text in Photoshop. To further your skills with the Type Tool, check out my ultimate guide to the Type Tool in Photoshop.



Photo of author
I'm a Canadian photographer and photo retoucher turned founder of bwillcreative.com. Around here I help you to decode the mystery of photo editing with no-fluff videos and written guides to help you achieve your creative goals. Outside of shooting photos and my passion for educating, you'll find me mountain biking or on the trails with my dog, Sunny!

Continue Reading:

How To Create Adjustment Presets In Photoshop

Learn how to create adjustment presets in Photoshop in a few easy steps to speed up your work and create consistent edits across multiple images

How To Use The Marquee Tool In Photoshop

Learn how to use the Marquee Tool in Photoshop to crop layers, create basic selections, add selective adjustments, and more with ease.

How To Crop A Layer In Photoshop (3 Simple Methods)

If you're struggling to figure out how to crop a layer in Photoshop, you're not alone. Fortunately, there are a few easy (not so obvious) methods to help you crop a single layer in Photoshop.

What Are Embedded Previews In Lightroom + How To Use Them

Use this guide to help you understand the use of embedded previews in Lightroom along with tips to help you use them in your workflow.

Adobe Lightroom System Requirements For Mac & PC

Here's a breakdown of the system requirements for Adobe Lightroom Classic and Lightroom CC to make sure it will run smoothly on your computer.

How To Add A Watermark In Lightroom Classic & CC

Learn how to add a text or graphic watermark to a photo in Lightroom Classic and Lightroom CC to protect your photos from theft.

How To Outline An Image In Canva

Learn how to outline anything in Canva from outlining images, shapes, text, designs, and more with a few easy steps.

How To Add A Border In Canva (To Images, Shapes & Text!)

Learn how to easily add a border to your designs, images, shapes, and text in Canva using these step by step techniques.

How To Make A Background Transparent In Canva

Learn how to create and export images with transparent backgrounds in Canva to open up more design options and creative styles.

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments