- Understanding Thailand Politics
- Ray Ozzie: by Steven Levy
- Kitchen Installed
- A Hole in the Wall
- Bathroom: Ready for Rendering
- Private Angus Hodge
- Hodge Family History Update
- Kitchen Destruction
- “It’s Not a Sad Time”
- Field Marshal Melchett
- A Pragmatic Proposal: ISP Filters
- Edna Dutschke
- Steve Ballmer at CEDA 7th November 2008
- Liam and and I at Barcamp Sydney 4
- Bathroom Renovation: The Destruction
- USofA… just when I about to love you again
- Microformat hCard
- Tech support. Yes, this is so close to reality
- Adobe InDesign CS4 Oddity
- Live Mesh: MacOS, Windows Mobile
« My Next Car | Main | new mungenetengine »
Warping Text using Illustrator 10’s Warping Tools
By Nick Hodge | December 26, 2001
NOTE: Technique for the latest version of Illustrator CS3
Adobe Illustrator 10 has a collection of new Warping tools. These tools do not directly work with text. At first, this looks like a serious ommission. But hark! There is a little technique that will serve us well.
Firstly, let's assume you have created some text in your Illustrator document.
![[1000] 01 initial text](http://media.nickhodge.com/legacy/1000.gif)
Create a rectangle that bounds the text exactly. This rectangle will not be visible: its used for the Envelope tool...
![[1001] 02 rectangle](http://media.nickhodge.com/legacy/1001.gif)
Select both the new rectangle and the text frame underneath. Go to Object>Envelope Distort>Make with Top Object.
This will take the underlying text and 'distort' it into the shape of a rectangle. The text probably hasn't changed that much. But the beauty of Illustrator 10 is that we can now Warp the envelope shape.
![[1002] 03 warp](http://media.nickhodge.com/legacy/1002.gif)
Voila! we can now warp text!
To edit the text, you can select this object and go to Object>Envelope Distort>Edit Contents. Here you can edit the text rather than the envelope shape itself.
In this simple example, we are changing the shape of the envelope that the text is being stretched into.
Now, this alone is interesting and worthwhile. But there is another "thing" we can do...
By simply adding a Warp Envelope to our text object by going to Object>Envelope Distort>Make with Warp
![[1003] 04 envelope with warp](http://media.nickhodge.com/legacy/1003.gif)
We can change the shape the text is 'enveloped' into. These warp styles closely reflect the style in Photoshop 6.0. However, what is different is that there is an underlying shape that we can manipulate the effect the shape the text is warped into.
![[1004] 05 warp envelope warp](http://media.nickhodge.com/legacy/1004.gif)
Apart from using the 'white arrow' (direct select tool) to change the envelope, or we can use the Warping tools to change the shape.
Sweet.
Possibly Related Posts:
- Adobe InDesign CS4 Oddity
- A Journey That Began 10 Years ago…
- Warping Text using Illustrator CS3
- Who Is Nick Hodge?
- On Location
Topics: adobe, illustrator, mungenet |
September 15th, 2007 at 3:10 am
Thank you!!! This answers so many questions. I didn't even know where to start with warping text in Illustrator and I'm excited at all of the things it can do!
October 4th, 2007 at 1:13 pm
Also try later versions of Illustrator; there's a whole lot of warping goodness in there, too
October 8th, 2007 at 6:54 pm
[...] Strangely, the most hit page during the most recent week has been my “how-to” warp text with Adobe Illustrator 10. [...]
October 9th, 2007 at 12:15 pm
[...] Strangely, the most hit page during the most recent week has been my “how-to” warp text with Adobe Illustrator 10. [...]
October 14th, 2007 at 9:09 pm
Oh.. my....my.... You saved my time! Thank you so much for sharing. It was for one of my school projects and it worked! So worldy of you. Thank you!
October 25th, 2007 at 12:45 am
Have you figured out a way to change the color of the warped text after warping it? thx.
October 26th, 2007 at 7:35 pm
Using the Layers palette, you can direct select the text 'layer' (in fact object) and change it colour
March 10th, 2008 at 12:04 pm
imagine sone circles, one inside another, having the same center. on each ciscle there is a phrase, shorter and shorter. the size of the font is the same for each phrase, and each phrase is ended with a dot. all dots are inline with the dot in the center of all circles.
i tryed to do that with photoshop, or with word, i didn't figured out how to get to what i imagine. i ask for this specific thing because i want for some years to make a visual poem. can you make a tutorial on this one too and give a link here?
thank you in advance
May 13th, 2008 at 3:39 pm
Is there a way to bend text to fit using a tool like 'distort' in photoshop?
May 24th, 2008 at 3:40 am
Thanks for this tutorial and the help. It was just what I needed for developing our new brochures.