7 Black and White Photoshop Conversion Techniques
 
   Black and White Conversions (Intro)
 
Destructive
1. Convert to Greyscale
2. PSE: Convert to Black and White Tool
3. LAB Color
 
Non-destructive: work in layers
4. Hue/Saturation
5. Gradient Map
6. Channel Mixer
7. Twin Hue/Saturation Method
8. Black and White Adjustment
 
   Link to original webpage

7 Black and White Photoshop Conversion Techniques

Final Product What You'll Be Creating

black and white conversion photoshop
makes
black and white conversion photoshop

By starting with a colour photo and converting it to black and white in Photoshop, you have complete control over the conversion. Darkening a blue sky is easy, once you know how, and you can decide exactly how dark you want it to be.

The best cameras for black and white photography are digital SLRs. For the best possible conversion, start by shooting in RAW. Then, in your RAW conversion software, output the photo as a 16 bit Tiff file. 16 bit files have a lot more information to work with than 8 bit files, which makes for a better conversion with smoother tonal graduations.

Most digital SLRs (and some compacts) have a black and white mode. The camera is making the conversion for you, and the results are usually poor, giving flat, washed out photos. Avoid this mode, and use the following techniques instead.


(Non-destructive) Black and White Conversions: Work in layers

Photoshop and Photoshop Elements offer both destructive and non-destructive black and white conversion techniques. Destructive methods are ones that can’t be re-adjusted afterwards. Once you’ve made the conversion, the only way to change it is to undo the conversion and start again.

Non-destructive methods use Photoshop’s adjustment layers. The changes that you make to your photo are stored in a layer, and the original photo remains unchanged underneath. Then, when you’re done, you flatten the image and it’s as this stage that Photoshop makes all the changes to the photo permanent. You can edit the conversion at any time before flattening the image by clicking on the adjustment layer’s icon (circled).

black and white conversion photoshop

Non-destructive photo editing is always better than destructive editing. The destructive methods are included here for completeness.

These instructions are for Photoshop CS 3 and Photoshop Elements 6.0. Other versions will be similar.

[ top ]

1. Convert to Greyscale (Destructive)

The simplest black and white conversion method, converting to grayscale discards all the colour information in the photo.

Photoshop CS 3:
  1. Image > Mode > Grayscale
  2. Click ‘Discard’

Photoshop Elements:
  1. Image > Mode > Grayscale
  2. Click ‘OK’
black and white conversion photoshop
makes
black and white conversion photoshop

Pros: Quick and easy.

Cons: You have no control over the conversion.

[ top ]

2. Photoshop Elements: Convert to Black and White Tool (Destructive)

This method is a simplified version of Photoshop’s Channel Mixer adjustment layer. It’s only available in Photoshop Elements and isn’t available as an adjustment layer (so it’s destructive editing). Having said that, if you can live with the small previews, it’s a very flexible black and white conversion technique.

Photoshop Elements:

  1. Enhance > Convert to Black and White
  2. Move the colour sliders to the left and right to lighten and darken the corresponding tones.
  3. Use the Contrast slider to compensate for changes in contrast.
  4. You can also select a preset style from the menu on the left. Click ‘OK’ when you’re done.

black and white conversion photoshop

Pros: Flexible black and white conversion using the colour channels.

Cons: Destructive editing method and small image previews make it hard to assess the changes.

[ top ]

3. Use the Hue/Saturation Tool (Layer)

This method gives exactly the same result as converting to grayscale. The only advantage is that it’s available as an adjustment layer, and can be used as part of a non-destructive editing process.

Photoshop CS 3 and Photoshop Elements:

  1. Layer > New Adjustment Layer > Hue/Saturation
  2. Click ‘OK’
  3. Move the saturation slider all the way to the left (-100) and press ‘OK’

black and white conversion photoshop
makes
black and white conversion photoshop

Pros: Quick and easy and can be applied as an adjustment layer in both PS CS 3 and Elements 6.

Cons: You have no control over the conversion.

 [ top ]

4. LAB Color Method (Destructive)

This technique converts your photo from RGB mode to Lab mode, which records the brightness and colour values separately, then discards the colour information leaving a black and white image. It’s not available in Photoshop Elements.

Photoshop CS 3:

  1. Image > Mode > Lab Color
  2. Go to the Channels window if it’s already open (if not go to Window > Channel) and select the Lightness channel
  3. Image > Mode > Grayscale
  4. Click ‘OK’

black and white conversion photoshop
makes
black and white conversion photoshop

Pros: Gives a better B&W conversion than 'convert to grayscale' and 'hue/saturation' methods.

Cons: Destructive editing process that doesn’t give you much control.

[ top ]

5. Gradient Map (Layer)

The gradient map tool maps a black and white gradient to the brightness values of your photo. Dark areas become black or dark grey and highlights white or light grey.

