Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your 7 Day Free Trial Start Plus Trial Maybe Later
How to Colorize Black and White Images in Photoshop
  • By Design Bundles
  • 14 Mins
  • Photoshop Tutorials

How to Colorize Black and White Images in Photoshop

Vintage or black and white images are elegant and classy. But sometimes full-color images are more lively or better suited for your design.  Photoshop provides the tools to add colors to your black-and-white pictures. You can even create your own customized color image. Follow our tutorial on how to colorize black and white images in Photoshop.
For this tutorial, we will use a smiling baby photo to work with. You may also want to use a reference color image for the skin and hair tones if working with a portrait.
 


Color the hair


Step 1 - Create a New Solid Color layer


First, we are going to add some color to the hair of the subject using a fill layer. 
Take into account that the colors and blending modes will differ from image to image. If you chose another image, colors and modes may be different from what is used in this tutorial. 
In Photoshop, open the image you have chosen. Click on the small black & white icon at the bottom of the Layers panel to create a new Solid Color fill layer.
Add solid color fill layer in Photoshop
We used a medium yellow (#f0d885) as the fill color.
Solid color full layer in Photoshop
Next, change the Blending Mode of the layer to Soft Light. Then invert the Mask (Command/Control + I).
Soft light in Photoshop
The fill color becomes black while the color on top of the image will disappear.
Invert mask in Photoshop
 

Step 2 - Use a brush on the mask to bring out the hair color


Now, to bring out the hair, select the Brush tool (B). Choose white as the Foreground color, and use a medium brush soft. We used 100 px approx and 0% Hardness.
Brush tool in Photoshop
Start painting on top of the hair to add color to it. If you want to correct something, just change the foreground color to black and erase the portions you don’t like. Reduce the brush size and its opacity if needed.
Color mask in Photoshop
 

Add color to the skin


Step 1 - Create a Color Balance adjustment layer


Create a new Color Balance adjustment layer on top of your subject layer. Play around with the values for all the Tones options such as Midtones, Highlights, and Shadows. Carry on until you achieve the proper skin tone.
Color balance adjustment layer in Photoshop
 

Step 2 - Use a brush on the mask to bring out the skin color 


Change the Blending Mode of the layer to Soft Light. Invert the Mask for this layer (Command/Control + I) and use a soft brush to paint the parts where the skin is. You can always adjust the values of your tones in the Properties panel to fix the color if needed.
Remember, to make a correction, change the foreground color to black and erase the portions that need it.
Soft light blending mode in Photoshop
 

Step 3 - Duplicate the Color Balance layer to add details


To add some details to the skin, duplicate the layer (Command/Control + J). Then lower the Opacity to about 60%. Fill the whole mask with black again by selecting it (Command/Control + A) and then hitting the Delete key.
Select all in Photoshop
Then, use a large and soft brush with an opacity of about 20%. Paint some details under the eyes, around the nostrils, etc. They should be placed where you would normally find color imperfections in a person’s skin.
Brush settings in Photoshop
 

Color the lips


Step 1 - Create a Selective Color adjustment layer


To color the lips, let’s create a new Selective Color adjustment layer on top of the skin layers.
Selective color adjustment layer in Photoshop
Lower the Opacity of the layer to around 45%. Then adjust the Neutrals and Reds to create a pink shade for the lips.
Selective color layer settings in Photoshop
 

Step 2 - Use a brush on the mask to bring out the lip color


Invert the Mask for the layer (Command/Control + I). Next, paint on top of the lips with a soft brush with a low Opacity (about 75%).
Brush settings in Photoshop
 

Adjust the overall colors of your image


Step 1 - Create a Vibrance adjustment layer


To brighten up your image, create a new Vibrance adjustment layer on top of everything.
Vibrance adjustment layer in Photoshop
Then change the Vibrance value to +57.
Vibrance settings in Photoshop
 

Step 2 - Create a Curves adjustment layer


Create a new Curves adjustment layer in between the Hair and Skin layers.
Curves adjustment layer in Photoshop
Use the Linear Contrast (RGB) preset in the Properties panel.
Curves layer settings in Photoshop
 

Step 3 - Adjust the curves layer Blending Options


Double-click on top of the layer’s thumbnail to open the Layer Styles panel. Go to the Blending Options tab . Now split the blacks lever of the Underlying Layer by holding the Alt/Option key. 
Then, move them to the right, to the portion where the dark grey ends. Splitting the lever will make the transition smoother.
Next, move the whites lever to the left without splitting it.
Layer styles in Photoshop
 

Color the eyes


Step 1 - Add a new Color Fill layer


Create a new Color Fill layer on top of your subject, which will be the background layer. Use a color that will be appropriate for the eyes as a fill. We used a medium blue #3184be.
Color fill layer in Photoshop
 

Step 2 - Use a brush on the mask to bring out the eyes color


Change the Blending Mode of the layer to Color and invert the layer Mask (Command/Control + I).
Color blending mode in Photoshop
Use a soft brush with a low Opacity to paint the eyes. Trying to avoid the white highlights inside of them.
Color eyes in Photoshop
You may need to lower the layer’s Opacity to tone down the eye color. We lowered it to 50%.
Reduce layer opacity in Photoshop
 

Color the Clothes


Finally, we can add some color to the clothes. Create another Color Fill layer on top of your subject (background layer). Fill it with a shade that will look good on your subject’s clothes.  We used a bright blue #038ef9. Then, change the Blending Mode of the layer to Soft Light and lower the Opacity to 80%.
Next, also invert the layer mask for this layer (Command/Control + I). Use a soft brush to paint on the clothes. If you want to correct something, change the foreground color to black and erase where needed.
Color fill adjustment layer in Photoshop
If the clothing color is too bright, you can reduce the layer’s Opacity a bit more. We reduced it down to 65%.
Reduce layer opacity in Photoshop
 

Final touches


Step 1 - Adjust colors if needed


It’s time to give our image a final look by adjusting a few settings. We adjusted some of the colors, blending modes and layer’s opacity to make the image more realistic.
Adjust changes in Photoshop
 

Step 2 - Group your layers


We want to group our layers so they will be easier to handle. Select all your layers with the exception of the original one (Shift key). Make a Group by clicking on the small folder icon at the bottom of the Layers panel.
Group layers in Photoshop
The image below is the final result of the color retouching. The colors are nice and smooth while the overall look is fairly realistic.
Colorized image in Photoshop
Here is a before and after look at our image for comparison.
Colorized image before and after in Photoshop
Next up, learn how to replace the sky in photos, how to swap faces in photos, and how to create a dreamy glow in Adobe Photoshop.

6 Related Photoshop Tutorials

This technique is great if you have scanned image with not a clean background to remove.1- Open photoshop.2-Select the Jpeg file you want to remove the background from.3- In layers, select the eclipse icon and select Brightness/contrast.4- Adjust the contrast to make the background as ...

For this tutorial you will need an Image or Portrait to work with. Is better if it has a neutral “Background”.1 - In Photoshop, open the image you chose.2 - Select the “Pen Tool” (P), choose “Path” in Top Menu and start adding “Anchor Points” around the parts of the ...

1 - In Photoshop, open the Image you chose to work with.2 - Go to the “Adjustments Panel” and create a “New Black & White Adjustment Layer”. Tweak the different values until you are happy with the results.3 - You can also use some of the “Presets” included in the “Properties ...

For this tutorial, you will need an image or portrait to work with Its better if your image is Black & White or will be easily converted into. We will cover two ways of achieving it, one only in Photoshop, and the other with “Image Trace” in Illustrator.1 - In ...

For this tutorial, we will use the portrait of a person to apply this effect to. We will also use some “Cracked Dirt” and “Grunge” Textures to achieve the effect. The Tutorial is divided it in two parts, "Part 1" shows how to create "Cracked Skin".(1) 15 - Create a “New Layer” ...

*Note- SCAL4 Pro used1- Open SCAL4 software.2- To access the trace function, you can either select Trace in the top toolbar (1), or you can go to File > Trace Image(2).3- A new window will appear. Click on Choose an Image.4- Find your black and white image ...

You may also like

Help Center
ol image