New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Start learning with our library of video tutorials taught by experts. Get started

Illustrator CS6 Essential Training
Illustration by John Hersey

Using the type panels


From:

Illustrator CS6 Essential Training

with Justin Seeley

Video: Using the type panels

If you really want to get serious about working with type inside of Illustrator, you need to familiarize yourself with the type panels. There is actually two of them: the Character, and the Paragraph panel. In order to access these panels, you can do one of two things: you can go to the Window menu, find the Type section, and open them, or you can use the Control panel as well. Let's take a look. I'll grab this bit of text right here, because I want to make some changes to it. And you'll notice, up in my Control panel, I actually have a link right here to the Character panel, and over here on the right, I have a link to the Paragraph panel. Let's start off with the Character panel.
Expand all | Collapse all
  1. 1m 15s
    1. What is Illustrator?
      1m 15s
  2. 2m 17s
    1. Welcome
      58s
    2. Using the exercise files
      1m 19s
  3. 41m 25s
    1. Understanding vector graphics
      5m 0s
    2. Setting preferences
      9m 24s
    3. Touring the interface
      9m 41s
    4. Exploring the panels
      6m 54s
    5. Working with the Control panel
      4m 25s
    6. Creating and saving workspaces
      6m 1s
  4. 43m 42s
    1. Creating files for print
      4m 42s
    2. Creating files for the web
      3m 36s
    3. Managing multiple documents
      3m 25s
    4. Navigating within a document
      5m 21s
    5. Using rulers, guides, and grids
      6m 59s
    6. Changing units of measurement
      1m 50s
    7. Using preview modes
      3m 10s
    8. Creating and using custom views
      3m 12s
    9. Locking and hiding artwork
      3m 43s
    10. Creating and using artboards
      7m 44s
  5. 1h 1m
    1. Setting your selection preferences
      5m 57s
    2. Using the Direct Selection and Group Selection tools
      4m 6s
    3. Using the Magic Wand tool
      5m 45s
    4. Using the Lasso tool
      4m 9s
    5. Selecting objects by attribute
      6m 48s
    6. Grouping objects
      3m 7s
    7. Using isolation mode
      4m 48s
    8. Resizing your artwork
      3m 55s
    9. Rotating objects
      2m 10s
    10. Distorting and transforming objects
      6m 26s
    11. Repeating transformations
      5m 6s
    12. Reflecting and skewing objects
      4m 54s
    13. Aligning and distributing objects
      4m 38s
  6. 29m 27s
    1. RGB vs. CMYK
      1m 46s
    2. Adjusting Illustrator color settings
      5m 10s
    3. Process vs. global swatches
      5m 6s
    4. Creating spot colors
      3m 40s
    5. Using the swatch groups
      2m 33s
    6. Working with color libraries
      3m 17s
    7. Importing swatches
      4m 4s
    8. Using the Color Guide panel
      3m 51s
  7. 57m 36s
    1. Understanding fills and strokes
      4m 18s
    2. Working with fills
      4m 58s
    3. Working with strokes
      8m 46s
    4. Creating dashes and arrows
      8m 1s
    5. Creating variable-width strokes
      4m 3s
    6. Using width profiles
      3m 31s
    7. Outlining strokes
      3m 51s
    8. Creating and editing gradients
      5m 45s
    9. Applying gradients to strokes
      3m 8s
    10. Applying and editing pattern fills
      4m 52s
    11. Creating your own pattern fill
      6m 23s
  8. 20m 20s
    1. Understanding paths
      2m 41s
    2. Understanding anchor points
      4m 20s
    3. Working with open and closed paths
      5m 28s
    4. Joining and averaging paths
      4m 9s
    5. Using the Scissors tool and the Knife tool
      3m 42s
  9. 37m 56s
    1. Understanding drawing modes
      4m 23s
    2. Creating compound paths
      5m 15s
    3. Creating compound shapes
      4m 11s
    4. Working with the Shape Builder tool
      6m 32s
    5. Working with the Blob Brush and Eraser tools
      5m 26s
    6. Working with the Paintbrush and Pencil tools
      7m 8s
    7. Smoothing and erasing paths
      5m 1s
  10. 35m 53s
    1. Exploring the Pen tool
      2m 39s
    2. Drawing straight lines
      5m 12s
    3. Drawing simple curves
      5m 23s
    4. Understanding the many faces of the Pen tool
      6m 10s
    5. Converting corners and curves
      1m 46s
    6. Your keyboard is your friend
      2m 14s
    7. Tracing artwork with the Pen tool
      12m 29s
  11. 35m 33s
    1. Adjusting your type settings
      4m 10s
    2. Creating point and area text
      3m 36s
    3. Basic text editing
      2m 14s
    4. Creating threaded text
      4m 59s
    5. Using the type panels
      9m 48s
    6. Creating text on a path
      5m 11s
    7. Converting text into paths
      1m 43s
    8. Saving time with keyboard shortcuts
      3m 52s
  12. 27m 25s
    1. Exploring the Appearance panel
      4m 44s
    2. Explaining attribute stacking order
      1m 40s
    3. Applying multiple fills
      3m 1s
    4. Applying multiple strokes
      4m 20s
    5. Adjusting appearance with live effects
      4m 46s
    6. Saving appearances as graphic styles
      8m 54s
  13. 20m 44s
    1. Exploring the Layers panel
      4m 18s
    2. Creating and editing layers
      3m 27s
    3. Targeting objects in the Layers panel
      3m 3s
    4. Working with sublayers
      3m 0s
    5. Hiding, locking, and deleting layers
      4m 14s
    6. Using the Layers panel menu
      2m 42s
  14. 46m 0s
    1. Placing images into Illustrator
      2m 53s
    2. Working with the Links panel
      6m 5s
    3. Embedding images into Illustrator
      3m 12s
    4. Cropping images with a mask
      5m 8s
    5. Exploring the Image Trace panel
      12m 14s
    6. Tracing photographs
      8m 6s
    7. Tracing line art
      4m 33s
    8. Converting pixels to paths
      3m 49s
  15. 19m 21s
    1. What are symbols?
      2m 45s
    2. Using prebuilt symbols
      3m 3s
    3. Using the Symbol Sprayer tool
      4m 19s
    4. Creating new symbols
      3m 50s
    5. Breaking the symbol link
      3m 19s
    6. Redefining symbols
      2m 5s
  16. 12m 9s
    1. Defining a perspective grid
      4m 29s
    2. Drawing artwork in perspective
      3m 49s
    3. Applying artwork to the grid
      3m 51s
  17. 35m 7s
    1. Printing your artwork
      6m 16s
    2. Saving your artwork
      2m 2s
    3. Saving in legacy formats
      3m 0s
    4. Saving templates
      4m 18s
    5. Creating PDF files
      5m 23s
    6. Saving for the web
      4m 46s
    7. Creating high-res bitmap images
      3m 58s
    8. Using Illustrator files in Photoshop and InDesign
      5m 24s
  18. 56s
    1. Next steps
      56s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Illustrator CS6 Essential Training
