If your lines are black, you can paint directly on the same layer if you set your Brush Mode to Darken or Multiply
DOWNSIDE: It's really hard to fix errors, and you can't paint a lighter color over a darker color.
Color Over Lines
Add a layer above the line artwork and set its blending mode to Darken or Multiply
UPSIDE: Easier to fix errors that previous method.
DOWNSIDE: You'll probably need to fill the line art layer with white to keep things behind the line and color layers from influencing them.
Color Behind Lines
Add a layer or layers below the line artwork and paint on it, allowing the line artwork to overlay the colors
UPSIDE: The most flexible of the three techniques so far.
DOWNSIDE: More prep-work than the previous two techniques. Also, you have to be careful to stay inside the lines and it's harder to use things like the Gradient tool.
COOL TRICK: You can add a layer above the line art and set its Blend mode to Lighten or Lighten Color to colorize the black lines.
Color In A Layer Clipping Mask
Clipping masks are very powerful in Photoshop. They let you use the artwork on a layer to limit the visibility of linked layers above it. The color of the masking layer doesn't matter, only its opacity
UPSIDE: Even more flexible than the four techniques so far. About the same amount of prep-work as Color Behind Lines. Once created, you can paint past the edges of the area you want to paint.
Color In An Alpha Mask
Alpha Masks are also very powerful in Photoshop. You can create them with the Lasso tools, Marquee tools, Magic Wand and Quick Selection tools. You can save them in the Channels panel. Once a Channel, you can even paint them with a Brush or modify them with any of Photoshop's tools.
The advantage of an Alpha Mask is that only the area inside the mask will be affected by actions in Photoshop. Actions like painting with a brush, creating a gradient, applying a filter or effect, and any other action that changes the color or transparency of a pixel.
UPSIDE: Very flexible and quick to create (sometimes).
DOWNSIDE: Easy to get wrong.
Black, gray, and white pixels in an Alpha Mask channel
Green filled into the Alpha Mask over solid red
An example of how pixels are affected by an Alpha Mask.
Other Effects
Tinting Lines With Hue/Saturation
Review Completed Image
Useful Brush UI Gestures & Keyboard Shortcuts
Command/Control Right Click to choose the layer under the brush
Change brush size and hardness
MAC: Option + Ctrl + Click/Drag
WIN: Alt + Right-Click
Then drag:
Right to increase size
Left to decrease size
Down to increase hardness
Up to decrease hardness
Or, use the right and left bracket keys []
Change Brush Opacity
KEY
%
KEY
%
1
10%
6
60%
2
20%
7
70%
3
30%
8
80%
4
40%
9
90%
5
50%
90
100%
Press 1 to 0 on the keyboard or keypad to set 10% to 100% opacity
Flatting: A Quick & Dirty Way
I have just shown you the hard way to color in the areas of a pen and ink or line drawing. Lots of steps and alternate ways of approaching the project. It's more work, but much more flexible than the following technique. THis video demonstrates that you can also do it quick and dirty, which—when your working on a tight deadline and/or budget—might be the right and best way to do it.
The downside is you don't have the flexibilty that the methods I demoed give you. So, here's the quick and dirty way:
Make sure you've got your lines on a layer or layers of their own.
They don't even have to be on transparent backgrounds. If they aren't, just set the Layer Blending Mode to Multiply.
Create a new blank layer behind the lines (Layer 2 in the image above). If it's a layer named Background and locked, then double-click on the lock icon to unlock it, then make a new layer and move it behind the lines layer.
Using the Lasso tool, select the area you want to color.
In the video, they suggest turning off Anti-Aliasing for the Lasso tool, which makes it easier to re-select an area. Not a bad idea, but unless you intend to re-color the area multipletimes, it's not really necessary
Use either the regular Lasso tool or the Polygonal Lasso tool, whichever you're more comfortable with. If you use the regular Lasso tool, make sure you use a Wacom. If you use the Polygonal Lasso, use the mouse (much easier and more precise than the Wacom)
Once an area is selected, fill it with the color you want with the Bucket tool (shortcut key G).
Fill in all the areas. If you fill in each of the areas with only a single flat color, it's easy to re-select the area with the Magic Wand tool and change it.
Change the color with the Bucket tool (under the Gradient tool), or...