Tuesday, March 24, 2009

Video #13 - Coloring Cartoon Line Art in Photoshop

Some people use Photoshop channels to isolate the line work, making it easier to color only the lines. I have never really understood how to use channels. It's probably not very difficult, but I seem to have a mental block against it. Every time someone tries to explain channels to me, my eyes glaze over in my brain gets vapor lock.

magic wand selection tool digital coloring tutorial photoshop

I have my own crazy system for isolating the line artwork: Use the magic wand tool to select the background (every thing that's not the line work)...
magic wand tool digital coloring tutorial photoshop

...then use the invert command under the selection menu to invert the selection.

inverse selection tool digital coloring tutorial photoshop

Every thing that was selected is now not selected, and every thing that was not selected before is now selected. You know something is selected when it has those dashed lines moving around like marching ants.
paint brush selection digital coloring tutorial patrick photoshop

Now all of the line work is selected. Next, I use the eyedropper tool to sample the character's color off of the model sheets.
eyedropper color sampling tool digital coloring tutorial photoshop

When you're working on characters that have a consistent color design, you can't just guess at the color. It has to be perfectly on model 100% of the time.
eyedropper sample size digital coloring tutorial patrick photoshop

Now, when something has selection lines around it, that becomes the only area that can be worked on in Photoshop. If you paint over a selection, the paint will only stick to the area that is selected. So no matter how sloppy you are, it is impossible to color outside the lines when you're working on a selection. This is a great feature because it lets you color the line work really fast and loose, but it always looks perfect when you're done.
paint brush outlines digital coloring tutorial video photoshop patrick

The only dangerous thing about using selections is when you forget that something is still selected. If there is a small area on your canvas with a selection around it, you can't paint or draw or do anything else outside of that small selection area. This is one of the most common causes of "Total Photoshop Roadblock." Nothing seems to work anymore!
paint brush selection digital coloring tutorial video photoshop patrick

So make sure to always deselect your selections after you're finished working on them. You can go to the Select menu and choose "Deselect," or the quicker ways to use the keyboard commands: Command+D on Macintosh, and Control+D on Windows.
next video coloring Spongebob digital painting tutorial video photoshop
-------
In case you missed them,
here is the COMPLETE list of all eleven
Adobe Illustrator
Cartoon Inking tutorial videos:
smaller YouTube version below:

...and of course the completed Nick Mag cover art is at:
SpongeBob and Patrick Blowing Bubble Gum Nick Magazine Cover art by Sherm Cohen
http://cartoonsnap.blogspot.com/2009/02/painting-process-spongebob-cover-art.html
--------------
UPDATE: "Anonymous" left this super comment about this post:

"something you might find useful: There's a checkered button above the layer box, and when you click on it it locks all the transparent pixels, which allows you to paint the lines without going out of bounds without having to select everything."
Well, I tried it, and it works beautifully! In fact, it also solves that antialiasing problem, which means that working with antialiased line art will work after all! When I get a chance, I'll go back and put that info into the video ^_^
I love it when you guys share your tips!