Or you can start out using Web-safe colors to build your artwork (which may save some hassle down the line) by choosing Window→Swatch Libraries→Web. You can change the colors in your previously created Illustrator artwork by choosing File→Save for Web. Use these Web-safe colors when you save your Illustrator graphic for the Web or when you first create your graphic in Illustrator. Other times, you get plaids and stripes together (and that is such a fashion faux pas).īottom line: If it’s critical that your colors display consistently (and without dithering) to as many viewers as possible (as in the case of a corporate logo on a home page), use Web-safe colors. Sometimes you get an obvious plaid or striped pattern. Sometimes the effects aren’t noticeable at all. The effects vary from computer to computer and browser to browser. If you look at the monitor from a distance and squint, you see a color that looks very similar to your original color.ĭithering is especially noticeable in large areas of solid color. The computer takes the colors that it can display and tries to emulate the missing color, putting alternating squares close together of the colors that it can display. What happens if you use a color outside of those 216? Whenever a computer encounters a color it can’t display, it dithers the colors. Yikes!) So how do you get 216 out of 256? Well, unfortunately, only 216 colors actually display the same on all Web browsers and computer platforms. (Other formats, such as RGB support up to 16.7 million colors. The catch is that you can only choose from the 256 colors that the GIF format supports. One key benefit of the GIF file format is that you can specify exact colors to use in your artwork after the artwork is created. A mere 216 colors may seem limited at first, but there’s method in the madness. If you’ve been creating for print for any length of time, you may be used to using an almost unlimited range of colors. Web-safe color refers to a set of 216 colors that look the same in all Web browsers and on all computer platforms. At least the number of colors is relatively small. Granted, Web design can seem pretty weird.
A dapper man in a dark suit steps out from behind the potted plant and tells you, “You’re traveling through another dimension.
#Man of steel and velvet book full
Suppose that you’re in a room full of Web designers and you hear them talk about Web-safe color space and the Web palette. If you create things for both screen and print, RGB gives you the greatest flexibility. So if you create graphics just for the Web, RGB documents (for more on RGB see Chapter 1) are your best bet. Colors on-screen (and on the Web, which is always displayed on a screen) consist of red, green, and blue (RGB) pixel combinations.
(More on that in a moment.) Otherwise, the creative processes for Web and print are identical.īecause you view Web graphics on-screen, you have a much better idea of how they will look after you put them on a Web site than you would if you were going to print them. The only other difference that you may find is in the color choices whenever you create a graphic for the GIF file format. The key difference is in how you save your work after you create it. Whenever you create artwork in Illustrator for the Web, you work just as always. The differences between creating for the Web and creating for print happen when you save your graphic. You can save the Illustrator file many times at different sizes, and each one will be at the best possible quality! Even though you ultimately create pixel-based graphics, your graphics don’t become pixel-based until you save or export them. But with Illustrator, you don’t have these problems. Either way, you get a blurry, lower-quality image. If you want to enlarge the graphic, you add pixels if you want to make the graphic smaller, you throw away pixels. When you create a graphic in a pixel-based program, such as Photoshop, you have to decide how big you want the graphic to be from the very start.
0 kommentar(er)
