7 Black and White Photoshop Conversion Techniques

7 Black and White Photoshop Conversion Techniques

Tutorial Details
  • Requirements: Photoshop CS/Elements
  • Difficulty: Intermediate

Final Product What You'll Be Creating

Twice a month we revisit some of our reader favorite posts from throughout the history of Phototuts+. This tutorial was first published in October, 2009.

A quick glance through any photography or fashion magazine, or at the photos on social websites like Flickr, confirms that black and white photography is as popular as ever. With the coming of digital though, one important thing has changed. In the days of film photography, you shot on black and white film. Now, with digital cameras, you take photos in colour and then convert them to black and white.

In this article we run through the most commonly used black and white conversion methods, outlining the pros and cons of each. Instructions are provided for Photoshop CS and if the technique’s available, Photoshop Elements.

Converting to black and white digitally has a number of advantages. With film, the black and white conversion essentially happened at the time of shooting. If you wanted to change the nature of the black and white conversion, you could only do it by placing a coloured filter on the lens (a red filter, for instance, makes blue skies much darker).

Now, 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.


1. Black and White Conversions

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.


2. 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’

Pros: Quick and easy.

Cons: You have no control over the conversion.

black and white conversion photoshop


3. Use the Hue/Saturation Tool (Non-destructive)

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 Elemennts:

  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’

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

Cons: You have no control over the conversion.

black and white conversion photoshop


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’

Pros: Gives a better black and white conversion than the convert to grayscale and hue/saturation methods.

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

black and white conversion photoshop


5. Gradient Map (Non-destructive)

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

  1. Press ‘D’ to reset the foreground and background colours to black and white.
  2. black and white conversion photoshop

  3. Layer > New Adjustment Layer > Gradient Map
  4. Click ‘OK’

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

Cons: No control over the conversion

black and white conversion photoshop


6. Channel Mixer (Non-destructive)

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 the Red, Green and Blue sliders to the left and right to lighten and darken different tones in the photo. The total of the three sliders should be 100% at all times.
  4. Click ‘OK’ when you’re done.

Examples:

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:

black and white conversion photoshop

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.


7. 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. Use the Contrast slider to compensate for changes in contrast. You can also select a preset style from the menu on the left. Click ‘OK’ when you’re done.

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.

black and white conversion photoshop


8. Twin Hue/Saturation Method (Non-destructive)

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! You can also experiment with the Saturation and Lightness sliders.
  9. Click ‘OK’ when you’re done.

black and white conversion photoshop

Examples:

Original photo:

black and white conversion photoshop

Hue +81, Saturation +22:

black and white conversion photoshop

Hue +68, Saturation +56:

black and white conversion photoshop

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.


9. and White Adjustment Layer Method (Non-destructive)

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. You can also choose from from the presets in the drop down menu at the top.
  5. Move the cursor over the photo and hold the left mouse button down. The cursor changes, indicating that the targeted adjustment tool is activated. With the mouse button held down, move the mouse to the right to lighten the tones under the cursor, or left to darken them.
  6. Click ‘OK’ when you’re done.

Examples:

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:

black and white conversion photoshop

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

Cons: Only available in Photoshop CS 3 or 4.


10. Conclusion

It’s worth taking the time to experiment with these different methods when deciding how to approach black and white conversion. Some may work better for you than others, but always remember to keep an original copy of the image if using a destructive method!

Have fun, and please feel free to share your own technique in the comments.

Add Comment

