tailieunhanh - Taking Your Talent to the Web: A Guide for the Transitioning Designer- P13

Taking Your Talent to the Web: A Guide for the Transitioning Designer- P13:It was a simple solution to a complex problem. On one side, thousands of designers and art directors are eager to take their talents to the Web but aren’t sure how. On the other, web agencies could not find enough good web designers to get their work done. | Taking Your Talent to the Web 241 But keyboard shortcuts aside Photoshop has advanced tremendously in its handling of type and now offers essentially the same typographic functionality that Illustrator does. As a result many designers use Photoshop for everything. Photoshop and higher also allows you to select an anti-aliasing option for type apply simulated styles to type and turn off fractional character widths to improve the appearance of small bitmapped type displayed at low resolution. Anti-Aliasing As all designers know anti-aliasing enables you create the appearance of smooth-edged type by partially filling in the edge pixels with intermediary colors. For those who don t know we provide the following handy exercise. Exercise 4 The Great Intermediary Launch Photoshop and create a new blank document with a white background. Work at 72ppi. We always work at 72ppi on the Web. Select the type tool. Click in the image to set an insertion point. Enter some text in the Type Tool dialog box Photoshop or directly on the image Photoshop 6 . Format the text however you like. For the sake of argument we ll type our names in black 24pt. Helvetica. Crisp anti-aliasing is chosen by default. If it is not choose it now. Close the Type dialog. Go to Photoshop s Navigator menu and blow up the image by 400 . Look at the edges of any letter. Those soft gray pixels are anti-aliasing. Now you know. The purpose of anti-aliasing is to fool the eye into seeing type as smoothly rounded in spite of the low resolution of computer monitors. Anti-aliasing is also used for images unless you re deliberately going for a bitmapped pixellated look. And you re usually not. Whether for type or images it can cause problems when working with GIF transparency. 242 HOW Visual Tools The ABCs of Web Type Exercise 5 Match Em Up Open Photoshop and create a new blank document with a white background. Choose any two web-safe colors from the Photoshop Color Picker or the Vis-iBone web palette. For .