Skip to main content

Working with Photoshop’s Blending Modes to Color a Black and White Photo


I love looking at Black and White pictures...it somehow gives me a very calm feeling and intimate thoughts. However, seeing a bit of color on a Black and White picture makes it more exciting and outstanding. Thus, we see selective color photography everywhere nowadays. It usually draws attention to the subject in the photo and turns it into a work of art.
Most selective color photos are converted to Black and White,  leaving some parts with color. But, this time I want to share a "Selective Color Technique" that will color some parts of a Black and White picture.
Color a Black and White Photo

How to Color a Black and White Photo

Tutorial Details

Program: Photoshop CS5
Requirements:
  • Music: Colbie Caillat’s You Got Me (I play a song in the background as it helps me to be in the groove while working)
  • Comfy Working Table
  • Pen Tablet or your trusty Mouse
  • Black and White Image - you can get the image I have used here
First of all, study your black and white photo and decide which part of it you want to color. Well, in this case, of course, I’m going to choose the couple in my picture, because they are kissing and I’m a romantic!
Okay, so let’s start now...

Step 1

Start by creating a path using the Pen tool.
Pen Tool
Let’s work on the woman’s face first. Make sure that you carefully trace the outline of her face so you get to color it perfectly.
TIP: When using the pen tool and you’re trying to trace or crop an image, you just click and drag and follow the contour of the image.  To close the path you’re making, you should be able to see a little circle beside the pen tool instead of the “x” symbol if you put it on the first anchor point you created. (Please see the image below to check on the anchor points – they are the little squares on the woman’s face.)
Anchor Points
Once you have closed the path, you’ll be able to see the grey outline on the woman’s face.
Face Outline

Step 2

Select the Work Path.
Go to Paths tab and point your mouse on top of the layer or the path you created, and then press and hold the CTRL key from your keyboard and then click on it once you see the small square beside the mouse pointer. You should be able to see an ants trail after selecting the work path as shown in the image below.
Selection
TIP: You also have the option to rename the path by double clicking on the layer. I have named mine F face (Female face). This is for future modification so it will be easier for you to find it just in case you have created more than 10 paths.

Step 3

Choose a color and fill the selected path to create a colored layer. Go to Tools and click on the Foreground Color to pick a color. With this one, let’s try #feba8f hexadecimal to achieve a light skin tone for the woman. You may try other skin tones, but I prefer this one since they are Caucasians.
Color Picker
Once, you have chosen your preferred color for the skin from the Color Picker or Foreground Color window, click ok and fill the selected  layer with the paint bucket or press shift + backspace from your keyboard and click OK once you see the Fill window as another option.
Color Fill

Step 4

Use Blending Modes to achieve the right skin tone and make the colored layer blend into the original image. Color works well with our chosen hexadecimal #feba8f for the skin.
Color Blending Mode
But, the color needs a little more fine-tuning so let’s try to adjust the Opacity to 54%. Try to do the same thing for her hand.
Set Opacity

Step 5

Repeat Steps 1 to 4 to color the other parts of the picture like the woman’s hair, coat, bag, plastic bag and her laptop bag. Do the same thing to the man’s face, hair, jacket, knapsack, pants and umbrella.
TIP: Play around with the Blending Modes and the Opacity so you can get the right blend for each element.
Color Fill Layers
TIP: Create a folder and drag all the layers you have created for the woman inside it so it won’t be hard for you to find a particular layer later on. It’s also good to have your layers organized.
These are the colors and blending modes I used:
Female Hair: #f78f08, Soft Light, 54% Opacity
Female Hair
Female Hair Blended
Woman's Jacket: #ff18c1, Subtract, 100% Opacity
Woman's Jacket
Woman's Jacket Blended
Scarf: #ff18c1, Color Burn, 100% Opacity
Scarf
Scarf Blended
Purse/Bag: #ffe42b, Soft Light, 100% Opacity
Purse/Bag
Purse/Bag Blended
Carrier Bag: #fff36d, Divide, 100% Opacity
Carrier Bag
Carrier Bag Blended

Step 6

Create a new group for the color fill layers for the man.
Here are the colors and blending modes I used for him:
Male Hair: #663f0d, Soft Light, 100% Opacity
Male Hair
Male Hair Blended
Man's Face: #ffbb94, Color, 55% Opacity
Man's Face
Man's Face Blended
Man's Hand: #ffbb94, Color, 40% Opacity (we make the hand a little darker as there is something covering it)
Man's Hand
Man's Pants: #1a5685, Color Dodge, 100% Opacity
Man's Pants
Man's Pants Blended
Sweat Shirt: #ffffff, Soft Light, 100% Opacity
Sweat Shirt
Sweat Shirt Blended
Sleeve Patch: #1264d8, Multiply, 40% Opacity
Sleeve Patch
Sleeve Patch Blended
Knapsack: #be0620, Multiply, 100% Opacity
Knapsack
Knapsack Blended
Knapsack Straps: #be0620, Multiply, 100% Opacity
Knapsack Straps
Knapsack Straps Blended
Knapsack Accents: #ffffff, Normal, 100% Opacity (or you can erase or mask out the red from the Knapsack layer in these areas)
Knapsack Accents

