Photoshop : Tutorial - Replacing Colours

By Jennifer Farley | Sep 19 2007

With the Replace Colour command in Photoshop, you can create temporary masks based on specific colours and then replace these colours. (A mask isolates an area of an image so that changes affect just the selected area and not the rest of the image.) The Replace Colour dialog box contains options for adjusting the hue, saturation, and lightness components of the selection: Hue is colour, Saturation is the purity of the colour, and Lightness is how much white or black is in the image.

In this tutorial, we’re going to look at how to use the Replace Colour command to change the colour of part of a baskeball court.

1. Open an image that you want to change part of the colour with. I’m using a stock image from iStockphoto.

replace colour


2. Choose Image > Adjustments > Replace Colour.

replace colour



The Replace Colour dialog box opens, and by default, the Selection area displays a black representation of the current selection.

Notice the three eyedropper tools in the Replace Colour dialog box. One selects a colour; the second adds a colour to the sample; the third removes a colour from the sample.

3. Using the Eyedropper tool (replace colour), click anywhere in the blue part of the court to sample that colour.

4. Then, use the Add to Sample eyedropper (replace colour) to sample other areas of the blue part (the shadow of the basket for example) until the blue part is selected and highlighted in the mask display in the Replace Colour dialog box.

replace colour

5. Drag the Fuzziness slider up to 190 to increase the tolerance level slightly.

Fuzziness controls the degree to which related colours are included in the mask.

6. If the mask display includes any white areas that are light blue part of the court, get rid of those now: Select the Subtract from Sample eyedropper (replace colour) and click those areas in either the image window or in the Replace Colour mask display to remove those stray pixels. (It’s OK if a few remain in the selection.)

7. In the Replacement area of the Replace Colour dialog box, drag the Hue slider to –180, the Saturation slider to +3, and the Lightness slider to - 19. ( You may have slightly different values to achieve an orange colour.

replace colour

As you change the values, in hue, saturation, and lightness, and the colour of the basketball court that has been selected becomes orange.

replace colour

8. Click OK to apply the changes.

Related Posts

Comments

7 Responses to “Photoshop : Tutorial - Replacing Colours”

  1. Sanjeev on September 22nd, 2007 10:56 am

    Hi Jennifer,
    Thanks for the quick tutorial! I had been trying to use this feature but never really got the hang of it.. just tried again and it worked!

    Cheers,
    Sanjeev

  2. Jennifer on September 24th, 2007 10:15 am

    You’re very welcome Sanjeev.

  3. Jason D. Moore Photography » Blog Archive » P&P Weekly: #49 on September 24th, 2007 12:51 pm

    […] Laughing Lion Design will be profiled tomorrow. Before then, check out her tutorial on replacing colors and a link to some free Photoshop […]

  4. Camilla on October 31st, 2007 9:52 am

    Really lovely tutorial! Thank you so much!!

  5. Jennifer on November 2nd, 2007 5:11 am

    You’re more than welcome Camilla. Thanks for visiting.

  6. Miho on January 5th, 2008 1:56 pm

    Nice and quick tutorial

  7. Guadagnare online on February 27th, 2008 8:19 pm

    Thanks for this tutorial, I have been looking for something similar for a while.

    It is very easy, and I do not know why I did not try feature before!

    Thanks again.
    Guadagnare

I'd love to hear your comments: