Skip to main content

The Pen to Web Tutorial by Quinn Fleming

Part Two - Color

The Magic Wand

Step 7 - The color layer

In this step, we'll prepare the Color layer before placing colors.

First, make the Line layer invisible and the Color layer visible. Next, duplicate the Color layer. A quicker way of doing this than the previous use of menus is to right click on the layer in the layer window and select Duplicate Layer. Rename the lower of the two Color layers something along the lines of "Background" so as not to mix it up with the actual color layer. Make the background layer invisible (so that now the Color layer should be the only one visible).

Fit the image to screen so that you can see the whole thing (Ctrl+0). Next, choose the magic wand tool. The magic wand is a selection tool that selects similarly-colored/shaded areas that touch each other. At the top of the screen, you should see a Tolerance option for the magic wand tool. Turn it up to 200. Make sure that the anti-alias and contiguous buttons are checked and the use all layers button is unchecked.

Now click the magic wand somewhere in the white space surrounding the character. It should select all the space around the character, but not the black lines or the inside. If it does select some of the inside portions, turn the tolerance down to 160. Once you have your selection, hit backspace to delete the surrounding white space. Go to Select>Deselect (Ctrl+D/Windows; Cmd+D/MacOS) to discard the selection.

Zoom out. Your character should be colored white over a transparent background.

Step 7
originalb&wcolorshading