Before I show you my own very modest example of putting type on a path, I wanted to show you a couple of excellent examples of what's possible with this tool, or indeed what's possible even without it. This first example, a historical example by a surrealist poet called Guillaume Apollinaire, and he wrote this I think in 1918. The poem is Il Pleut (It's raining). I mean if this were done in Photoshop today, it will be done using the Vertical Type tool along a path. We see how the form of the text clearly illustrates the content of the poem.
It was revolutionary at the time and still very relevant today. A much more contemporary example is this poster advertising a retrospective of the works of famous graphic designer, Kit Hinrichs. This is a fairly low-resolution picture of it, but it's a beautifully done piece with the beard created through pieces of type, just absolutely brilliant, and everything in here is a letterform of some description. So this would have been done by creating multiple paths and then putting type along them, not vertically, but just regular type along many different paths.
As you can imagine, extremely time-consuming. In my modest example, I've just taken a small excerpt from Alice in Wonderland and have drawn six different paths, and I have put type along them. In the case of these, we're working with vertical type, and this one and this one, it's just regular horizontal type. Not really much to say about that. It's very, very straightforward. Just draw yourself a path. So let's say I'll choose my Pen tool, and we can use any of the vector tools to draw the path, but I'm going to use my Pen tool, create a nice path like this, and then come and choose your Vertical Type tool, and then click on that path.
Start typing away and then Command+A to select all of the type on that path, and you've got your regular type options. The thing to bear in mind, which is a little bit disorienting at first, is that you are adjusting what would otherwise be the leading were you're working with Horizontal Type. Yu are adjusting that now with the Kerning command, which is Option+Left Arrow or Alt+Left Arrow to bring the letters closer together or right arrow to move them further apart. Having created your path, you can of course come and choose your Direct Selection tool and then when you click on it, you will see the anchor points that you laid down, and you can pull those anchor points around.
You can also, if necessary, come and choose your Pen tool, and you can go and add in more anchor points if you want a bit more flexibility in shaping that path. Or if you find you have too many anchor points, you can just stay in your Pen tool, hover over that anchor point, and you'll see that it now changes to a minus. Click on the that and that will delete the anchor point. One further modification you can make is that if you were to choose the Convert Point tool, that will allow you to convert a corner point to a curve point and vice versa.
So here this is currently a curve point, but if I wanted it to be a corner point, I'll just click on it and that's going to make it a sharp point, like so. If I want it to go in the opposite direction, I would click and drag and pull away from it, and as I do so, I pull out these Bezier control handles. The further I pull, the more of a curve I introduce into that path. So those are the basics. Very simple to implement, but could be very time-consuming to get a really good quality result.
Get unlimited access to all courses for just $25/month.Become a member
117 Video lessons · 42701 Viewers
119 Video lessons · 54060 Viewers
65 Video lessons · 14369 Viewers
113 Video lessons · 82843 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.
Your file was successfully uploaded.