Discussion 42 Comments

  1. peewee1002 says:

    I like this alot, I had not really given it much thought before.

    The other way is shoot in black and white in your camera. I know my camera has the option.

    Nice…. like to see some more uncommon tutorials like this.

  2. JCPArtAndDesign says:

    @peewee1002 shooting black in white directly through the camera generally isn’t a good idea. If you, for what ever reason, decide you would like the picture in color there is no way of going back to color, unless you shoot in RAW of course.

    Good article, I tend to use black and white adjustment layer but this has given me some good insight on other techniques.

  3. Josh says:

    Yeah, I’ve always just done the default malarkey, but you’ve got a good selection here! And good example as well, the pics all look so much better afterwards!

  4. Mukarram says:

    I really like the last one…Its much more flexible ! :)

    Thanks for sharing !

  5. Mark Olwick says:

    Or just by Nik Silver Efex Pro

  6. Collin Brady says:

    That last one is definitely the way to go (Black and White Adjustment Layer). Good overview

  7. vincenzo says:

    with lab metod you can also, <>

    go to image->mode -> RGB color

    and paste the lightness channel in every single channel (red, green, blue) .. then click on rgb and you will have a good b/w base..

    after you can play with levels:

    -one in color burn (around 10% opacity) and the second one in soft light (around 10% opacity) ..

    and you will have a dramatic but lovely contrast

  8. Jeremy R. Cox says:

    I like the B/W Adjustment Layer and I use this method frequently. In his book “Welcome to Oz”, Vincent Versace describes a method in which he uses several channel mixer adjustment layers and masks. It’s been a little while since I read this book, so I can’t really describe it well. He is a great photographer and get’s great results so it’s definitely worth checking out. The rest of the book is good to.

  9. Bryce D says:

    Great article… I knew a couple of these ways but the others are nice additions.

  10. Tom Fish says:

    One thing you forgot is that you can turn a photo black and white using a saturation layer/desaturation or any other method, then add the photo filters as adjustment layers. I’d imagine this is helpful for people used to using black and white films with filters, plus you can change the opacity of each layer individually and add/remove these filters individually, which makes comparisons easy.

  11. Photos looks so good in black and white. My advise try to use Nik Silver Efex Pro.

  12. Very nice tutorial.
    The methods given by the author are really useful.

  13. I with Mark and dapixara…earlier this year I got Silver Efex Pro and absolutely love it. I am totally much more into B&W photography because of it. Love the high structure filter in particular.

  14. Miles says:

    It’s worth remembering that adjustment layers have masks and you can combine two or more using masking to achieve the look you want.

  15. gabriel says:

    i preffer the ‘non-destructive’ efects myself. thanks for sharing, i’m using a few of the methods described depending on the situation. your tips will com in handy sometime! thanks

  16. Gabriela Hernandez says:

    Thanks for sharing. I learned a couple of new tricks!

  17. Fernando says:

    Errr….desaturate?

  18. simon says:

    Hi Just found your site and really like what you do, I cant wait to try some of your suggestions. Thanks for maiking them available and understandable (to someone like me)
    regards

  19. trent says:

    thanks for the great tips. methods 8 and 9 really work wonders.

  20. Thanks guys. I spent one whole night trying to find
    B&W plugins, but as ever CS has one good choice that we don’t know yet.
    Really generous to share this issue.

    see will you!

  21. Putu Eka says:

    nice info…
    makes my view point change cause the non destructive and destructive ways

  22. kAILAIBALA says:

    Very comprehensive tutorial on black and white conversion and it is one stop centre with regards to BW. Thank you you for the post.

  23. Ajith R says:

    I’ve been at first simply using the color replacement tool over the entire image with the color set to black/white.. stupid but works. Then I would adjust the contrast, brightness, blur etc.. in select areas and finish the picture. I find in cs5, you can create an adjustment layer where you have control over everything and is very customisable.
    Surely gonna read this article soon. Thanks!

  24. David Garbacz says:

    I’m kind of surprised that Levels wasn’t mentioned

  25. Brandon says:

    Bookmarked this for future reference! Nice and comprehensive
    I usually use the dual Hue/Sat or the Channel Mixer

  26. I have always wanted to make Black & white photos that look perfect but I never knew the technique to do it. This tutorial helped me a lot and I’m very excited to start trying Black & white conversion on my photos. :]

  27. eHeavy says:

    To think that there were so many options to B/W conversions.
    With that said, I love how BW photos look!

  28. Martin Stepka says:

    Nice and easy way to make B/W is to look at the RGB channels. They are essentially 3 variations taken with red, green, and blue filters. This gives you three times as much variability as simple desaturation at no extra cost.

  29. Martin Stepka says:

    And here is one more trick for Elements. The double Hue/Saturation adjustment layer method can have almost as much flexibility as the full Photoshop B/W adjustment layer. You can change the channel in the Edit drop box from Master (applying change globally) to one of the colors (reds, yellows, greens…). Then play with the Lightness slider. This way you can control the value of individual colors. You can adjust more colors in the same dialog. In some respects it is even more flexible than the B/W adjustment layer, because you can change the range of the “primary colors”.

    • @ Martin Stepka

      Yes, this is very good metod with a lot of tonal control. I’ve been using it for years and stil use it in adjustment layer more then any other conversion metod.

  30. Håkan says:

    Minor nit: you can indeed control the method of using Gradient map layers. You do that by editing the gradient. You can add Color stops (give then values of grey) and move them around. This allows you to do piecewise linear conversion. In certain cases this gives you interesting control over the process.

    This method also allows you to make bw negatives quite easily while giving easy control over that process as well.

  31. pakDE-Nanto says:

    I like this tutorial. Usually I make BW photo just with the simple one, desaturation.

  32. fateme says:

    hi
    this article is very useful for me
    tanks alot!

  33. Thanks a lot for posting this useful information.

  34. Mark says:

    Cheers, very helpfull website. And lots if usefull information and easy to follow.

  35. srikanth says:

    balck and white to color in photoshop 7.0

  36. Rob Boerman says:

    Great stuff. I was always using destructive means. Never used the adjustment layer before while it is SO easy. especially the selecting on the picture and then dragging to left/right works like a charm.

    Thanks! learned somewhing new today :)

    Rob

  37. marer says:

    Hi,

    Can someone tell me how you get those wonderful white water seas in B+W LE photo’s, i’m looking for something in depth if someone can point me in the right direction.

    Many thanks

    Marer

  38. Chip Whittingham says:

    Now, how do you convert black & white to color?

  39. Web Hosting says:

    I am now using your white adjusment layer method with big success, thanks for your easy but useful ps tips!

  40. allsaints says:

    you are truly a just right webmaster. The website loading velocity is incredible. It sort of feels that you’re doing any distinctive trick. Moreover, The contents are masterpiece. you’ve done a fantastic process in this subject!

  41. Jerry Ranch says:

    I shoot almost everything in BW (RAW files), and then in CNX2 I can convert that NEF to any picture control I choose. I do this because I am a poor judge of tones and luminosity in color. I shoot the BW to make it easy for me to determine if I have a tonally balanced image. And actually I think that one can compose better in BW without the distraction of color.

Add a Comment