Unlimited is here! Plus Membership just got even better Join Now
How to Perspective Distort in Illustrator
  • By Lorna Cana
  • 01 Nov 2021
  • 5 Mins
  • Illustrator Tutorials

How to Perspective Distort in Illustrator

In 3 steps learn how to perspective distort text in Adobe Illustrator.

In this tutorial, we will learn how to use the Perspective Distort tool, which is a part of Free Transform in Illustrator. It can be used to alter the perspective of an object horizontally or vertically. You can also use the Free Distort tool to apply a free-form distortion.

This is an alternative to the Perspective tool. It is a better and less complicated option to use if you only want to change the perspective of an isolated object.

How to Perspective Distort in Illustrator 1

For this example, we will use a hand drawn serif font for our text, but you can check out more font duos or trios from Font Bundles.

Step 1 - Convert Text to Curves

If you are going to apply the distortion to text, you will need to turn it into paths first. So, after you have typed and adjusted your text, select it and go to Type > Create Outlines to convert it.

How to Perspective Distort in Illustrator 2

If you want to use multiple lines of text, you can apply a different distortion to each line. In order to do this, you need to have them as separate groups.

How to Perspective Distort in Illustrator 3

Step 2 - Use the Perspective Distort Tool

First, select your text, or any other object you want to apply the distort effect to. Then, click on the Free Transform tool (E) on the toolbar.

You should now see a little menu on your document withPerspective Distort as the third icon from top to bottom. Once you click on it, some round handles will appear at the corners of your selection.

How to Perspective Distort in Illustrator 4

If you don’t see the tool, you may need to go to Window > Toolbars and select Advanced from the sub-menu.

How to Perspective Distort in Illustrator 5

Step 3 - Adjust the Perspective Distort Handles

The Perspective Distort tool handles will allow us to change how our text appears. Now, click + drag the handles to move them and distort the perspective of your selection.

Moving up and down will change the perspective of the vertical axis. Moving them left and right will change the perspective of the horizontal axis instead.

How to Perspective Distort in Illustrator 6

Step 4 - Adjust Perspective of Corners Independently

The perspective of corners in your selection can be distorted independently with the Free Distort tool. It should be the last icon on the small menu.

When you select a corner, you should be able to move it independently from any axis. This will allow you to adjust the perspective with a free-form distortion.

How to Perspective Distort in Illustrator 7

Here is our result after using the Perspective Distort tool for our text.

How to Perspective Distort in Illustrator 8

Next up, check out our tutorials on how to use the width tool in Illustrator, using the pathfinder tool, and how to use the blend tool in Illustrator.

6 Related Illustrator Tutorials

1 - In Illustrator create a “New Document”.2 - Select the “Rectangle Tool” (M), click on your document and input a “With” of 50 mm and a “Height” of 100 mm, then click “OK”. With your rectangle selected you will see little circles near the corners of your shape. Use the “Direct Selection ...

Do you want to learn how to create multi-perspective artwork, like interior design layouts? Then this tutorial is for you, as we take you step-by-step on how to create a two point perspective in Procreate.We are only focusing on perspective drawing guides in this tutorial. We have an in-depth ...

The Perspective/Envelope path effect in Inkscape is a great way to create a unique text effect. The text object is split into two with one half being extended at an angle. The effect is very useful for creating projects with impact.In this tutorial we will be using a ...

The actions panel in Illustrator is an absolute must know, must use tool! Any process can be added as an action, whether it’s the process of how you’ve edited your text, an effect that you’ve added to shapes and design elements, or you can even purchase actions ...

In this tutorial you are going to learn the quick and easy way to make a ribbon banner in Illustrator, I am then going to show you the settings you can change to create an arched and a wavy flag banner too.Step 1 - Draw a rectangleFirstly, you need to ...

In today’s tutorial, we will show you how to create an isometric illustration in Adobe Illustrator. Isometric designs are great for giving dimension and character while still being flat vector shapes that are easily scalable.In the following tutorial, we will create a cute candy store aided by isometric ...

You may also like

Help Center
ol image