Photoshop CS6 Essentials - Type Tool - XV

20 March, 2013

Along with font-family and font-style, anti-aliasing is also very important. The anti-aliasing method will render the text smoothly.

Anti-aliasing method

Anti-aliasing will produces smooth edges in the corners. Smooth edges is created by adding more pixels to blend with the background.

(fig 1.0)

Sometimes you can get away with setting the method to 'None' and it is not noticeable from a distance.

(fig 2.0)

Adding more pixels mean adding more colors. Even if you have a flat black color text, it produces grey shades in the corner to make it smooth. You can see how many shades of grey is applied by opening the 'Save for Web' dialog box and set the optimized file format to GIF.

Notice the first image is set to none as the anti-aliasing method and i have set the colors to maximum of '256'. You can see only one color, i.e. the text color in the 'Color Table' (the white is the background color).
The second image anti-aliasing method is Sharp with 15 colors in the color table.

(fig 3.0)

The colors that appear in the color table is the pixels that blend to make a smooth text. The color table in the Save for Web dialog box pick up each pixels.

(fig 4.0)

There are total of five different ways you can select the anti-aliasing method.

(fig 5.0)

Each method has its own way of blending pixels. The image blow is a close-up shot of 'S' from the ALIASING text.

First one is set to None with no anti-aliasing is applied, which has a one color with jagged edges.
Second is set to Sharp, which has 47 colors with evenly blended pixels.
The rests are pretty much the same.

Notice the evenly distributed pixels in the anti-aliasing method: Sharp (2). Remember, adding more colors will increase the file size.

(fig 6.0)

The total number of pixels (colors) is nothing to do with the size of the text. Its how the pixels are blended in the corners with the background. Notice we have a three different options here with different anti-aliasing method.

(fig 7.0)

Adding gradient or more colors will increase the numbers.

(fig 7.1)

You can choose the anti-aliasing method in five different places.

Options bar
Character panel
Type Menu
Right-click Context menu
Text layer

(fig 8.0)

If you are not working in web, you can choose any anti-aliasing method you want. But working with web applying heavy anti-aliasing and compressing the file too much will leave a halo around the text.

No comments:

Post a Comment