Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Using the Baseline Shift and Character Rotation options

From: Illustrator Insider Training: Type and Text

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.

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.

Show transcript

This video is part of

Image for Illustrator Insider Training: Type and Text
Illustrator Insider Training: Type and Text

52 video lessons · 14859 viewers

Mordy Golding
Author

 
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

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
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.


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 "Already a member? Log in

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
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

Your file was successfully uploaded.

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.