Colorize A Black And White Image Photoshop Tutorial


: 8

After this tutorial, you will be able to turn this:

Into this:

The key to a good result is in a good clean source image. The cleaner and better resolution the original source, the easier it will be to work with and the better it will end up. Take particular care to avoid images with large blown out white sections, as these will never look right in the final image. The original I used above was around 2000 x 2000 pixels.

The nice thing about this method is the nature of adjustment layers themselves, you can always go back and change them, messing around with the colors as much as you want until it finally looks right. It also incorporates the layer mask right into the adjustment layer, so you can clean up your selection edges as you go along. It also doesn't require any pre-selection of colors or blending of colors into one another, though both are excellent methods.

Don't forget to save early and often. Colorizing is time consuming, so it really hurts when you lose a lot of work...

Now let's get cracking...

The first thing you should do with any image is clean it up. Dust, scratches, and uneven tones all need to go before you start working on it.

Use the clone brush to get rid of defects, and in some cases the healing brush can be used to add texture to blown out areas. The uneven tones will be taken care of in the levels. It's not required to do any of this, but it will definitely help out your final product. If you're not experienced with levels, this might be slightly confusing, but once you know your way around, this step only takes a couple seconds.

With a colorization, levels are extremely important. Levels can be found under Image -> Adjustments -> Levels. The levels of my original photograph looked like this:

See those low areas to the right and the left of the "mountain"? By bringing in the little arrows on the right and left (which represent light and dark values) towards the main mass, you will acheive a much better distribution of values. It should look like this before you click ok:

Before and after levels:

You can also just use auto levels, but that won't always give you the results you desire. By tweaking the levels by hand you can select just how you want your image to end up. You don't have to put the markers exactly where I did, just play around with them until it looks right to you. The middle arrow is the mid tones, which can be adjusted as well.

After you've done all this, go up to image -> mode -> CMYK color. THIS IS IMPORTANT. It won't work if you don't do this, so don't forget.

Now that you have your cleaned up image, it's time to get to work. What you need to do now is select an area to color. Just pick one (hair, skin, background, etc.), it doesn't really matter what order you do it in, you will get to everything eventually. For the purposes of this tutorial, I'll start with the skin.

Using whatever selection tool you desire (I personally just use the polygonal lasso) select all of the skin in the image, making sure you subtract things like the eyes and mouth. If you have a Tablet this step is probably much quicker. Get it close, but don't worry about getting it exactly exact, we will take care of the rough edges in a second.

Your selection will look something like this (over the whole body of course):

Now go into quickmask mode by hitting the circle-in-a-shaded-square icon in your toolbox (or just hit q). This will turn anything that you didn't select pink, and your brush palette will turn to white and black. Now you can edit it just like any regular mask (white brushing reveals, black takes away). The first thing to do is get rid of the rough edges by applying a Gaussian blur to the quickmask (usually around 5 pixels, but play around). You might want to apply some selective gaussian blurring to areas where the skin mixes with another element such as hair, to give it more of a fade instead of a harsh line. Then go around with your brush tool fixing any overlaps (the only thing that should not be pink is the skin).

It should look like this:

Hit q again and it will become a selection again (but smoother and with some feathering). You can choose to just select the entire thing in quickmask mode, but I find it faster to do it this way. It's a good idea to save this selection as a channel, in case you need it for something later. Leave the selection up.

Now for the coloring...

Now that you have your skin all selected, and your in CMYK mode (you are in CMYK mode right?), it's time to color.

Make sure your original layer is selected (it should be the only layer right now) and your skin selection (from page 3) is still up, and go up to Layer -> New Adjustment Layer -> Curves.

Name the Adjustment Layer "Skin" and click "group with previous".

This will bring up the curves dialog box, and it will add a layer to your layers palette:

This is where all the magic happens. As I mentioned before, since this is an adjustment layer, you can always go back and edit it by simply double clicking on the curves icon in your layer palette. The black and white image to the left of the curves icon is your mask layer, which can also be edited (if you need to reveal more or less skin for some reason).

By adjusting each color curve individually, you will add color to your selected area. Now you can memorize exactly which values of curves give you what color, or you can just play around and eyeball it (what I do). Raising the curve up and to the left gives you more of a color, and down and to the right less. You can also add points to the curves, and tweak the highlight and darks to be different hues, but for now I'll just keep it simple, with one point curves.

This is what my curves looked like after messing around and eyeballing the skin tone:

You can also adjust the Black levels the same way if you want your shadows to be darker, and the combined CMYK curve will adjust the brightness and darkness of the entire range.

Click OK, and your image should look like this:

Now your task is clear, the same technique is used for every other object in the picture (with different curves of course). So I'll just quickly run through the rest.

Next I'll do the background. Same technique, select, quickmask, blur, edit, reselect.

Once again, Layers -> New Adjustment Layer -> Curves


Your curves dialogue will come up again. I wanted a blue color, so I raised the cyan up a ot, raised magenta a little and dropped yellow a little. I also wanted it to be lighter, so I dropped the CMYK curve down a little. I actually used multiple point curves, but I'm keeping it simple.

The curves:


Next step is hair. New Adjustment layer, etc. It looked like brown hair would work the best based on the original, so I went with that. Raised magenta and yellow up, some small tweaks to cyan and CMYK, raised the black a little. I have no formula for colors, just keep messing around until it looks good. And remember you can always go back and edit it later.

A key point with hair: When you have whispy hair that partially covers skin or background or whatever, you will want to go to your mask layers and use a the brush tool to work with the layers until you have no overlap. You can also selectively blur, smudge, and use greytones in the mask. You want to avoid color overlap, because it creates an obvious line of color across a section of your image and makes it look bad.

A note about eyebrows: If they have black eyebrows, you can just color skin tone right over it, otherwise, color it the same as the hair and make sure you have no skin tone/hair color overlap.

Getting close:

Finishing up coloring all the main objects, same technique of course. Always add a new adjustment layer for each item.

Eyes: I lost some points in the last colorizing contest for having too bright and saturated eyes. Look at some reference pictures when deciding on colors.

Lips: You can make them look like they have lipstick or not depending on the amount of colors, overall brightness, etc. If they have teeth, don't just leave them black and white, give it a light cream color.

Clothing: In my particular picture it was a black dress, so I raised the black levels up a little to avoid some grey sections. It's usually a good idea to raise the black levels up when doing clothing, or any black area just become a darker tint of whatever color you make the rest of the clothing.

Jewellery: Instead of just leaving it B&W I gave it a blue tint, and raised the black levels to give it a more 3D look.

Now you are almost done:

But wait, there's more...

For this image, I added two new (regular) layers and put them on top of the original. One I set to overlay mode, and painted in some pink/red highlights on the cheeks, bridge of the nose, chin, and forehead, then lowered the opacity until it looked good. I also added a small white gloss layer to the lips.

Your final layers look like this:

The original on the bottom, your two tweak layers, and one adjustment layer for every item you colorized.

Your image is now fully colorized. If any colors look off, simply go back into the curves and change them. I would suggest leaving it for a couple hours, and then coming back to it for some more editing. It's amazing how your perception can change once you haven't been staring at it for a while. It's also good to get some outside opinions.

Done at last...

Your final work should look something like this:

This may seem complicated, but it's really not. All it boils down to is selecting a part of the image, moving some curves around until you get a color you like, and repeating. It's all about trial and error, everything in your .psd can be edited if you don't like how it turned out, tweak a color here, add some yellow there, it all just boils down to your eye for color.

It's actually quite simple stuff. This was my second colorization ever :)

Photoshop tutorial by Elysium originally posted on Worth1000.

Looking for more tutorials, try this one or visit for more helpful hints and tips to boost your designer skills

Looking to earn from your graphic design skills?
Check out the design jobs board and start earning today!

Written by DesignCrowd on Monday, June 6, 2016

DesignCrowd is an online marketplace providing logo, website, print and graphic design services by providing access to freelance graphic designers and design studios around the world.