Final Results

Here is an example of a comic strip panel with the final results. In the tutorial I will be using Photoshop CS6, but the tools are available in previous versions.

final-comic

Step 1

Open up your black and white artwork, making sure the line art is on a separate layer than the background layer, as seen in the example. This method works best with simple comic-style artwork, but can be adapted to other styles. We’ll be adding the color to the bottom layer, so make sure it’s selected.

step-01

Step 2

With the background layer selected, pick the Magic Wand tool (W). Make sure the settings are: Tolerance: 0, Anti-Alias: Unchecked, Contiguous and Sample All Layers: Checked.

step-02-wand

Click on the area of artwork you want filled with color.

step-02-selection

Step 3

Now don’t fill the area with color yet! You will notice the marching ants are inside the boundaries of the line art. We want the color to fill a slightly larger area. To fix this, go to Select > Modify > Expand and pick somewhere between 3-5 pixels. This will ensure there’s no white left when we fill.

step-03

Step 4

Fill the area with your desired foreground color using Opt + Shift + Del (or Alt + Shift + Backspace for Windows).

step-04

Continue this for each area of artwork until it is fully colored. Any areas that the Magic Wand didn’t select properly can be quickly selected and filled using the Lasso tool.

step-04-colors

Step 5

Now for the shading. Pick the Lasso Tool (L) and create a shape that will become the shadow. You want to give the object conjure and shape, so make sure the selection gives that impression, as seen below:

step-05

Step 6

Pick the Paint Bucket Tool (G), making sure the Mode is set to Multiply, Opacity: 65% (or lower), Tolerance: 0, Contiguous: Checked, with Anti-Alias and All Layers: Unchecked.

step-06-bucket

Now with a foreground color of 50% gray or lighter, fill the selection with the Paint Bucket. Continue Steps 5 & 6 until your flat colors have the desired shading.

step-06-fill

Final Results

final-comic[1]

Tutorial by Adam Casalino

adamcasalinoAs you can imagine, adding more levels of shading will yield greater detail. Try applying it to other types of designs and see what you come up with. I hope you found this tutorial helpful. You can check out some of my other work over at my webcomic: The Wizard of Quippley.

- Adam Casalino