If you already asked yourself why your pictures were not the same colors when you send them via mail, or why they don't look the same on the internet and on your computer, this tutorial is for you.
It's been 19 years now that I use Photoshop for movies, prints on paper and the internet. Photoshop is pretty straightforward, but there's a few things that were always difficult to handle. The color settings is one of these. It's a very important point, and I'm always surprised to see how little artists actually know or care about it!
Here's a picture seen on my mac with basic color settings, and exactly the same when seen on a basic browser on the internet. Do you see the point?
When you draw on a piece of paper, a picture is a picture and what you see is what you get.
But you always have to adapt to the color of the paper (never perfectly white) and the impediments of the medias ( no luminous red in gouache).
On your computer it's just the same. There's parameters. At some point programers found interesting to try to counter balance the picture you have on your screen with color settings, to fit some use or another (web, print, cinema). It's like, the temperature of color is so and so, but it displays differently with different color settings. Talk about a pain for the color lover.
There's color settings on every steps of a picture process, and very little people are aware of them. Your scanner will apply one set, then the software you use, then the printer, and sometimes the internet browser. It's very difficult, even for professionals, to be aware of every steps. If it's not consistent form beginning to end, the colors will change and it can be a huge problem.
There's 3 kinds of color settings in Photoshop. You will have settings that applies to the software itself and the way it displays pictures. You will already have some settings on the picture itself, or you can apply some in Photoshop. And then you will have the possibility to export your picture in a setting or another.
Weirdly enough, the way to change the color settings isn't the same from one Photoshop version to another. Please check your documentation for more information.Before doing any picture, check the settings (shift+command+K) or choose edit>color settings in newer versions, looking in the preferences for older versions. Choose according to your needs. For the internet, it's better to choose sRGB, even if some browsers like Safari are able now to detect a different profile.
I'm not really fond of SRGB, but I had to adapt myself to it because it's the default one in numerous applications (baaah). Then make a new picture according to these settings, or open a pre-existing one. Say yes when asked to convert to the new settings. Color will look different sometimes, it can even be a HUGE surprise. Correct accordingly. You a can also assign (dangerous) or convert (better) an opened picture to the new setting (look in the Edit menu to find these options). Photoshop has also a specific module for saving for web and devices (File > Save For Web & Devices)
It's different in each version, but basically, look around until you have found the "convert to" and"saves as" sRGB option. It doesn't exist in all the versions. If you have an older version (pre CS3), make sure you converted your picture in sRGB first. If you don't pay attentions and build a picture in Photoshop with unadapted color settings ( like Adobe 1998 instead of sRGB for the net), then it might appear different on a media that accepts only sRGB. I learned it the hard way with Non Dairy and had also the problem with my first Moo Cards. It is important to make sure that, in and out, all your color settings match.
In conclusion, I recommend to ALWAYS check with your client what kind of color setting they need for the finished product. If the client doesn't know, choose sRGB by default, and ask for test prints if possible.
(dites si vous ne comprenez pas, demandez dans les coms, je ferais une traduction, mais la je n'ai pas le courage d'y passer les heures nécessaires, merci!)
Friday, July 16, 2010 at 9:53 | by ;)
;)
;)
;)
;)
;)
;)
