HTML & CSS
Article
By Corrie Haffly

Colorize Black and White Photos

By Corrie Haffly
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

Last time I talked about Photoshop’s Multiply Mode and gave an example of how to use it to color line drawings. Here, I’ll show you how you can use Multiply mode to colorize black and white photos.

I’ll start with this gorgeous black and white photo that I downloaded from office.microsoft.com/clipart (the actual downloaded image is at higher resolution than this):

--ADVERTISEMENT--

First, I’ll color the hair. I add a new layer above the photo, set it to multiply mode, and start painting away at her hair. I’ll make her blond by using different shades of light yellow, gold, and brown. (I use the lightest yellow in the natural “highlight” areas of the photo.) In the diagram below, you can see the layer in normal mode and also in multiply mode. The layer is also set at an opacity of 80%.

Next, her skin. I made another layer, set it to multiply mode, and airbrushed different shades of peach and pink until I thought it kind of looked normal.

Because I was a little sloppy with the airbrush, I added a layer mask to clean up some of the edges:

Finally, I added yet another layer and painted on different shades of blue — again, the layer was set to multiply mode.

And here’s my final result:

That took me about 10 minutes (the skin took the longest). If I were being paid for this project, I would probably duplicate the photo layer and play with changing the black/white using the hue/saturation dialog box to give the shadows more color. But then again, this is a free demo. So, enjoy!

(download the example. psd)

Next week I’ll get back to discussing more blending modes of Photoshop…

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the latest in Front-end, once a week, for free.