Join Nigel French for an in-depth discussion in this video An Illustrator text warping tip, part of Type Tips Weekly.
- [Instructor] Hi there, in this week's type tip, I'm going to show you a work-around for creating warped type in Illustrator. This will also work in Photoshop, where we have the same warping tools. I picked up this tip from Von Glitschka, and I highly recommend you check out his courses in the online training library. So this is the effect I want to achieve, warping my type around a sphere, but maintaining it as flat at the top.
There are a number of features that we can use that will almost achieve this. On my second artboard, I've chosen not to warp the type, but to use the Type on a Path Tool. So I'm actually putting the type around this shape. And then when I use this Type on a Path option, Skew, it maintains the verticals on the type. That's what I want, but you can see that the type is being curved at the top, and that's what I don't want.
So moving now to my third artboard, where we have the type in its starting state, just to help me out, I'm going to turn on my guides, keyboard shortcut for that is cmd or ctrl + ;. So I've made this sphere, and I've converted it to a guide. And this is the shape that I want to warp the bottom of the type around. I'll select the type. First of all, I'll come and choose Effect, Warp, and Arc Lower.
Now you would expect the Arc Lower might work, if we make the bend a negative number. It's almost working, but as you can see the E and the D are both sloping to the left. And the W and the A are sloping to the right. So that is a near miss. So for that reason, I'm not going to work with Arc Lower. But I'll stay where I am, on the warping options and come to Bulge.
Now this is working, it's working around the bottom of the type, but you can see it's working in a way that we don't want it to, on the top of the type. So here's the work-around. I'll cancel this, I'll duplicate this piece of type, by holding down option or alt and my shift key and dragging up a copy. Now I'll select both of those pieces of type and press cmd or ctrl + g, to group them together.
Now let's come and apply that same bulging warp. And you can see that the bottom portion of the type is warping the way that we want it to. I need to just dial that down somewhat. I'll click OK. Now of course, we have to delete the top portion. I can't just delete it, because the warp would then be applied to what's left and will change the result. So I first, will need to expand it.
Now this does mean that it is a destructive as opposed to non-destructive technique. Now that it's been expanded I can double click to switch to my isolation mode and then select the top portion and delete it. I'll leave my isolation mode by clicking on the gray bar on the back button. And I now just want to add in the ribbon at the bottom. Now in this case, I want to apply a different effect.
So I'm going to come to warp, and Arc. And I'll want pretty much the same degree of bend, or at least I'll start with that amount, but it needs to be positive as opposed to negative. If I wanted to, I'm not sure I do, but if I wanted to, I could also apply some vertical distortion to maintain the verticals on the letters. So now let's hide the guides, cmd or ctrl + ;, and I'll just move this into position.
So that's how we can achieve this warping effect in Illustrator. Duplicate the type and apply a bend, and then delete the top portion of the type. Leaving you with this result.