Step 7

Are you happy with it? We can still do something about this to make the colors more vibrant and make them more alive.
Improve Color
You can make a copy of the Female and Male folders to achieve this look.
Improved Color
TIP: In order for you to duplicate the female or male folder, in the layers palette, drag the group to the “Create a new layer” which is beside the Trash can icon/Delete layer, and then let go.
And you can just sigh and say, it’s always nice to have that fuzzy feeling and just be in love all the time. LOVE can color your gloomy world. That's for sure!
Finished Image

Comments

Popular posts from this blog

உடல் எடையை குறைக்க வேண்டுமா ?

இன்றைய அவசர உலகின் மிக பெரிய பிரச்சனையாக இருப்பது உடல் எடை அதிகரிப்பது தான்.மனம் போன போக்கில் உணவு கட்டு பாடு இல்லாமல் கண்டதையும் உள்ளே தள்ளுவதும்,உக்காந்த இடத்திலேயே கணணி முன் நேரத்தை விரயமாக்குவதும் தான் இந்த பிரச்சனைக்கு மூல காரணமாகும். அது சரி இந்த பிரச்சனையை எப்படி இல்லாமல் செய்வது அல்லது உடல் எடையை எவ்வாறு குறைப்பது என்பதை பற்றி பாப்போம் , பல வருட ஆரய்சிக்குபின் மருத்துவர்கள்   உடல் எடைய குறைக்க மிகவும் சுலபமான உடற்பயிற்சியை கண்டுபிடித்துள்ளனர்.இது  100% பயனளிக்க கூடியது, எந்த இடத்திலும் எந்தநேரத்திலும் மிக சுலபமா செய்ய கூடிய உடற் பயிற்சியாகும்.இந்த உடற்பயிற்சிகள் படத்துடன் கீழே தரப்பட்டுள்ளது நீங்களும் முயற்சித்து பாருங்கள கண்டிப்பாக பலன் கிடைக்கும்... முதலில் நாற்காலியில் உட்கார்ந்து இட  பக்கம் பார்கவும் .. ..        அடுத்து  நாற்காலியில் உட்கார்ந்து வல  பக்கம் பார்கவும்  ....  நண்பர்கள் யாரவது மச்சி வாடா சின்ன பீஸ் ,இங்க பாரு சூப்பர் அய்டம்னு சொல்லி கால்ல விழுந்து கூப்பிட்டலோ மேற்கூறிய உடற் பயிற்சிகளை முயற்சித்து பார்கவும் கண்டிப்பாக பலன் கிடைக்கும் .

38 (new) web tools to keep you busy

For many of us, the internet represents our daily job, income resource or biggest hobby. Every day we check our emails, read our feeds, visit our websites, find and discuss new things and GOD knows what else. It requires a lot of tools to do all this stuff and sometimes, we forget to search for easier solutions losing valuable time or keeping down the production graph. It's very hard to keep track with everything that's new and popular and this is why we do monthly searches for the best web tools out there. Enjoy!  45+ Web Operating Systems "There are many more web operating systems hoping to bring all your usual desktop applications online in one place - here are more than 45 of our favorites."  15 Ways To Create Website Screenshots "15 Ways To Create Website Screenshots"  Open Source Windows "The promise of open source software is best quality, flexibility and reliability. The only way to have TRUE "Open Source Windows"is

40 Fresh & Beautiful Examples of Websites With Large Backgrounds

Using large sized pictures or illustrations as your website’s background adds a great visual appeal to your website’s design. Many web designers use large images as backgrounds as more and more users are now opting for high resolution monitors and high speed internet connections. Here’s a showcase of 40 Fresh and amazing websites that are using large background images. 1.  The Pixel Blog 2.  Copimaj Interactive 3.  Flourish Web Design 4.  Abduction Lamp 5.  Morphix Design Studio 6.  Final Phase 7.  Make Photoshop Faster 8.  WebSarga 9.  Suie Paparude 10.  Duirwaigh Studios 11.  BlackMoon Design 12.  Sepitra 13.  Le Blog de Gruny 14.  Piipe 15.  Mozi Design Studio 16.  Electric Current 17.  Lora Bay Golf 18.  Life Style Sports 19.  ligne triez 20.  Oliver Kavanagh 21.  World of Merix Studio 22.  Le Web Defi 23.  How host 24.  Productive Dreams 25.  Gary Birnie 26.  Glocal Ventures 27.  GDR UK 28.  Absolute Bica 29.  Le Nordik 30.  Leaf Tea Shop & Bar 31.  Paul Smith 32.  EwingCole