8h 48m Beginner May 07, 2012

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.

Topics include:
  • Understanding vector graphics
  • Creating and setting up files for print or web destinations
  • Selecting and transforming objects on the page
  • Creating spot colors
  • Applying fills, strokes, and gradients to artwork
  • Adjusting appearances and effects
  • Working with anchor points and paths
  • Drawing with the Pen tool
  • Creating text
  • Managing layers
  • Creating and using symbols
  • Printing, saving, and exporting artwork
Subject:
Design
Software:
Illustrator
Author:
Justin Seeley

Using the type panels

If you really want to get serious about working with type inside of Illustrator, you need to familiarize yourself with the type panels. There is actually two of them: the Character, and the Paragraph panel. In order to access these panels, you can do one of two things: you can go to the Window menu, find the Type section, and open them, or you can use the Control panel as well. Let's take a look. I'll grab this bit of text right here, because I want to make some changes to it. And you'll notice, up in my Control panel, I actually have a link right here to the Character panel, and over here on the right, I have a link to the Paragraph panel. Let's start off with the Character panel.

I'll open it up, and inside, I get lots of different options. I can actually choose the font, the font style, I can set the font size, change the leading, set the kerning between two characters, set the tracking for a selected range of characters, I can also change the Vertical and Horizontal scaling for each individual letter, or a set of text, I can set the baseline shift for things, and then finally, I can change character rotation. At the bottom, you'll find things like All Caps, Small Caps, Superscript and Subscript, Underline, and Strikethrough.

