Computer Color, Step by Step

by Quinn Supplee, Poison Frog Color Design

I'm assuming you're using Photoshop 3.0 or 4.0...

1. We usually scan original art boards (11x17) as 300 dpi bitmaps. If the artwork is 8x10 or so we'll scan at 600 dpi.

2. Make a copy of your original scan and put it in safe place. Then re-size the lineart to 150 dpi (or 50% of the original dpi, whichever is higher). This saves memory.

3. Convert the bitmap scan to greyscale, then to RGB (this also saves memory rather than working in CMYK).

4. Turn on CMYK preview (so you can get a better sense of how some colors will print).

5. Select all.

6. Copy.

7. Make a new channel by double clicking on the little page icon on the channels palette.

8. Name this channel "lineart".

9. PASTE your lineart into this new channel.

10. FILL the RGB channels with white to eliminate the lineart from these channels.

11. You now have a the lineart in a separate channel from the colors so it won't get painted over. You can see it by turning on the little eyeball in the channels palette.)

12. Color the page, using ALL FLAT TONES. NO BLENDS! (YET.) Keep all the contiguous colors different from each other. (That is, don't make two things that touch the same color.) Use the lasso to select shapes and fill (use alt+delete keystroke) them with flats. Make sure you DON'T have any anti-aliasing turned on in either the lasso tools or the pen/brush tools.

13. This all-flat version of your page is used as a mask, to help you re-select these shapes once you've blended them. So Select all and Copy.

14. Make another new channel like you did for the lineart.

15. Name it "flats"

16. PASTE your entire page into the flats channel. It will come in greyscale (because each individual channel is a greyscale image).

17. Now you can go ahead and render your page in the RGB channels. You can always come back to the flats channel to re-select something with the magic wand set to 0 tolerance, no matter how blended the shape is.

18. While you are coloring, you don't need to worry about being careful under the blacks. Here's how to fix it automatically. Save your file, so you can revert if it messes up...

19. Load Selection (from the Selection menu), and check the "invert" button. Select the lineart channel from the list (it should already be selected if it is the next channel after RGB). This will make a marquee selection of all the lineart.

20. From Selection menu, pick Modify:Contract. Enter a value of 4 pixels. This will "choke" the lineart to prevent fine lines from underprinting.

21. Pick the color 70C, 50M, 50Y, 0K (a standard underprinting grey color for most papers).

22. Fill the selection with the grey. This will back up your blacks.

23. When you're sure you're done, and won't need to make any more changes to your colors, Save your file again.

24. Throw away your flats channel. You won't need it anymore.

25. Convert your file to CMYK (we use UCR separation mode in the Color Separation Preference).

24. Now you need to up-res the color to match the original lineart. Re-size the image to 300dpi (use bilinear (best) mode in PS4.0).

25. Open your original line art file. Select All, Copy. Close lineart file.

26. Make another new channel on your color file. No need to rename it because it is temporary.

27. PASTE the hi-res lineart into this channel. It should fit the color perfectly.

28. Activate ONLY the Black (K) Channel and Load Selection. Pick lineart, and Invert.

29. FILL this selection with 100%K. It will merge the Lineart with the K-tone in your image.

30. Throw away the temporary channel you made to hold the lineart.

31. Now you have a finished, 300dpi, CMYK color separated file ready to send out! In regards to file format, we save in PSD while we're working (so we can save layers) and then save as LZW compressed TIFFs for output to the printer. We also sometimes save as Max Resolution JPG to send files via modem. TIFFs are preferred, though. Some people don't like to LZW compress them because it takes a lot longer to open and save them. But they are way smaller than uncompressed.

I hope I haven't left out any crucial steps... :)

And of course with Photoshop there are a million ways to do anything, so there are lots of other ways that you can accomplish more or less the same results. But this is the method we've developed through trial and error, and from feedback from lots of other colorists. Good luck with your coloring! You can fire more questions my way and I'll answer them as I have time.

Well, good luck!

Quinn Supplee
Poison Frog Color Design