The last thing you may want to consider when prepping your images for the Web is how your type looks. You can make changes as you prepare or edit the image that will affect how well your type shows up on-screen. The following sections describe some of your options.
Anti-aliasing
For most non-Web applications, you’ll generally want to use one of the Photoshop anti-aliasing schemes. (You can find more on anti-aliasing type in Book IV, Chapter 4.) Photoshop offers five different anti-aliasing methods :
- None uses no anti-aliasing. Although it depends on the font, this choice is often a good choice for small type. There a few fonts specifically designed for use without anti-aliasing. When used with anti-aliasing turned on, these fonts look atrocious.
- Sharp applies only enough anti-aliasing to soften the edges of diagonal strokes, keeping the type quite sharp. This is another sensible choice for smaller type.
- Crisp increases the amount of anti-aliasing a bit, but the type still looks fairly sharp.
- Strong gives the type a heavier appearance.
- Smooth provides the maximum amount of anti-aliasing but can slightly affect the sharpness of the type.
Although these recommendations usually hold true, your results may vary depending on specific typeface and size; you may want to experiment in some cases.
Fractional width/system layout
At small sizes and low resolutions, such as those typical of Web display, type can be rendered inconsistently with the default Photoshop type setting of Fractional Width. In this mode, Photoshop varies the distance between characters by using fractions of whole pixels. At sizes smaller than 20 points, such type may either have too much space between characters, or not enough space, causing the characters to run together.
To prevent this, choose System Layout from the Character palette options menu. System Layout displays text as the operating system would by using a program like WordPad or SimpleText. Photoshop switches to whole pixel increments and removes all anti-aliasing. The type won’t look quite as neat, but the spacing problems will be prevented. It can also be a good choice for smaller text.
Faux styles
Photoshop cobbles together imitations of italic or bold typefaces for fonts that don’t have them. The program normally does a pretty good job of slanting the Roman (upright, or normal) version of the type, or making the type thicker to simulate bold. However, at smaller type sizes and for type displayed online, the results are often less than pleasing. So when creating type for online display, try to avoid using the Faux styles. To apply these styles, choose Faux Bold or Faux Italic from the Character palette options menu or click the Faux Bold or Faux Italic button that appears near the bottom of the Character palette.
Anti-aliasing
For most non-Web applications, you’ll generally want to use one of the Photoshop anti-aliasing schemes. (You can find more on anti-aliasing type in Book IV, Chapter 4.) Photoshop offers five different anti-aliasing methods :
- None uses no anti-aliasing. Although it depends on the font, this choice is often a good choice for small type. There a few fonts specifically designed for use without anti-aliasing. When used with anti-aliasing turned on, these fonts look atrocious.
- Sharp applies only enough anti-aliasing to soften the edges of diagonal strokes, keeping the type quite sharp. This is another sensible choice for smaller type.
- Crisp increases the amount of anti-aliasing a bit, but the type still looks fairly sharp.
- Strong gives the type a heavier appearance.
- Smooth provides the maximum amount of anti-aliasing but can slightly affect the sharpness of the type.
Although these recommendations usually hold true, your results may vary depending on specific typeface and size; you may want to experiment in some cases.
Fractional width/system layout
At small sizes and low resolutions, such as those typical of Web display, type can be rendered inconsistently with the default Photoshop type setting of Fractional Width. In this mode, Photoshop varies the distance between characters by using fractions of whole pixels. At sizes smaller than 20 points, such type may either have too much space between characters, or not enough space, causing the characters to run together.
To prevent this, choose System Layout from the Character palette options menu. System Layout displays text as the operating system would by using a program like WordPad or SimpleText. Photoshop switches to whole pixel increments and removes all anti-aliasing. The type won’t look quite as neat, but the spacing problems will be prevented. It can also be a good choice for smaller text.
Faux styles
Photoshop cobbles together imitations of italic or bold typefaces for fonts that don’t have them. The program normally does a pretty good job of slanting the Roman (upright, or normal) version of the type, or making the type thicker to simulate bold. However, at smaller type sizes and for type displayed online, the results are often less than pleasing. So when creating type for online display, try to avoid using the Faux styles. To apply these styles, choose Faux Bold or Faux Italic from the Character palette options menu or click the Faux Bold or Faux Italic button that appears near the bottom of the Character palette.
Making Type Look Good On-Screen
![Making Type Look Good On-Screen]()
Reviewed by Pepen2710
on
5:38:00 AM
Rating:
No comments:
Post a Comment