Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Adobe Illustrator can be used to accomplish many different design tasks, from illustration to app development. This course demonstrates core concepts and techniques that can be applied to any workflow—for print, the web, or building assets that will find their way into other applications. Author Justin Seeley explains the elements that make up vector graphics (paths, strokes, and fills) while showing how to use each of the drawing tools, and demonstrates how to combine and clean up paths and organize them into groups and layers. The course also covers text editing, working with color, effects, and much more.
There are many times when we are creating artwork, whether it be in Illustrator, or any other application, where we have to make text actually flow around different objects. In this movie, I am going to show you how to accomplish that by utilizing the Type on a Path feature inside of Illustrator. In order to utilize Type on a Path, you have to have a path in order for the text to flow along. On my artboard here, I have got a logo in the center, and I have got a path all the way around the outside of it that I am going to flow some text around. I have added a heavy stroke to the outside of this path, just so you can see it, and be able to select it. So find this path, and click on it first.
Once you have it selected, you can actually remove the stroke, because you don't need it anymore. Then let's go up and grab the Type tool. The Type tool by itself doesn't actually let you type on a path. When I hover over a path, you will notice that it gives me the Type tool inside of a little circle. That does not mean type on a path, however. If I were to click right here, it would actually put my text inside the shape of a circle. I don't want that to happen. I want to type all the way around the outside. With the Type tool selected, you can simply hold down the Option key on Mac, the Alt key on PC, and it will temporarily invoke the Type on a Path tool.
You can also go over to the Type tools, click and hold, and grab the Type on a Path tool. Either way, it's the same exact tool. Once you have got that selected, come back out, and simply click anywhere on the path. It doesn't necessarily matter where you click; it's just going to start, and you are going to be able to type. Also, don't be worried about the positioning of it right now; we can always change that later. I am just going to start typing out some text here. So I will type out the Roux Academy of Art and Design.
Now I am going to switch to my Selection tool. With my Selection tool selected, you are going to notice that you get a few different control handles to work with. The first control handle is right here. This control handle indicates where the text actually starts to flow. If I click, and start to drag this to the right, you'll notice that the text reflows. If I get over here to the far left, and it starts to flow past that other anchor point, you will notice that the text actually gets cut off. That's because this is the point where the text is supposed to end, and that's okay; I'll adjust that in a second.
I am going to keep dragging this around, because I want this to start right around here. Now I've basically cut off all my text, right? So I need to fix that. I will come over to the far anchor point, and I will start to click and drag that around. Once I do that, the text should reappear, and I will drag that into position. so that it flows right to there. So now I have the entire path to work with. This control handle works a little differently. If I take this, and I click and drag, I can actually change how the text flows either inside or outside the circle; pretty neat.
In this case, I think I am just going to leave it alone, and I will hit Command+Z or Control+Z to unto that. If I want to edit my text on a path, I can double-click the text, and then highlight it, and start making changes. I will bring up my Character panel momentarily to make this change. I am going to increase the Tracking between the letters here. I am going to do that by typing in 250, and I will hit Enter. When I do that, you are going to see that it rotates around, and then I am also going to update the font size. I think 16 points works pretty good. If I wanted to adjust this a little bit more, so that this meets right over in here, I could, but I am not going to.
I will go ahead and select my Selection tool, and there we go. I can then take this text, and resize it down, so that it's closer to the original logo. Once I do that, everything stays the same, and it looks like this. Now, I would change this, of course, to the branding font, whatever that happened to be, to make it look a little bit more official, but I just wanted to show you exactly how you would do Type on a Path. So this is for a circular path. What happens if we have just a regular old curve? Let's create a new document, and take a look at that. Create a brand new document; hit OK. Then I will grab my Pen tool, and I will just make an arbitrary curve here; something like that.
Then I will grab my Type tool, and I'll bring it out to the path. Once it's at the path, and I see that little I-beam with the curved line, I'll click. That indicates that I want to start typing. Now I am just going to type out Roux Academy of Art and Design. I'll then select the text, and I will blow it up pretty big; something like 72 points. You notice it's a little too big for the path; it doesn't exactly fit. So I might back that down; something about 60 points, or 48. There we go.
Now most of it fits. Once I have got that done, I can then grab my Selection tool, and I have the same controls that I had before. Let's take this one, and rotate it in, and see how that affects it. When I put it in, it actually reflows the text to go this way; underneath. If I don't like that, I can use Command+Z or Control+Z to undo. If I want to change the position where it starts, I can back it up, or make it flow this way. I can also change the position of this by dragging, like so. So it's not just for circles; you can do it for paths, curves, whatever it is you might be working on, you can make your text flow around it. Pretty simple.
I will delete that, and close this document. I don't have to save. Let's go back to my original. Any time you need to make text flow around an object, or conform to a specific shape, try using the Type on a Path tool. It's the easiest way to make your text go in the direction you want it to go.
Find answers to the most frequently asked questions about Illustrator CS6 Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.