You can also change the language, and the anti-aliasing method. By default, the anti-aliasing is set to Sharp. If you set this to None, you may notice that your text looks a little chunky on screen. You can also set it to Crisp, or Strong. Depending on what type of project you are working on, you may want to experiment with the text to get it just right. In this case, I'm actually going to close the Character panel from here, and bring out the panels on screen, all on their own. In order to do that, go up to the Window menu, go down until you find Type, and then you can actually bring up all of the Type panels, like Character, Character Styles, Glyphs, OpenType, Paragraph, Paragraph Styles, and Tabs as well.

Let's go ahead and grab the Character panel first. In the Character panel, these are all the options that I had available to me inside of that little pop-up window up here. However, if you want see all of the options, you have to go to the panel menu, and choose Show Options. Once you do that, you'll get the full panel at your service. In this case, I am going to make some changes to this text. First thing I am going to do is change it from Narrow to Regular Arial. You'll notice, when I do that, it flows across, has some hyphenation, and things that I don't want. That's okay; I can adjust that with the font size.

I'll back that down to something like 9 points. If I need to go even smaller, I can back it down to something 8 points. If the text becomes too small, I can always reflow my box, like so, and then bump up the font size just a little. If you want to make changes to text on an individual basis, like one letter at a time, you have to double-click inside, and then make a selection of the text. So for instance, maybe I want the telephone heading here to be Bold. So I'll select it, and choose Bold. Same thing for fax, and e-mail as well.

So now I've got those in Bold, and they are a little bit different from the rest of the text. My address, the same way; I can make a change to that if I want to as well, simply by selecting it. And may be I want the address to be a little bit smaller, so I'll back that down one font size, and may be even create a little bit more space in between. Something like that. If I feel like the text isn't exactly looking like it should in terms of tracking or leading, I can make those adjustments on a case by case basis as well. For instance, maybe I want this to be a little tighter at the bottom. I can actually go in, and I can adjust the tracking for this.

The tracking just means how close together are the letters. So as you can see, as I back this down, the letters get closer and closer together. You could actually use one of these numbers here as well. So for instance, if I want to back it down to like -50, I could tighten it up. Or if I want to spread them out, I can go up to 50 there as well; just depends on your personal choice. In this case, I'll drop it down to about -25. I can also change the leading, or the amount of space in between the lines. In this case, it's set to 9.6. I think it's a little too far apart, so I'll just reduce that; something like that.

Again, just a way of tightening it up, and making it look a little better. Same thing up here at the top. I'll select this, and tighten that up a little bit as well. Then I am going to grab my Selection tool, and click away to see the results. You also have access to the Paragraph panel. The Paragraph panel has a lot of different options inside of it, like Alignment; you can change it to Align left, center, or right; you can also justify text to the left, in the center, to the right, or justify every line. In addition to the Alignment options, you can also change the indent levels, on the left, the first-line, and on the right.

And at the bottom here, you have the ability to change the space before and after a paragraph. This is great for eliminating double returns, or hard returns inside of Illustrator. When you are setting type, double, or hard returns; it's just not the best practice. You want to experiment with the space before and after. So for instance, here I could actually go in to the text, and back this up a line, and then I could select this, and say OK. The space before a paragraph; I want to add a little bit to it. When I do that it spaces it out. But you'll notice, I've got both of these selected, so I am actually making a change to both.

I don't necessarily want to do that. I should have only selected this line, and that's okay; you can always correct it by selecting, and backing it down. Remember earlier when I was reflowing text, and I kept getting hyphenation? If you don't want that to happen, select all of your text, and uncheck Hyphenate. That way, no matter what, even if you increase the size of your text, nothing will hyphenate; it will just reflow to the next line. You also have access to something called the OpenType panel. The OpenType panel has some really interesting options, if you're using an OpenType font. The Creative Suite actually ships with several different types of OpenType fonts, and you can play with those to see exactly how they work.

