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

Illustrator Insider Training: Type and Text

Using the Baseline Shift and Character Rotation options


From:

Illustrator Insider Training: Type and Text

with Mordy Golding

Video: Using the Baseline Shift and Character Rotation options

If we take a closer look at the Character panel where we saw both the Horizontal and the Vertical Scaling, we'll see two additional options: one called Baseline Shift and one called Character Rotation. These are both very, very useful functions, although we may not think about it initially. Now Baseline Shift is something that just allows us to adjust where a particular character sits on the baseline of type, which usually is referred to when you click on, let's say, any object, in this case it's a Point Text object, where I see these lines over here.
Expand all | Collapse all
  1. 6m 13s
    1. Welcome
      1m 24s
    2. Art, typography, and Illustrator
      4m 23s
    3. Using the exercise files
      26s
  2. 38m 30s
    1. Knowing Illustrator's limitations
      5m 47s
    2. The three type objects in Illustrator
      11m 18s
    3. Area type, point type, and the bounding box
      4m 35s
    4. The difference between type and text
      3m 42s
    5. Unicode: consistent type for all
      4m 23s
    6. Bringing text from Microsoft Word into Illustrator
      8m 45s
  3. 39m 51s
    1. Understanding font types
      6m 28s
    2. Using the Glyphs panel
      8m 30s
    3. OpenType support and automatic glyph replacement
      9m 43s
    4. Previewing fonts as you use them
      5m 0s
    5. Converting text into editable vector paths
      6m 19s
    6. Using the Find Font feature
      3m 51s
  4. 49m 4s
    1. Setting up the document
      12m 26s
    2. Basic character settings and keyboard shortcuts
      7m 28s
    3. Kerning, tracking, and optical kerning
      13m 6s
    4. Using horizontal and vertical scaling
      4m 38s
    5. Using the Baseline Shift and Character Rotation options
      7m 28s
    6. Using underlines and strikethroughs
      2m 5s
    7. Working with small caps, superscript, and subscript
      1m 53s
  5. 46m 36s
    1. Basic paragraph settings and keyboard shortcuts
      6m 47s
    2. Setting tabs and leaders
      11m 51s
    3. Setting indents and spacing
      9m 6s
    4. Understanding hyphenation and justification settings
      10m 28s
    5. Understanding the composers in Illustrator
      8m 24s
  6. 16m 7s
    1. Threading text across multiple objects
      8m 17s
    2. Adding multiple text columns in a single object
      3m 29s
    3. Specifying an inset for area type objects
      4m 21s
  7. 32m 53s
    1. Text styles in Illustrator
      7m 6s
    2. Defining and modifying character styles
      10m 40s
    3. Defining and modifying paragraph styles
      5m 0s
    4. Understanding the style override
      5m 3s
    5. Sharing styles across documents
      2m 10s
    6. Changing default type settings
      2m 54s
  8. 37m 9s
    1. Aligning text margins and indents optically
      3m 53s
    2. Creating non-breaking text
      2m 36s
    3. Changing case
      1m 39s
    4. Using smart punctuation
      5m 12s
    5. Selecting type objects easily
      3m 20s
    6. Understanding hidden text codes
      2m 20s
    7. Checking spelling
      3m 3s
    8. Using language support to your advantage
      3m 41s
    9. Changing text with Find and Replace
      3m 54s
    10. Finding substituted fonts and glyphs
      3m 55s
    11. Wrapping text around objects
      3m 36s
  9. 16m 47s
    1. Setting type along a path
      10m 22s
    2. The difference between open and closed paths
      6m 25s
  10. 10m 57s
    1. Understanding legacy text
      4m 23s
    2. Updating legacy text
      6m 34s
  11. 1m 16s
    1. Next steps
      1m 16s

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 Insider Training: Type and Text
4h 55m Intermediate Feb 29, 2012

Viewers: in countries Watching now:

In this installment of Illustrator Insider Training, author Mordy Golding shows how to create type that’s both beautiful and communicative, whether it’s destined for logos, brochures, signs, infographics, or simple documents. This course covers core typography concepts, such as working with Unicode and OpenType fonts, applying character and paragraph settings, managing text with styles and text threads, placing text along a path, and wrapping text around graphics.

Topics include:
  • Understanding the three type objects in Illustrator
  • Importing text from Microsoft Word
  • Using the Glyphs panel
  • Converting text into editable vector paths
  • Kerning and scaling characters
  • Setting indents and spacing
  • Threading text across multiple objects
  • Sharing styles across multiple documents
  • Understanding style overrides
  • Changing text with Find and Replace
  • Wrapping text
  • Setting type along a path
  • Updating legacy text
Subjects:
Design Typography
Software:
Illustrator
Author:
Mordy Golding

Using the Baseline Shift and Character Rotation options

If we take a closer look at the Character panel where we saw both the Horizontal and the Vertical Scaling, we'll see two additional options: one called Baseline Shift and one called Character Rotation. These are both very, very useful functions, although we may not think about it initially. Now Baseline Shift is something that just allows us to adjust where a particular character sits on the baseline of type, which usually is referred to when you click on, let's say, any object, in this case it's a Point Text object, where I see these lines over here.

This represents the baseline, and I may want one of the characters to sit above or below that baseline. For example, if I take my Type tool here and I highlight let's say just this letter A over here. I could adjust the Baseline Shift by either raising it above that baseline or giving a negative value, so drop it below the baseline, so you can see the A sits on a different baseline than the rest of the letters here in that entire word or in an entire text string. Let me actually go ahead and highlight that and set it back to zero.

