Using Envelope Distort in Illustrator

Envelope Distort

Envelope Distort is an option inside of Adobe Illustrator, which enables you to force text to fit the shape or contour of another shape. This technique is useful for illustration, because you don’t have to manipulate each letter individually. You create the shape, create the text, and layer the objects properly. It’s not that difficult, and can really come in handy. In this tutorial, I’ll show you exactly how to use Envelope Distort in Illustrator.

Envelope distort - before

First, you make your shape, and then take the type tool and type out whatever your message is. Select the shape and make sure it is in front by selecting Object> Arrange> Bring to Front. Then, choose Object> Envelope Distort> Make with Top Object. As you can see, your typeface has now become distorted in order to fit the contour of your shape.

Envelope distort - after

This would be used more for funky and wild type, as in a title, etc. The advantage to using the envelope distort technique is that your text remains completely editable. You don’t have to go back and redo the text and effect over again. Envelope Distort works similarly to a clipping mask. You can double-click your Envelope Distort and edit the contents. Make changes to the text and double-click the canvas to return to normal editing mode. The instance of Envelope distort will update with the new text.

Envelope Distort

Make with Warp

You can also do something pretty interesting with the other options in Illustrator. Instead of “Make with top Object” choose “Make with warp” which allows you to warp your text using different warp filters. You can choose from a variety of different options. I chose squeeze in the example, which generated the results shown above.


What do you think about the Envelope Distort feature? How would you use it in your work?

Your opinion is important to me. Be heard!

Dreamweaver Fireworks Flash Illustrator Indesign Lightroom Painter Photoshop Quark Typography
Screen Shot 2014-12-20 at 2.29.26 PM
Photoshop Time Saving Tips

<iframe style=”border: none” src=”//” height=”360″ width=”640″ scrolling=”no”  allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen...

Seamless winter patterns
Free Vector Winter Patterns

Winter Patterns In case you haven’t stepped outside recently, Winter is...

Picture 30
Molding Images to a Surface in Photoshop

Molding Images If you want to create some cool effects with...

Clinix - Free Bootstrap Templates
5 Free Bootstrap Templates Via ThemifyCloud

Bootstrap Templates Normally, I share one free HTML 5 or bootstrap-based...

An Introduction to Joomla

What is Joomla and it’s Advantages? Joomla is an open-source CMS,...

Failure as a graphic designer
Why You’re Failing As A Graphic Designer

Failing As A Graphic Designer If you’ve ever tried starting your...

75 Clean WordPress Blog Themes

Pick the Right WordPress Blog Theme for You WordPress has come...

10 Best Photography WordPress Themes

10 Best Photography WordPress Themes That Make Your Heart Beat Faster...

Top 20 Free and Premium WordPress Themes to Refresh Your Website

Free and Premium WordPress Themes Wait a minute, you say. Have...

20 Refreshing WordPress Themes for Autumn

20 Refreshing WordPress Themes Seasons come one after another, and, fortunately,...