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

by Lon Clark,
©2001 Lon Clark and CreativeCOW.net. All Rights Reserved.
|
 |
Article Focus:
When youre creating text using Illustrator, its 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, youll 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.
- Type out a line of text and choose a font. Look closely and notice that the spaces between the letters dont really look uniform. If youre 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, its easy to fix.
- 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.

- 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, thats 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.


- 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, youre better of making precise adjustments yourself.)
- 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.
- 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 thats 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.
- Getting used to making kerning adjustments takes some practice. Its 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). Youll 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.
Related Articles / Tutorials: |
Adobe Illustrator
Creating a Helix in Adobe Illustrator - Part 1 Play Video In Part 1 of this 3 part Adobe Illustrator tutorial series, Vincent Rosati explains how to use the free transform tool to take the first step in creating a helix with AI. This series will get you through many challenges including using the free-transform tool in a perspective environment, creating the illusion of wrapping a shape around another and shading using the pathfinder tool.
Tutorial, Video Tutorial Vincent Rosati |
Adobe Illustrator | Radial Patterns with Adobe Illustrator Play Video In this video tutorial Creative COW leader Vince Rosati presents a simple technique to use an obscure function in the rotate tool to quickly create radial patterns in Adobe Illustrator. Use this technique with gradients or more complex shapes to create incredible radial patterns.
Tutorial, Video Tutorial Vincent Rosati |
Adobe Illustrator
Creating a Cartoon from Video Play Video In this 3-part tutorial, Creative cow leader Aharon Rabinowitz explains the process of converting video to cartoon by using only After Effects and Adobe Illustrator CS2. While the tutorial spans 50 minutes and covers a wide range of topics (some in depth and some in general), after you have gone through the process once, you will find that it's easy to adapt the Cartoonification technique to your own needs.
Tutorial, Video Tutorial Aharon Rabinowitz |
| MORE |
| |