Join Mike Rankin for an in-depth discussion in this video 075 Enhancing design with skewed text, part of InDesign FX.
- View Offline
Hi, I'm Mike Rankin, and welcome to InDesign FX. In this week's effect we're going to see how to use Type on Path options to skew text to enhance a design. You can create a very strong design by choosing photos with distinct lines that direct a viewer's gaze. You can take this idea one step further by also skewing type so it follows those same lines. And a great way to do this is with InDesign's options for Type on Path. So here I have a photo of some very Tall Trees, and the photo is taken from a low level looking upward to really enhance the feeling of the trees' height.
You get these lines of perspective going up, and you can see that the type has been skewed to also follow those same lines of perspective. So let's see how to do this. I'll go to the next in my document where I have the same photo but no text. I'm going to press the W key on my keyboard just so I can see my margins, and I'll take a Frame Tool, click and drag out a giant frame all the way to the margins. Now I'll take my Type on Path tool and up at the center of that new frame at the top I'll click.
Now I'm going to the type the words Tall Trees, I'll select them, make them large, 140 points, and while I have it selected, I'll also change the fill color from Black to Paper, and I'm going to center them as well. Now what happened? Why did the text just go all the way to the bottom, and in fact like off the page here? Well, when I clicked with the Type on a Path tool, I clicked up at the top of the frame, and when you click you set the left and right margins.
Now remember, I also centered this text. So centered in between these two margins is all the way around on the other side of the frame. And that's okay. That's actually where I want this text, but I don't want it upside-down. So what I need to do is click on this little vertical bar and drag upward, and that flips the text so it's now inside the frame where I want it. The next thing I want to do is to change the Type on a Path option to create that skewing that I want. So with the frame selected, I'll go to Type > Type on a Path > Options and change the Effect from Rainbow to Gravity and click OK.
And now you can see I get that sort of scrunching at the top these lines of perspective converging up here somewhere. Next, I'm going to move this whole frame up because it's sitting a little bit too low, and now because of where I positioned it I can't really see the text over here, so I want to apply a little Drop Shadow. Open my Effects Panel, click on Drop Shadow, make it a little bit larger, say 10 pixels, there we go, now I can actually read the text. Now to control the angle of the skewing of this type, I have to actually change the size and shape of the frame that it's on.
So I'm going to zoom out by pressing Command+Minus or Ctrl+Minus so I can the see the whole frame. In my Control Panel I have the Reference Point set to the bottom center, and I'm going to increase the Height. I'm going to go up to 900 pixels. And you can see that slithered over to the left a little bit, and that's because the margin is also moved. So by clicking and dragging on the margin, I can move the text back where I want it and also affect the angle of the skew. So I can match the angle of these trees here. I am going to just move the whole frame over, that's not too bad, but I'll move this margin a little bit more and see if I can match that angle a little bit better.
That's pretty good. I'll press the W key and zoom in, and we can see we have the lines of perspective that we want. In this video we saw how we can skew text to integrate it into a design that features very distinct lines of perspective. We used the Type on Path option called gravity to create the skew and tweaked it by adjusting the shape of the frame that the text was sitting on and move the endpoints of the Type on Path. By doing these things, you can skew text to match just about any angle you want. I'm Mike Rankin, and I'll be back in 2 weeks. Thanks for watching.