How to Selectively Color part of a Monochrome Image Using Photoshop
I had such a good response to my first tutorial that I thought I would have a go at doing a second one. This time I thought I would show you how to selectively colour an image.
We are going to take a colour photograph change it into a black and white image. We are going to select a part of the image to reveal the original colour to accent a selected part.
Accenting a monochrome image with a splash of colour draws the eye to the key area of the photograph. It helps you to focus the viewer on the part you want your viewer to focus on.
I am self taught and there are other ways to get this effect. Some of these ways are possibly better than the one I am going to show you.
But I am going to share with you in the best way I possibly can the way that I do it. Hopefully if you follow the steps I show you then you will be able to do this on any of your own photographs.
Selective Colouring is an effect used to great effect by many wedding photographers.
I have often seen photographs with the bride in black and white with her bouquet in colour. This is a pleasing and impressive effect which has proved to be very popular with brides.
I haven’t got a wedding photograph as an example. But here is one I took when I was walking the dog. It is of a man carrying a burden in the Spanish countryside and I think it illustrates the technique well.
An example of a colour accented photograph
I will use a before and after photo so that you can see for yourself the kind of result that you can expect to get. All you have to do is follow the steps laid out in this tutorial.
I know that a lot of people are already familiar with Photoshop and already know how to operate the software. But please be patient with me as I go step by step stating what to you might seem obvious.
I know that often in other tutorials there is an assumption of some knowledge.
Often the assumption of prior knowledge even of some quite basic stuff is wrong.
In my case this led to some really good tutorials being of no use to me at all. They were no use because they started from a point that was already beyond my ability.
I could nearly always follow what they were doing in the tutorial. But I couldn’t do the same because I couldn’t even get to the starting point, using layers being a case in point.
I will try to cover all aspects of the process with illustrations of the steps. Hopefully even a complete novice will be able to follow it.
The Before Photograph
This is the photograph that I am going to use to illustrate this technique. Please feel free to use this image when you try this out for yourselves.
Make a copy of the Before Photograph by placing your cursor on the photograph and right clicking. Right clicking will give you a drop down menu select the ‘save picture as’ option. Click save the image and place it where you can find it.
Normally when I am working on something I make a folder on my desktop. I put all the photos that I am using then I can go strait to them.
I chose this particular photograph as I thought that it would be fairly easy to use. The part that I have chosen to accent is clearly defined and easy to identify from the rest of the photograph.
The Before Photograph
The After Photograph
You can see quite clearly how using this technique greatly changes the impact of this photograph and draws the eye straight to the flowers.
The flowers pop right out of the monochrome background giving the photograph much more impact.
The After Photograph
Open the Photograph you want to work on
Open Photoshop and select the photograph that you are going to work in my case it is the before photo above.
To open your chosen photograph go to the top left hand side of the screen put your cursor on file and you should now have a drop down menu that looks like fig one
From this drop down menu chose the option Open which is the one highlighted in blue on fig one
Then locate your photograph and select it.
If you have chosen to use my Before Photograph you should now have a screen that looks like fig two below.
Open a New Adjustment Layer
Now we are going to open a new adjustment layer.
We do this by going to the layer pallet
The layer pallet is located on the lower right hand side of your screen and looks like fig three.
You will notice that there is a cross alongside the layer tab which signifies that this is the tab that is open.
If the cross is not alongside the layers tab, don’t worry. All you need to do to select the tab is place your cursor on it and click. The layer pallet will open up and it should look like fig three.
Along the bottom of this layer pallet you will see some small icons.
To open a new adjustment layer we are going to click on the one that looks like a circle that is half white and half black. This it the icon which will open our layer.
I have highlighted the icon in blue to help you identify it.
Select Black and White Option
Click on the circle icon and you will get a drop down menu that looks like fig four
From the list of options on this drop down menu select the option Black and White….
Once you have clicked on the adjustment layer icon and selected the black and white option a new box will open up. Your screen should now look like fig five.
Make sure that the preview option has a tick next to it. If it has not just put your cursor in the box next to it and click to select.
If preview is not selected you will not see the changes that you have made until after you have clicked ok. So it is important that you have preview selected.
This way you will be able to see how the image changes as you move any of the sliders.
You will notice that my photo looks a little dull so I just moved the yellow slider to the right hand side until it looked a bit brighter the figure against my slider after I moved it read 95.
If you are not pleased with the way the black and white image looks try clicking on the Auto button which is one of the options on the right hand side of the box.
If you are still not happy with the image play about with these sliders until you get the black and white image that you are pleased with.
When you are satisfied with the result click ok and your screen should now look like fig six
Don’t worry if you mess up and don’t like what you have done to the image click on Auto and it will take it back to the computers idea of what it should look like.
Remember this is your image and it only has to please you so have fun messing with the sliders until you get the look that satisfies you.
You can see in fig six that the layer pallet now has two layers. The new Adjustment Layer is highlighted in blue showing that this is the active layer.
We shall be working on this layer so make sure that it is this layer that is highlighted.
If not you will be working on the layer underneath instead. You will not get the desired effect and plus you will be painting on the colour layer underneath.
Fig seven illustrates what the layer pallet looks like when the other layer is selected . Then instead of uncovering the underlying colour you will being doing something else.
You can see on the flower where I have painted there is a part that has been coloured grey.
The part I coloured is not a solid colour because my brush was only set on about 40% opacity at the time. If it had been set on 100% then the colour would be solid. Then where I painted would have obscured the flower underneath.
I will click on the eye icon on the adjustment layer. This will make this layer invisible so that you can see what has happened.
You can see from fig eight how I have painted on the underneath layer.
If you switch the visibility off don’t forget to switch it back on again. To turn it to visible click in the empty box at the side of the Adjustment layer so that the eye and the layer will reappear.
How to put things right
If the above has happened and you have made a mess of it you don’t have to worry it is easily put right.
To put it right go up to the top left hand side of your screen. Click on Edit and choose the Step Backward option on drop down menu see fig nine
Just keep on stepping backwards until you reach the point where you started to go wrong.
Select the brush tool
After making sure that the Adjustment layer is active your layer pallet will look like that in fig six.
Go over to the left hand side of the screen and select the brush icon see fig ten.
Most of the icons on the left hand side of the screen have a tiny little triangle alongside the tool icon.
The tiny triangle means that there is more than one option available on this tool.
Put your cursor on the brush icon and right click. and a drop down menu will appear with three options choose the brush tool. See fig ten
I have highlighted the brush to select.
Up on the top of your screen now is the brush tool bar
Mode should read Normal
Opacity should read 100%
Flow should read 100%
If any of these settings are not correct then just go to the little blue tick box that is along side each icon.
Click on the item that you want to change if it is the mode you want to change Normal is the first option on the drop down menu.
To change the Opacity or the Flow move the slider right over to the left until it reads 100% in the box.
See fig eleven to see what you now should have on your screen.
Revealing the colour
One more thing before we begin to paint.
Go down to the bottom left hand side of your screen to where you can see the colour that is currently selected.
In fig twelve you will see that black is the foreground colour and white the background colour.
If yours is not the same just click on the miniature icon directly above the box. This should give you the default colours of black and white. If the white box is on top just click on the two headed arrow icon next to it and this will switch the colours over.
We are working on a mask. So black will reveal the underlying colour when we paint and white will conceal it.
We are now ready to begin painting on the petals of our flower to reveal the yellow underneath.
If you want to zoom in on the image just click on the magnifying glass icon which I have highlighted in fig twelve
Take your brush make it what ever size you want to work with. To change the size go up to the top left hand side of the screen.
Click on the triangle that is next to the number shown by the Brush see fig eleven
Move the slider to the right to increase the size and to the left to decrease the size.
When you are satisfied with the size of your brush begin to paint the petals of the flower.
Don't forget to use black so that the yellow of the flower in the layer below will be revealed.
Don’t worry if you go over onto the green of the leaves. Using a mask does not harm the layer itself.
So if you have colour showing that you don't want it is easy to undo. Just switch the brush colour black to white and paint over what bit you want to conceal again.
The white mask on the active Adjustment Layer will show the shape in black of what you colour see fig thirteen.
Where I have painted in black the yellow on the level below has been revealed in the image. The corresponding shape in black has appeared in the mask icon in the layer pallet.
Just take your time and reveal as much or as little as pleases you.
I hope that in the future you will get a lot of fun out of playing with your own photos using this technique.
More by this Author
How to use the Patch tool in PhotoShop - a very basic step by step tutorial. This tutorial will take a beginner through the whole process with clear easy to follow instructions. Each step you have to do is illustrated...
A novice? This easy to follow tutorial is for you because even a novice will have no difficulty following the Step by step instructions. Every click of the mouse is highlighted & illustrated
Working class life in England in the 1930's. What life was like for a typical working class family in Birkenhead during the 1930's.