Friday, February 13, 2009

Flying Through Color Space - uFlash Presentation

I recently gave a presentation at uFlash, the local Adobe Users Group for the Flash Platform. I titled the presentation Flying Through Color Space: Color Management and Flash. In the presentation I gave an overview of what color management is, how it is used in computers, how it is used in browsers, and about the new color correction feature in Flash Player 10.

I became interested in color management when I noticed weird things happening with my images' color when I put them up on the net. One image in particular that baffled me was this one that I took at Chas and Kirsten's wedding.

Image as it appeared in the browser.

I spent a long time on these images developing them to get their colors looking great then when I put them up online the color became desaturated and muddy.


Take a look at these two close ups. The left side is how the image appeared in the browser and the right is how it appeared before I uploaded the image. The roses on the right are so vibrant and the reds so delicious, but on the left it looks like their starting to dry up. Kirsten's hand on the right looks like it has blood in it, but on the left it looks as though she's sick.

The presentation was recorded on Adobe Connect and you can watch an online recording of the presentation in these two parts. The sound is occasionally very choppy but if you can get through it there is good information in there.
http://experts.na3.acrobat.com/p24419633/
http://experts.na3.acrobat.com/p77415933/

As a side note, I had fun designing the template for the slides of this presentation. I looked online for a template to use but most presentation templates are either too loud/busy or they're too plain, so I made my own in Photoshop.

Update: Here's a sum up of the color correction feature for Flash Player 10.

With color correction turned on for Flash player 10 Flash assumes that all images, and all colors on the stage, are in the sRGB color space and treats them as such on systems that have color managment (Windows and Mac have it, Linux does not, and devices may or may not have it).

The way to use this is to convert all your images and colors into the sRGB color space before you bring them into Flash and turn on color correction (stage.colorCorrection = ColorCorrection.ON;).

Doing this is the most consistent method out there for displaying your images on the web and have them viewed on different systems.

1 comments:

Anthony said...

The only color difference I can see in either picture is the yellow flower. But I live in a world devoid of color and happiness.