Adobe illustrator cs4- P16

Adobe illustrator cs4- P16: Good designers have many tools at their disposal. Especially in an environmentwhere most designers have other powerful graphics applications, itcan be diffi cult to choose which one to use for a particular task. For example,a designer can apply soft drop shadows in Photoshop, Illustrator, andInDesign—is one application any better than the others for this?
Nội dung trích xuất từ tài liệu:
Adobe illustrator cs4- P16424 CHAPTER 13: WEB AND MOBILE DESIGN 5. Using the Rectangle tool, draw a rectangle on the artboard. Specify a fill of red and a stroke of none. You can clearly see that the boundary of the rectangle aligns precisely with the pixels on the grid (Figure 13.7). Use the Selection tool to move the rectangle around, and you’ll find the shape snaps directly to the grid.Figure 13.7 With the gridvisible, you can clearly seewhere the path edge linesup with the pixels. 6. Apply a 1-pt black stroke to the rectangle. Instead of a nice 1-pixel black border, the rectangle now appears with an odd 2-pixel border that con- sists of a variety of shades of gray (Figure 13.8).Figure 13.8 Because of thepixel grid and the antialias-ing, a 1-pixel black strokeappears as a fat gray stroke. CREATING PERFECT WEB GRAPHICS 425When you add the 1-pt stroke, Illustrator paints that stroke along the centerof the path. But since the path is aligned perfectly to the grid, the strokeweight is distributed a half pixel on both sides of the path. Since you alreadyknow that pixels can contain only one solid color, the antialiasing thatIllustrator applies to the art results in a 2-pixel fat gray line (Figure 13.9). Figure 13.9 This is a perfect example of how valuable the Pixel Preview feature is in Illustrator. On the left, in Preview mode, the stroke around the rectangle appears normal. On the right, in Pixel Preview mode, you can clearly see the effect of the antialiasing.When you hear web designers talk, many say they use Photoshop or AdobeFireworks CS4 to create their web graphics, not Illustrator. More often thannot, the reason behind their decision is because of the antialiasing issues wehave covered here. But it’s not all bad—Illustrator offers tremendous valueto web designers, and in my humble opinion, it’s foolish to overlook someof the great benefits of using Illustrator for web design work. After all, westill have plenty of chapter left. With that in mind, there are workaroundsto everything; sometimes you just need a little more effort and attentionto detail.Taking Charge of Antialiasing—and Your ArtNow that you’re aware of the problems with antialiasing, what can you doabout them? Although there’s no single answer (each workflow will have itsown solutions), you might find this list of solutions helpful:• Avoid using strokes. As you’ve clearly seen, adding strokes really exposes the antialiasing shortcomings of Illustrator. Although you can certainly use the settings in the Stroke panel to align a stroke to the inside or outside of a path, odd antialiasing artifacts occur even with those settings. Instead, it’s better to use the Object > Path > Outline Stroke command to convert stroked objects to filled paths that you can then easily align to the pixel grid.426 CHAPTER 13: WEB AND MOBILE DESIGN • Disable antialiasing for specific objects. You may find that for some artwork it is beneficial to turn off antialiasing altogether. Although you can’t disable antialiasing as a general document setting, you can disable antialiasing on an object-by-object basis. To do so, make a selection, and choose Effect > Rasterize. Choose 72 ppi for the Resolution setting, choose None for the Anti-aliasing setting, and click OK. With Pixel Preview turned on, you will clearly see the difference between objects that do and do not have antialiasing applied. • Set text in Pho ...