The options include Standard Ligatures, and Contextual Alternates, which will change the way cursive letters actually flow together. Discretionary Ligatures, Swash caps, which is one of my favorite things to use. If you're using a cursive type font, you can actually create these really wild and ornate looking letters. Stylistic Alternates for different letters, Titling Alternates, Ordinals, which is the writing things like numbers, like first, second, third, etcetera, and also, you can do Fractions as well. So if you are using a font that actually supports the OpenType options, these options will be highlighted here for you.

If you're not using a font that contains the OpenType options, these will be grayed out, like you see here. There are some cases where you'll have one or two options available to you, and you can experiment with those, and see exactly how they work. Let's go back up, now, to the Window menu, I'll go back down to Type, and let's checkout the Character Styles panel. Inside of the Character Styles panel, I can actually set up different styles that I can use throughout Illustrator. This is just like Adobe InDesign, or Microsoft Word, where you would write out styles for things like headings and body copy.

You can do the exact same thing right here in Illustrator. So for instance, I can come in here, and I can select a bit of text, and I can create a new style. That new style automatically comes up as Character Style 1. I can double-click that to edit it, and I can say something like Info Heading, and hit Enter. Now I have that style saved, so I can apply it anytime I need to. For instance, if I wanted to select this information down here, you would notice that it automatically adopts the normal character style, but it also has a style override applied to it, because I've made some changes.

If I want to change this to make it look just like these headings here, I simply click Info Heading. The Info Heading is automatically applied, however, there is a style override still there. So what I'm going to do is hold down the Option key, or Alt key on PC, and click that, and it automatically removes the style override, and enables the Info Heading style that I saved here. Anytime you see a little Plus sign inside of the Character Styles, that means you've actually got some settings overriding the actual character style that you're using. To remove it, just hold down that Option or Alt key, press it, and it goes back to normal. I am going to undo that now with Command+Z or Control+Z. Let's say that I also wanted to create a style for this name up here.

That way, I can save it, and use it on future business cards. I'll come up here, select it, create a new style, and I'll call this Name Heading. That way, any other time I am creating something, whether it be letterhead, business cards, whatever, I can actually come in here, and use that style. Once I am finished, I'll click away. The same holds true for Paragraph Styles. If I wanted to create a Paragraph Style based on these paragraphs here, including the space before that I added this paragraph, I could do that. Creating a style for paragraphs is exactly the same as creating a style for characters.

So for instance, I can come in here and double-click, select this bit of text here, and create a new paragraph style. The Paragraph Style here could be Address Info; hit Enter. Now any time I apply that to a paragraph, it's automatically going to take on that space before that I specified earlier. If I select the text underneath it, and apply the Address Info style, you'll notice that it doesn't do anything off the bat, but it's got that little Plus sign again. Holding down the Option or Alt key removes that style override, and actually moves it down like it should be, based upon the style that I specified.

I'll go ahead and undo that with Command+ Z or Control+Z. Now I'll grab my Selection tool, and I can click away to deselect. Any time you want to get rid of these panels, just click the little x in the top right corner. You can access a lot of these panels from the Control panel as well, as you start to work with text. But if you can't find them, just remember, you go to the Window menu, and search for Type, and they're all there. They also have some keyboard shortcuts associated with them as well. If you want to bring up the Character panel, you can hit Command+T or Control+T on your keyboard. OpenType is Alt+Shift+Control+T, or Option+Shift+Command+T on the Mac.

The Paragraph panel can be brought up with Alt+Control+T, or Option+Control+T on the Mac. And then finally, if you want to set tabs in Illustrator, you can bring that up with Shift+Control+T on the PC; Shift+Command+T on the Mac. I'll go ahead and escape out of there. Hopefully by now you have a better understanding of how to utilize all of these panels to set your type inside of Illustrator. The possibilities are endless, and you can do some really cool stuff with your type.

Find answers to the most frequently asked questions about Illustrator CS6 Essential Training.


Expand all | Collapse all
please wait ...
Q: Where can I learn more about graphic design?
A: Discover more on this topic by visiting graphic design on lynda.com.
 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Illustrator CS6 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.