Photoshop CS and Photoshop Elements

Press ‘D’ to reset the foreground and background colours to black and white.

black and white conversion photoshop
  1. Layer > New Adjustment Layer > Gradient Map
  2. Click ‘OK’

black and white conversion photoshop
makes
black and white conversion photoshop

Pros: Quick and easy non-destructive black and white conversion

Cons: No control over the conversion

 [ top ]

6. Channel Mixer (Layer)

The Channel mixer is the first black and white conversion tool listed here that begins to use the full potential of the information contained in the colour photo. Colour photos have three colour channels; red, green and blue. These primary colours combine to make the millions of colours in your photo.

The Channel mixer conversion method lets you adjust the ratios between the red, geen and blue channels. Lightening the value of a channel lightens colours close to it on the colour wheel and darkens the colours that are opposite it. Increase the value of the red channel for instance, and you’ll make the red tones in your photo lighter, and the blue ones darker. This has the effect of lightening skin tones and darkening blue skies.

The Channel mixer is the digital equivalent of black and white photographers using colour filters. Setting the brightness of the red channel to 100% gives the same effect as using a red filter on the lens with black and white film. It’s not available in Photoshop Elements.

Photoshop CS:

  1. Layer > New Adjustment Layer > Channel Mixer
  2. Tick the monochrome box.
  3. Move Red, Green and Blue sliders left and right to lighten and darken tones in the photo. Total of three sliders should be 100%.
  4. Click ‘OK’ when you’re done.

Examples:

black and white conversion photoshop

Original photo

black and white conversion photoshop

Red 80%, Green 10%, Blue 10%.
The setting of 80% red has darkened the blue sky and lightened the red balloon

black and white conversion photoshop

Red 20%, Green 40%, Blue 40%.
The setting of 20% red has lightened the blue sky and darkened the red balloon

Pros: Gives you a high degree of control over the black and white conversion.

Cons: Not as flexible as the next two techniques. Not available in Photoshop Elements.

More examples DOP

 [ top ]

7. Twin Hue/Saturation Method (Layer)

This technique uses two Hue/Saturation adjustment layers. The top layer is a straight monochrome conversion. The bottom layer changes the colours of the original photo, which in turn changes the tones in the black and white conversion. It gives you a very fine degree of control.

Photoshop CS and Photoshop Elements:

  1. Layer > New Adjustment Layer > Hue/Saturation and click ‘OK’
  2. Move the Saturation slider all the way to the left (-100) and click ‘OK’
  3. Activate the background by clicking on it
  4. Layer > New Adjustment Layer > Hue/Saturation and click ‘OK’
  5. Click ‘OK’
  6. Change the blending mode of the bottom Hue/Saturation layer to ‘Color’ (circled below)
  7. Double click the bottom Hue/Saturation layer’s icon (circled below)
  8. Move the Hue slider left or right and watch the tones change!
  9. You can also experiment with the Saturation and Lightness sliders.
  10. Click ‘OK’ when you’re done.

black and white conversion photoshop

Examples:

black and white conversion photoshop

Original photo

black and white conversion photoshop

Hue +81, Saturation +22

black and white conversion photoshop

Hue +68, Saturation +56

Pros: Extremely fine degree of control over the monochrome conversion.

Cons: None, except that it doesn’t give you the same amout of control as the next technique.

 [ top ]

8. Black and White Adjustment Layer Method (Layer)

Available in Photoshop CS 3 onwards, the black and white adjustment layer gives you all the control of the channel mixer and twin hue/saturation techniques via six colour sliders. But the most exciting feature is it’s ‘targeted adjustment tool’. With this tool you can stroke tones in your photo to make them lighter or darker. It’s an intuitive and precise conversion technique.

Photshop CS 3:

  1. Layer > New Adjustment Layer > Black and White
  2. Click ‘OK’. The Black and White toolbox appears:


  3. black and white conversion photoshop

  4. Move the six colour sliders right or left to brighten or darken the respective tones in the photo.
  5. You can also choose from from the presets in the drop down menu at the top.
  6. Move the cursor over the photo and hold the left mouse button down.
  7. The cursor changes, indicating that the targeted adjustment tool is activated.
  8. With the mouse button held down, move the mouse to the right to lighten the tones under the cursor, or left to darken them.
  9. Click ‘OK’ when you’re done.

Examples:
black and white conversion photoshop

Original photo

black and white conversion photoshop
Reds 70, Yellows 60, Greens 40, Cyans 60,
Blues 20, Magentas 80:
black and white conversion photoshop
Reds 27, Yellows 244, Greens 40, Cyans 101,
Blues 146, Magentas -144:

Pros: The most flexible black and white conversion method available.

Cons: Only available in Photoshop CS 3 or 4.

 [ top ]