Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
In Illustrator CS5 Web and Interactive Design, Mordy Golding shows how to create pixel-perfect graphics for use in web sites, video compositions, and mobile apps. This course covers a wide range of workflows, from creating online ad campaigns, web sites, icons, to taking art from Illustrator to Flash Professional. Sharing tips, tricks, and creative techniques along the way, Mordy provides insight and instruction for taking projects from initial concept straight through to production. Exercise files accompany the course.
Illustrator can kind of serve two different needs, especially for a designer: you can of course use Illustrator to create artwork, and at the same time you can use it to layout certain designs. Now we've been using both of those methods here for web design, and when it comes to setting text, there were also two different ways to set type inside of Illustrator. We have something called point text, and then we have something called area Text, and while at the end of the day you do get text on your artboard, you'll find that choosing between these two methods of setting type inside of Illustrator can determine how you can treat that type.
Now in this movie specifically, we're going to deal with point type. So let's see how that works. I'm going to start by creating a new web document here. Click OK, just take regular default settings here. I'm going to switch to my Type tool, and I'm simply just going to move my cursor on the artboard and just click once and release the mouse. That gives me a blinking cursor now on my screen, and I can type in some words. Maybe I want this to be the headline of my page. I want to type in, let's say, what our mission statement is. I'll type in "Mission." M-i-s-s-i-o-n. And I'm going to switch now to my Arrow tool, and I'm going to zoom in a little bit on this text. Command+Spacebar will give me the Zoom tool here.
That's Ctrl+Spacebar on Windows. And just to make things a little bit easier to see here, I'm going to go to the View menu, and I'm going to choose to hide the bounding box. Now the reason why this is called point text is because the actual type object is defined by a single anchor point, which is where I first clicked with the Type tool on the artboard, and we can see that anchor point right here. In fact, if I toggle into Outline mode - so, Command+Y or Ctrl+Y - I can also see over here, there's one anchor point that's right here, this little x, that defines the type object.
I'm going to hit Command+Y again to go back into Preview mode. And the important thing to realize here is that this type object will always align itself to this anchor point right here. So, for example, right now if I look over here at the Paragraph settings, it's right now set to Align left. If I choose to align this to the center, you could see that the anchor point itself did not move, but the text moved now to be centered over that anchor point, and likewise if I choose to Align right, I can see that again, the anchor point is staying in the same place. So now I can see that the text is aligned right, flush right over here by the anchor point.
Let me go back over here to Align left, and we'll talk about another characteristic of point type inside of Illustrator. Now I'm going to zoom out just a little bit over here. If I were to take my Type tool and click now back inside of this type object, I can now start to add more text, for example, and I can actually keep on typing. And as I type and type, you can see that it doesn't break into a second line. There is no boundary when it comes to working with point type; it's simply a type object and my type will go on and on and on.
The only way I can get now a second line is if I physically hit the Return key on my keyboard, and that brings me to the next line over here as well. I'm just going to hit the Shift key and then type the Up Arrow to kind of select upwards, and now Shift+Left Arrow to select this type and then just delete it. So, now I'm back to my original text here, Mission, but I wanted to show you that there is no boundary. There is nothing really that contains this text. It's simply an anchor point that now has some text inside of it, and that text is kind of free. The best use for using point type inside of Illustrator is for setting type that is going to be exported as some kind of a graphic.
So, if you don't really care right now about structure, or this is going to be a logo, it's going to be some kind of a customized headline that you'll export as an image, if you want to maybe have as very specific typeface, if you want to have something that appears as a graphic, the point type object is a much more design-friendly type of object. For example, I want to click and drag, while holding down the Option key over here to create a copy of this, and you can see that I can very easily, like move text around if I wanted to create some kind of logo type or some other kind of interesting type treatment.
It really acts almost as if it were a piece of art, but I'm really working with text. However, if I'm thinking about something more along lines of structure, like a page, for example, and I would want the text to flow, well, then I would start to think about using area text, which is what we'll cover in the next movie.
Find answers to the most frequently asked questions about Illustrator CS5 for Web and Interactive Design.
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.