Join Nigel French for an in-depth discussion in this video Using warp effects in Illustrator, part of Type Tips Weekly.
- [Instructor] Okay, in this episode of Type Tips, I'm in Adobe Illustrator and I am going to create a vintage label. This is gonna bring up some interesting points about working with warped type as well as applying transformations to type in a non-destructive way. So, on the left I have the finished version and on the right my starting version. Let's come to the type at the top and selecting each piece individually 'cause I need to apply a differing amount of warp to each, I'm then going to come and choose this option, Make with Envelope.
Now, why am I choosing this as opposed to this? We have the same warping options and here's the difference. You'll see that I need to rotate some of this type once it has been warped. Now, I'm going to just for purposes of comparison, I'll drag that off to the side and I will make a copy of it and then on the top, I'll apply a warp through the Effect menu and we'll have a positive amount of warping, 30%.
Then I'll come and do the same through the envelope. Same amount of warp, same warp style. So, at the moment, they look the same but if I choose to rotate this one, you'll see that the letter shapes are not distorted any further but if I choose to rotate this one, then the type becomes distorted in a way that is not good. So, for that reason, I'm using the envelope to add the warping.
So, I want slightly more than 30 there. And then here, yip, about the same I think, maybe a little bit more and of course, when I do this, I'm then gonna need to start nudging the type around to get it just where I want it to be. Here's another point. I would like to add a shadow to this. Now, rather than just drag an offset and then color it and send it behind, instead, I'm gonna do this through the Appearance panel and on the appearance panel, I will add another fill, so I currently have two fills.
I want to select the fill that is below and change its color and now I'm going to transform that. I'll come to the Effects menu, Distort and Transform and then choose Transform. And here, turning on my preview so I can see what's gonna happen, I'm going to choose the number of copies to make my shadow and I need about 25 in this case and then I choose the amount of offset, how much each one is offset from the proceeding copy and let's try this amount.
That's probably just a little bit too much. So, how about we half that amount and there we have the shadow. So, now some more warping. So, with the arcing now applied to the type, I can rearrange the different pieces of type and I'm gonna need to do some rotation on some of these pieces and this brings me to my next point.
If I just use my rotate tool over here in the Tool panel, it's very difficult to set my item back to having zero rotation or to track just how much rotation has been added. So, for that reason, I'm going to use the Appearance panel once again and I'm going to do the rotation through Transform and here I can turn on the preview. This time I don't need any copies but I can just dial in the angle to get that just how I want it and then click OK and the benefit of that is that should I need to change that, I can just revisit that transformation right here, it's recorded on the Appearance panel or if I want to remove the transformation, I can just throw away or turn it off.
So, if I'm happy with that arrangement, I can now move onto the next stage which is just to add in some of these flourishes. Now, these could of course just be drawn with a brush or a pencil and then have a brush style applied to them but instead I'm gonna go the easy route and I have these two glyphs that are from a font called Adobe Wood Type Ornaments and if I look on the Glyphs panel, this is the character set of Wood Type Ornaments.
Now, what I'm gonna do with these is convert them to outlines. And then let's move them over into position. Roughly and I'll then need to ungroup them. I may need to do that a couple of times. I may need to, and I think I do need to in this case come to the Object menu and choose Compound Path, Release. Having done that, I now have each of these as a separate element and I can just move these into position and rotate them and scale them as required.
And copy them, dragging away from them, holding down the option or the alt key. I may once I have one side choose to just reflect that with the Reflect tool and I have the guide here drawn in the center, so I'm gonna reflect it across that guide making a copy and that didn't entirely work but gets me most of the way there. So, the rest is just repetition until I get to exactly where I want with my swashes in place.
So, we've seen here how there is a distinction between applying a warp through an envelope and applying it through an effect and because of what I wanted to do here, the envelope route was the preferable one. We've also seen how we can apply a shadow through transforming an object using the Appearance panel as well as how we can rotate things through the Appearance panel and then finally, an easy way to add in these typographic swashes by finding a typographic ornament converting it to outlines and then rotating, scaling and adjusting as needed.