Make Marbel Texture..
Make variable colored grid..
Neon Text..
The micro bevel..
Rusted Type..
3D Text/Logo..
Techno-wave Effect..
Trendy Avatar..
Simple background..
Digital Effect..
Polar Coordinates..
Water drops..
LCD Screens..
Steel Type..
Pixelated Text..
Smooth Edges..
Vectorizing Photos..
Luminous Essence..
Transparency..
Digital Smoke..
Game cube logo..
Gradient Grids..
Sparkles..
Driping Slime..
Borders..
Cartoon Clouds..
Organic Tech..
Aqua Balls..
Kerning and Tracking text..
Getting rid of overlap..
Weaving a ribbon through text..
Blend layers w/ opacity mask..
Brilliant Color..
Create 3D Cylinder..
Creating Artistic Brushes..
Fine Lines Design..
Transition b/w two objects..
Distortion Effect..
Soft Proof your colors..
Knotworking..
Creating views..
Transforming shapes..
Creating Image map..
Optimizing web graphics..
Using Slice tool..
Creating web button..
Animation of scaling..
Ripple Animation..
Colors changes to animation..
Neon light animation..
Creating a Navigation bar..
Animated Imagemap Button..
Preloader with FlashMX..
Sound Control..
Steel Flash..
Using masks..
Loading an external movie..
Flash light effect..
Flash game techniques (P-1)..
Flash game techniques (P-2)..
Flash game techniques (P-3)..
Flash game techniques (P-4)..
Flash game techniques (P-5)..
Dropdown menu for FlashMX..
Zoom blur effect..
Dessolving words ..
Spotlight masking..
Passing variable to Flash..
Clear Text..
Create Time in Flash..
Change colors of movieclip..
Creating sites using CSS ..
Dreamweaver 4 Flash buttons..
Defining a site..
Dreamweaver Form tips..
Dreamweaver interface..
Creating nested tables..
Rollover form buttons..
Graphics Editing w/ DW & FW..
Inserting FW HTML into DW..
Working with templates..
Quick shapes in freehand..
Making a 3D pie-chart..
Exporting GIFs from Freehand..
Creating 3D Soccer Ball..
Creating Perspective shadows..
Chrome effect in Freehand..
Creating Hollow Envelopes..
Building Buttons..
Drawing a heart symbol..
3D Ball ..
Bouncing ball..
Automating Fireworks..
Text writing animation..
Fireworks 4 Popup menus..
Creating Gel Text..
Outline tool overview..
Cracked text..
Page curl ..
Contoured Text ..
Drop Shadows ..
Creating complex shapes..
Creating volumetric clouds..
Water/Fire/Smoke Effect ..
The Power of Radial array..
Modelling an Eye..
Welding vertices..
Animating a ball..
Realistic Texturing..
Polygon basics..
Lathe Tutorial ..
Emit geometry from a point emitter..
Creating a missile trail..
Animating a flying baloon..
Introduction to Expressions..
Making MEL Procedures..
Introduction to MEL Scripting..
Modeling a mechanical hand..
Build a spiral staircase..
Building leg skeletons..
Modeling a head..
Texturing the head..

How to make water ripple..
Create Ghost shader..
Using two bone IK Solver..
Using multi-texturing..

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.

Partners

Flash Templates
Free Web Templates
FREE professional web templates
Website templates
Free Web Templates
Graphic Design
Tutorial Guide
Flash Templates

Flash Templates and Web Templates

 


Advertise | Submissions | Privacy Policy
All the contents and articles within this website are property of their respective authors and are submitted to us by them, we do not held any liability for the material including text and graphics submitted by them.
© Copyright Vecpix.com 2006-07. All rights reserved.