Selective Colorization

Text and images Copyright (C) 2002 Eric R. Jeschke and may not be used without permission of the author.

Intention

before.jpg after.jpg

In this tutorial I will explain how to convert a color photograph to a B&W one with color restored to selective areas. With the right subject this can give really striking results, as you can see for yourself. This technique is elsewhere referred to sometimes as “hand coloring” :-)

The basic technique is to duplicate the color photograph, convert the duplicate to B&W, and paste it as a new layer on top of the color image. Add an opaque layer mask and then selectively paint transparency into the upper mask, exposing the color photograph underneath.

Giving credit where credit is due: I did not come up with this method. I adapted it for GIMP from a reader comment I saw in a “hand-coloring” tutorial on photo.net (great web site by the way, I recommend it).

The Procedure

original.jpg

Here is the original example image, loaded into GIMP.

Step 1

image2.jpg

Duplicate the image (Ctrl+D). By whatever method suits you best, convert the duplicate image to B&W. Once you have gotten the B&W version that you like, change it back to RGB mode (Image → Mode → RGB).

In this example, I tried the channel mixer, but ended up in this case preferring a simple conversion to grayscale (Image → Mode → Grayscale), then back to RGB.

Step 2

layers1.jpg newlayeroptions.jpg layers2.jpg

Open the Layers dialog (Ctrl+L). Make sure that the original color image is selected in the Image drop down box. Click on the new layer button at the bottom of the dialog. Here I’ve named the new layer “B&W” Make sure the new layer is selected in the layers dialog.

Step 3

layers3.jpg layers4.jpg

Go to the B&W image and select all, then copy (Ctrl+A then Ctrl+C). Then go to the color image window and paste (Ctrl+V). The B&W image should be pasted into that layer, obscuring the color image. Click the anchor button in the Layers dialog to anchor the pasted image. You can close the B&W image window you just copied from now, if you want.

Step 4

addmaskoptions.jpg layers5.jpg

In the Layers dialog, right-click on the B&W layer and select “Add Layer Mask”. In the Add Mask Options dialog, select White (Full Opacity).

Step 5

toolbox.jpg brushes1.jpg image3.jpg

Make sure that Black is selected as the foreground color in the toolbox. We’re going to paint transparency into the layer mask to reveal the color image below. Bring up the Brushes dialog (Dialogs → Brushes) and select a big brush. In the toolbox, select the paint tool (paint.jpg). Begin painting the interior of the parts you want to be in color.

Step 6

image4.jpg

When you get to the edges of the colored part, zoom in to make life easier.

Step 7

brushes2.jpg image5.jpg

At the very boundaries of the colored image I typically zoom in to 300% or so. Switch to a small, feathered brush and very carefully paint the edges.

If you only paint a little at a time it makes it much easier to use GIMP’s excellent undo feature if you accidentally stray outside the boundary. If for some reason you can’t undo, don’t worry: just switch to white paint and paint opacity back over your mistake to repair the mask.

Final Step

final.jpg

When your all done, go over the colored part carefully to see if there are any gray (opaque) specks that you missed. Then zoom out and have a look. Voila!

Tips

tablet.jpg
  • For this kind of fine paint work, a pen tablet like this Wacom one is very useful. For photo retouching you don’t need any bigger than a 4x5 model.
  • In this example I restored the original color from the color image, but there is no reason that you couldn’t paint other colors onto the second layer. Just make sure that the image is selected and not the layer mask in the upper layer of the Layers dialog (click on either the image icon or the mask icon to select the one you want to work on).
  • Try blurring the lower color layer, or running one of the interesting “artistic” filters on it (pastels, oil painting, etc). You probably want to do this before you create the B&W copy.

Other Examples

example3.jpg
example2.jpg

Further Reading

The original tutorial used to appear on gimpguru.