How to turn an image to black and white and keep one colour
by May 22, 2014 9:36 pm 8,554 views6
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.

When you have opened up the image in Photoshop. The layers palette should look similar to the below. (F7 opens the layers palette).

Step 2.
Duplicate the background layer. (Ctrl J / Apple J)

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:


Step 4.
Turn the top layer back on and select the top layer this time. Bring up the Colour Range options (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’.

Below is an example of what the canvas looks like with the above option toggled.


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.

If you select too much you can use the eyedropper with the minus to deselect any areas you don’t want to include.


Below is the red areas all selected that I was left with.

Step 7.
When you are happy with the selection choose ‘OK’ and you will see everything selected on the canvas as below.

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)

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)

The layers palette will now look similar to the below.

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.

To remove any extra areas simply select the eraser from the toolbar.

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

I hope you enjoyed the above tutorial. If you have any questions on the above please use the comments below.
Ronnie June 7, 2014 at 4:07 pm
It’s a very simple technique to get a dramatic effect. Thanks for the great tutorial, Hannah!
hannah June 13, 2014 at 12:26 pm
You are welcome, thanks 🙂
Mike January 8, 2015 at 3:55 am
Great tutorial. Very clear. Thanks
hannah April 22, 2015 at 5:01 pm
Glad you found it helpful 🙂
San December 22, 2017 at 12:30 pm
Hi, I have PS elements 15, found a way to do the exact same but with the shakes hand it does get a bit tiring. Any advise for element users?
hannah August 4, 2018 at 9:53 pm
Have you tried a Wacom tablet or something similar? I use a mouse, I have just got used to it over the years but if you’re new to Photoshop you might want to see what is easiest for you to use. If you still find it difficult, I would zoom right in whilst editing and it won’t be so noticeable on your final image.