Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this movie I'll show you how to warp type inside of Illustrator. So the idea is this:traditional type on a circle, like we have here, works great for long words, like tortellini; but as soon as we start going with shorter words like tiger, things start falling apart. And it gets worse with shorter word still. So let's say our client decides they want to branch out and they want to create another product called TIGER MILK, and we're responsible of course for creating the logo. But as soon as you replace the word TORTELLINI with MILK, things really fall apart for a couple of reasons.
First of all, the letters appear to be out of alignment with each other, and that's because Illustrator is vertically aligning each and every letter independently along the bottom of that circle. The second problem, and probably the bigger one, is that a couple of our characters are so wide--in particular the K and especially the M--that they're creating these kind of rectangular forms inside of the circle. What we really want to do is distort the text around the circle, like so.
And if that's the effect you're looking for, then you're going to have to apply an Envelope Warp, and let me show you how that works. I'll go ahead and switch back to this version of the document and I'll turn off the elements layer and then I'll turn on the text layer. And you can see that I've gone ahead and restored the words TIGER and MILK without any special tracking or horizontal spacing. I'll start by clicking on the baseline for the word TIGER, and then you want to go up here to the Control panel and notice this Make Envelope option.
First of all, click the down-pointing arrow head and go ahead and select Make With Warp. Then click on the Make Envelope icon in order to bring up to Warp Options dialog box. By default the Style is set to Arc. You have a lot of different styles to choose from and you can check them out on your own. But Arc is the effect we want. And then go ahead and turn on the Preview checkbox. And by default you'll see a Bend value of +50, which initially looks to be pretty darn good. So I'll go ahead and click OK in order to accept that effect.
And then I want to go ahead and move the word TIGER down. My Black Arrow tool is selected, so I can press the Enter key or the Return key on the Mac, in order to bring up the Move dialog box. I'll change the Move value to something like, I don't know, 80, I'm just guessing here. And make sure the Preview checkbox is turned on. And you can see that that's a pretty good move potentially. However, I don't have enough Bend assigned to my text. So I'll go ahead and accept this positioning value for now and click OK. If you want to modify the Bend for an existing warp object, you go up to this Bend value here in the Control panel and you change it.
And I ended up coming up with a Bend value of 72 degrees by the way for this text. It appears that my text is still too high, however. So I'll go ahead and press the Enter key again or the Return key on the Mac, to bring up the Move dialog box. And let's start with the Vertical value of 20, see where we get. And I'll just increase that value by pressing the Up Arrow Key. So I'm nudging it upward until the text appears properly vertically centered inside the top half of the design.
And at a Vertical value of 34 points, it looks like I've got it right. So I'll just go ahead and click the OK button in order to apply that change. All right! Now click off the text to deselect it. Let's run something similar on the word MILK. I'll go ahead and click on its baseline to select it, and then I'll click on the Make Envelope icon up here in the Control panel, and this time I need a negative Bend value. So I'll take this guy down to -50%, let's say, and again, looks pretty darn good. So I'll click OK. Now I'll press the Enter key or the Return keu on the Mac to bring back the Move dialog box, and let's try a Vertical value of -34, what the heck.
And that's not enough, so I'll reduce the value by pressing the Down Arrow key until I raise the characters to a better location, and it looks to me like -45, I don't know, something like that works good for now. But I don't have enough Bend for my text, so I'll click OK, and I'll go up to the Bend value up here in the Control panel and I'll take it down to -58%, which moves the characters down too far. So I'll press the Enter key or the Return key on the Mac a couple of times in order to bring up the Move dialog box.
Let's try a value of -30, and that's not enough, so I'll take that value down to about there, -33. Actually, let's try -32, and then I'll click OK. Now, problem here is I'll press Ctrl+H or Command+H on the Mac to hide those selection edges, am I wrong or does it look like the M is bending up too high? If that ends up happening to you, if you experience this kind of effect, what you want to do is just slightly rotate the characters; and you can do that by going to the Effect menu, choosing Distort & Transform, and then choosing the Transform command.
And if you loaded dekeKeys, I've given you a keyboard shortcut of Ctrl+E or Command+E on the Mac. And I'm just going to take that angle value up to 1 degree, turn on the Preview checkbox, and that seems to do the trick. It doesn't completely solve the problem; the bottom of the K is coming up a little too high, but the M looks great and we're kind of splitting the difference, so this is good. I'll click OK in order to accept that change. Now, at this point let's say you want to modify the word MILK. I'll press Ctrl+H or Command+H on the Mac to show you what we have now is an envelope object, and I can't get to it with the Type tool.
I can't actually drag over that text to select it. And you can see that's that case, because as opposed to just seeing a standard I-beam cursor, which is what you see when you're editing text, I'm seeing an I-beam inside of a dotted square, which tells me I'll create a new text object. Well, to edit the text inside of the envelope, you go up here to the Control panel to the second icon, Edit Contents; and you click on it, and now you've got access to your baseline. Even though it doesn't look like the text is sitting there, it is.
So just go ahead and click on the baseline with the Type tool and then press Ctrl+A or Command+A on the Mac to select all that text and enter new text, such as MART. Now, you don't want to enter a ton of text, because notice Illustrator is going to try to squish it into that space that you started with. So you want your text to be about the same size, and if you only enter a single character, it's going to fan out into that big envelope. But the word MART works great, so I'll go ahead and enter it and then press the Escape key in order to escape out of the Text Entry mode.
And then if you want to switch back to your Envelope options, you'd click on that first icon, Edit Envelope up there in the Control panel, and you regain access to your Bend value, for example. And that's how you warp text to distort the characters around the circle here inside Illustrator.
Get unlimited access to all courses for just $25/month.Become a member
117 Video lessons · 43101 Viewers
119 Video lessons · 54392 Viewers
65 Video lessons · 14620 Viewers
113 Video lessons · 82940 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.