Another CMYK separation in 3D

10 Nov

By putting each channel on a 3D plane with a slight depth offset and set the planes to blend using the “multiply” blendMode, you’ll get an impression of how CMYK separations are done for printed media. While not technically correct, it works much in the same way. Just move the camera a little to see the blur effect that happens in newspapers when the colors miss.

I did this experiment as an example for an upcoming Away3D tutorial I’m writing for Flashmagazine. Rather than using the Munch image, I wanted an image where you could clearly see the difference in the C, M, Y, K color channels, so here I’ve used a color wheel that Adobe’s John Nack published of the CS3 icons.

This content requires Flash Player 9 (or a more recent version). You need to upgrade your Flash Player

Click and drag to see the CMYK color layers. I’ll publish the source files for this one when the tutorial is done. Click here for a much larger version.

I used a slightly different approach for creating the color channel PNGs this time and I think this became even more alike the original this time. I Google’d a lot to figure out how to do a proper separation of the channels to PNGs with transparency, but I’m sure there must be a better and easier way than what I did. If you know how to produce PNG files holding only the color information, feel free to leave a comment and I’ll try it out.

10 November 2008 at 6:01 pm

1 Responses to Another CMYK separation in 3D

  1. avatar photo
    David R 10 November 2008 at 11:34 pm #

    Neat! Next you should do the color separation in flash. I’m sure it’s possible, either using ColorMatrix Filters, or perhaps Pixel Bender. And then let people open their own images (either via uploading, or if they have flash 10, let them open it directly)