This tutorial will show you how you can turn an image to black and white and keep a single colour range in colour. In my example the colour kept in the image will be the red of a London bus, but this process can be used with any colour on any image.
Step 1.
The image I have chosen to use is a photo of a London Bus from Wikimedia. You can follow this link to the image if you wish to try out this tutorial with the same image.
Original Image
When you have opened up the image in Photoshop. The layers palette should look similar to the below. (F7 opens the layers palette).
Layers Palette View
Step 2.
Duplicate the background layer. (Ctrl J / Apple J)
Duplicate background Layer
Step 3.
Select the background layer in the layers palette and desaturate the image (Image > Adjustments > Desaturate / Shift + Apple + U / Shift + Ctrl + U).
If you toggle the eye icon on the top layer in the layers palette you will see that the image on the canvas has been desaturated as shown below:
desaturate background layer
desaturated image
Step 4.
Turn the top layer back on and select the top layer this time. Bring up the Colour Range options (Select > Colour Range…)
turn on top layer
Select > Colour Range
Step 5.
Choose the eye dropper on the Colour Range Panel and click on an area of colour on the canvas that you want to keep from the photograph. In my case I clicked on the red area of the bus. To see clearly the colour range you have selected change the ‘Selection Preview’ at the bottom of the colour range panel to ‘white matte’.
color-range-options
Below is an example of what the canvas looks like with the above option toggled.
color range actual view
use-colour-dropper
Step 6.
Use the other eye droppers on the Colour Range panel with the plus and minus to select and deselect more areas on the canvas until you are happy that you have all the coloured areas selected that you want.
I used the eye dropper with the plus to continue selecting the red areas by clicking on any areas of red that looked a little patchy.
selected too much
If you select too much you can use the eyedropper with the minus to deselect any areas you don’t want to include.
deselect with minus eyedropper
deselect grey areas
Below is the red areas all selected that I was left with.
all red selected
Step 7.
When you are happy with the selection choose ‘OK’ and you will see everything selected on the canvas as below.
color selected
Step 8.
Since we need to delete everything that is not in the selection we need to inverse the selection. (Select > Inverse / Shift + Apple + I / Shift + Ctrl + I)
inverse selection
Step 9.
Now all you need to do is hit the delete key to remove the colour that you don’t want. Then deselect the dotted lines (Select > Deselect / Apple D / Ctrl D)
hit-delete
The layers palette will now look similar to the below.
layer-view
Step 10.
The below is very close to the image that I wanted to produce but I only wanted the red of the bus. In my image there are a few other areas such as the red on the taxi that I don’t want included.
after-deselection
To remove any extra areas simply select the eraser from the toolbar.
select-eraser
And with the top layer still selected in the layers palette erase the areas that you don’t want with an appropriate sized brush.
Below is my final image
final-image
I hope you enjoyed the above tutorial. If you have any questions on the above please use the comments below.
June 7, 2014
It’s a very simple technique to get a dramatic effect. Thanks for the great tutorial, Hannah!
June 13, 2014
You are welcome, thanks