Now, of course you can do that for special effects where you have certain characters and you maybe want to make it look like some letters are above or below the baseline, just for stylistic reasons. But let's take a look at some other important uses for Baseline Shift. We spoke about this bullet character that we used here in the beginning. I'm actually going to go ahead now and highlight one of these. Maybe I want this bullet to be much larger, so I'm going to increase the Point Size. I'm using Command+Shift+> on my keyboard to do so, and I'll make it like 24 point. It looks great. It's nice and big, just the size that I wanted. Maybe you can see that because it's bigger now and because bullets usually sit on the center of the slug--you can see the entire slug right here-- the circle itself does not aligning correctly with the rest of the text that's over here, although I'm using my keyboard here to kind of navigate throughout my text.

When I know that my text cursor is already blinking inside of a text object, it's a lot easier for me to use the keyboard to select that than to try to use the mouse to select that. So, for example, I could click and drag to select it this way or if I have my blinking cursor here, I can just let go of my mouse, hold down the Shift key on my keyboard, and then use the right arrow and then as I keep hitting the right arrow, it adds more and more characters to my selection. I can use the left arrow to remove characters from my selection. So now with this character selected, I can use the baseline shift to bring that bullet character down just a little bit, and I want to show you that I can use a keyboard shortcut for that.

I don't need to actually come over here to the Character panel and start adding values and seeing what that looks like. I can do it very quickly by eye by focusing purely on the actual bullet itself. I'm going to hold down the Option and the Shift keys on my keyboard. If you're on Windows that will be the Alt and the Shift keys. And then I'm going to use the down arrow to add a negative baseline shift, or the up arrow to add positive baseline shift. I kind of see it goes by two at a time, and I can see here probably 3 is the right value, -3, so I'm now just going top go ahead and change that 4 to a 3 and that sits perfectly just where I wanted.

Now, it's easy for me to just simply select this, copy it, hit the down arrow to come down here, highlight this, and then paste that into place, and I can do that with the others as well. So that's an example of where Baseline Shift comes into play. Later on inside of this training, we're going to focus on something called Type on a Path and we'll find out that in those cases, Baseline Shift is going to be integral in making sure that our text aligns correctly to the path the way that we want it to appear. However, you may think that this Character Rotation setting, which is right over here, may seem kind of silly at first glance.

For example, what I can do is I can highlight this G right over here to select it and then adjust its Character Rotation, maybe rotate it in a 45 degree angle. Now, you might ask yourself, why would that be useful? I mean just the G itself now is rotated independently from the other characters inside of that text string. But again, if we think about applying this to graphics or to characters that I might use as some kind of graphic, then this could be quite useful. Let me give you an example of what I mean. Sometimes people use interesting characters to simulate things like, for example, maybe filling out a form, and they want people to fill in their credit card or date of birth or maybe their Social Security Number, which is three numbers, two numbers, and then four numbers.

So you might want to have like these areas that are clearly defined, so people know what to put into those spaces. Now, sometimes people go through a tremendous amount of work by using the Pen tool and drawing lines, but then as soon as you want to move your text around, you have to work with all those elements. If you want to make things bigger or smaller or adjust them, it can be very difficult. Well, as an alternative, you might want to consider using text. Let's see how we can do that. I'm just going to put my cursor here at the end of this exclamation point and I'll hit Return to get a new line here.

And maybe I'll type in here Social Security. Now what I'm going to do is I'm going to use the open square bracket key. I'll actually select this here. I don't want it to be bold, so I'm going to set it back to let's say be Regular, so it's a little bit thinner. And now I'm going to go to the Character Rotation. I am going to set it to a value of -90. Actually, I see that it should be flipped the other way around. Let's actually rotate it 90 degrees. So you see what I've done now is I've actually taken that bracket and I've turned it on its side, so now it looks like a spot where I might want to fill in the number.

So I could take this right now, but the problem though with it, right, is that it's sitting much too high in the baseline. So I'm going to take that, select just that one character, hold down Option and Shift, or Ctrl+Shift, then hit the down arrow key maybe two times. So now it has a Baseline Shift of -4 and a Character Rotation of 90 degrees, and you see now it has this lovely little setting right here. I can actually take this and copy it and then simply paste it right next to it. So now I would have the space for entering three different numbers. Then maybe I will do two more for two more numbers and then one, two, three, four.

So now I have the numbers that I need. I'm simply going to come here and put a hyphen right here. The reason why I'm typing a hyphen here just for now is because I want to be able to make sure that this hyphen does not have any Baseline Shift or Character Rotation applied to it. So I'm simply going to take this and I'm going to hit Command+X or Ctrl+X to cut it. Then I'll move over here and after the first three I'll paste one here, and then I'll paste one here. And then I can add a little bit of kerning here to just simply adjust them. I'm adding positive kerning by using Option+right arrow, and I've kind of moved it over now a little bit so I can see.

Let me scroll over just a little bit here so you can see what we have created. I've now created spots where I have three characters, two characters, and then four characters, where I might enter now in a Social Security Number. But you can easily see that as I put this together, I was using a lot of the keyboard shortcuts and the settings that we've learned so far in this chapter. We've been using kerning, character rotation, baseline shift. Once you become familiar with these, they all just fall into place as you kind of work with them. You just simply nudge or put the characters where they belong. Now, remember, we also learned about using the different scaling options.

So, if I wanted to have a wider area for people to add numbers, I can simply take these right now and choose to scale these maybe 150%. Now that gives me wider slots for me to put the numbers in. So again, it's just another way to look about using text inside of Illustrator. More importantly, it's also a way that you can use these additional features to use text as graphics, so that they are easier to work with.

There are currently no FAQs about Illustrator Insider Training: Type and Text.

Share a link to this course
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.

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 Insider Training: Type and Text.

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
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



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.

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