Get Super-Clean Type For The Web

If you’ve been faced with having to create small type on the Web (usually 12 points or fewer), you know the smaller you go, the blurrier your type gets. That’s because of the anti-aliasing that’s automatically applied to the type, which works fine at larger sizes but tends to run together at smaller sizes, making your type look fuzzy. You can adjust the amount of aliasing (from the Options Bar), but here’s a tip that many Web designers feel works even better: Once you get below 12 points, start adding positive tracking to your type (anywhere between 20 to 50 points) in the Character palette. This increases the amount of space between letters, and therefore, decreases the amount of blurriness. Increasing the space between your letters this way minimizes the effects of anti-aliasing and makes your type cleaner and more readable at smaller sizes. As a general rule—the smaller the type, the larger the tracking amount.

Spread the word:

No Comments

No comments yet.

RSS feed for comments on this post. TrackBack URI

Photoshop Tutorials

Design Effects
Corey shows how to use the luminosity of an image to create a cool design effect and spice up your simple photos.
Stylized Comic Book Effect
Using this effect, you can transform anyone into a comic book character with a halftone, saturated look.
Text Shape Layers
Converting text into shapes allows you to distort the text as you like while retaining straight, clean edges.

Ice Age Acorn

Corey has a special extended tutorial on illustrating the Ice Age acorn.
Transformers, Part 2

In part two of this tutorial, Corey finishes the Transformers logo he began last week.
Transformers, Part 1

In this two-part tutorial, Corey begins creating the Transformers logo from this summer’s upcoming blockbuster.
Planet Works

Corey uses the new 3D features in Photoshop CS4 Extended to re-create the DreamWorks animated title.

Digital Video Solutions: Troubleshooting
Some common problems that can occur after upgrading your video-editing application may include a frozen screen, frozen cursor, flickering dialog, completely blank dialog, or a number of error messages.
Layers TV: Episode 94
Corey has a tutorial showing how to wrap a graphic around a 3D object in Adobe Illustrator. RC tries to clear up some of the confusion about using the Pen tool in Illustrator and Photoshop. You can download each episode by subscribing to the podcast on iTunes. var so = new SWFObject('http://media.kelbymediagroup.com/players/player.swf','mpl','500','300','7'); so.addParam('allowfullscreen','true'); // so.addVariable('type','rtmp'); so.addVariable('file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-94.mp4'); so.addVariable('plugins','hd-1'); so.addVariable('hd.file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-94-hd.mp4'); so.addVariable('hd.state','false'); so.addVariable('image','http://www.layersmagazine.com/images/layerstv-logo.jpg'); so.addVariable('height','300'); so.addVariable('width','500'); so.addVariable('autostart','false'); so.addVariable("backcolor","0x000000"); so.addVariable("frontcolor","0xF1F1F1"); so.addVariable("lightcolor","0xF88E21"); so.addVariable("quality","100"); so.write('player'); Thank you [...]
The Digital Camera: Compact-camera Shooter
I took most of the photographs in this article with my Canon PowerShot G10 compact camera to see if I could get good shots with a basic camera.
Using Adobe Exchange
Adobe Exchange is a free resource on the Adobe website for adding features to your Adobe applications.

Invert to Alpha

When working with vector - created art and the source art is unavailable, modifying the art to create a logo can be a pain, to say the least—particularly when it’s flattened and the background needs to be knocked out. A careful combination of Invert (Command - I [PC: Ctrl - I]), Color Balance (Command - B [PC: Ctrl - B]), and layer Blending Options (Control-click [PC: Right-click] the layer name) can yield simple background knockouts of one- or two-color logos without making a mess.

Photoshop Tutorials, Tips, and News | Planet Photoshop

Get Super-Clean Type For The Web

No Comments

Leave a comment

Photoshop Tutorials

Invert to Alpha