Creative COW SIGN IN :: SPONSORS :: ABOUT US :: CONTACT US
LIBRARY: TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS FeedTraining DVDs

Kerning and Tracking Text in Adobe Illustrator

COW Library : Lon Clark : Kerning and Tracking Text in Adobe Illustrator
Kerning and Tracking Text in Adobe Illustrator



Create professional graphics with Kerning and tracking text with Illustrator

by Lon Clark,
©2001 Lon Clark and CreativeCOW.net. All Rights Reserved.

Lon Clark Article Focus:
When you’re creating text using Illustrator, it’s easy to simply type it out and call it a day. Lon Clark demonstrates by spending a little time fine tuning your letter spacing by making tracking and kerning adjustments, you’ll wind up with a slicker and more professional type treatment.



What are tracking and kerning?

Tracking creates an even spacing between multiple characters in a line of text, widening it out, or tightening it up.



Kerning adjusts the width of the space between two characters in a line of text.



Generally, you first track your text, and then make kerning adjustments.

  1. Type out a line of text and choose a font. Look closely and notice that the spaces between the letters don’t really look uniform. If you’re not used to kerning type, you might not notice much, but trust me: Art Directors and Designers that work with type day in and day out WILL notice, and unkerned text will scream “unprofessional” to them. Luckily, it’s easy to fix.

  2. Open the Characters palette (Type>Character), and notice the two input boxes at the bottom. (Illustration below). These are the Kerning (left) & Tracking (right) controls.


  3. To track your text, select it and either a) enter values in the tracking input field, b) choose a preset number from the pulldown options, c) click in the input field and use the Right/Left Arrow keys, d) Shift + Command + Left/Right Bracket Keys, or e) hold down the Option key while using the Left/Right Arrow keys.

    (Yes, that’s a lot of different ways to do the same thing). Higher values widen out the text, lower/negative values pull it closer together. (the two examples directly below) The tracking value is applied to the right side of the selected characters.





  4. To adjust kerning, use the type tool (T) to click between the two characters that you want to adjust the space between. Now, either a) enter a value in the kerning input field, b) choose one of the pre-set values from the pull-down menu, c) click in the input box and use the Up/Down Arrow keys to move through values, d) use Option+Left/Right Arrow keys, or e) Shift + Command + Left/Right Bracket keys. Like tracking, higher values will move characters further apart, while lower/negative values will move them closer together. (Note that while the preset options are helpful to get a general idea of your kerning values, you’re better of making precise adjustments yourself.)

  5. Many fonts have auto-kerning information built in. Choose “Auto” in the kerning box to use the values that the font designer has included with the font. Auto kerning usually looks pretty good, but again, you may want to use it as a starting point and fine tune it.

  6. If you find that the default Illustrator kerning and tracking values are not precise enough for you, you can enter new measurement values in Preferences>Type & Auto Tracing. Illustrator is set to make adjustments at 20/1000 of an em per click but you can lower it for more control.





    An em is a unit of measurement that’s used with typefaces (originally based on the width of the letter M of the particular font). The em measurement of any given font is relative to the particular font size. So unlike a set unit of measurement like inches, which is always the same, an em width changes when you change the size or face of your text.

  7. Getting used to making kerning adjustments takes some practice. It’s a matter of taste in how you choose to kern characters. Experiment with loose tracking & kerning (Wide letter spacing) and tight tracking & kerning (close letter spacing). You’ll quickly begin to get a feel for how tiny adjustments can change the look and feel of your titles and headlines.




Hope this has helped.

-- Lon Clark



This is part of a Preparation of Graphics for Video Series at CreativeCOW.net





Lon Clark is a leader in the Graphics for Video & Web COW.






Please visit our forums and view other tutorials at CreativeCOW.net if you found this page from a direct link.


  Digg it Digg itAdd Comment


Related Articles / Tutorials:
3D Watch Animation: Part 1Adobe Production StudioCreating a Cartoon from Video123Di Training Course for Digital Photography ReviewedInside Adobe Illustrator CS - Live Paint


Recent Articles / Tutorials:
Build your own affordable SAN -- that <i>works!</i>More Of The Same Thing - Part 1Where is my rocket car? NAB spends $60 million to roadblock the futureCreating a HologramShape Layer Tips #3 - Trim Paths
MORE


FORUMSLIBRARYPODCASTSBLOGSMAGAZINESERVICESNEWSLETTERSNEWSSTOREEVENTS

© CreativeCOW.net All rights are reserved.

[Top]