How to Convert Color Digital Images into Black and White Ones

As part of our series of posts on Black and White Photography the following tip on converting images from color to black and white was submitted by DPS reader - Frank Lazaro. You can see his photography at his Flickr page. Please note that most of the shots in this post can be enlarged by clicking them.

Color-To-Black-And-White

Introduction

With the proliferation of digital photography, people have now started to look at ways to recreate what film has done for them, including recreating a black and white photo.

There are numerous ways to make a digital black and white, some include:

1. In camera filter - By changing a setting in the camera menu to take a black and white photo. Essentially this is a built-in color de-saturation method that removes the color information after the camera takes the picture. I won’t be covering this method in this article.

Pros: Easy, simple and does not require any knowledge or post processing to create a black and white photo.
Cons: Limits the contrast and dynamic range of the photos. In my personal experience, leaves the photo looking washed out or flat.


2. Post Processing - There are various methods in creating a black and white in a post processing environment.

I’ll cover several here. Please note, when I refer to Photoshop, I am using the generic term to mean using any photo editing tool with similar feature, such as Gimp or Photoshop Elements. There are also numerous plug-ins for Photoshop that will convert to Black and White as well. It is not possible; or rather I do not have the time to go over each one, so I will cover the ones that are the most popular in my opinion.

Using iPhoto or Google’s Picasa or Photoshop Elements. With in several of these tools, and even in the professional Photoshop products, there are built-in black and white filters. The benefits to these are they make creating a black and white photo as simple as one click. Granted some of the filters work better than others, but for the most part do a decent job.

Pros: Simple one step process to create a black and white photo
Cons: Requires the purchase or installing of additional software. Quality is hit or miss

Using Photoshop. Even within Photoshop there are multiple ways to create a black and white photo. I’ll only cover a handful of the popular methods, including my personal preferences.

To quick outline the methods, here is a quick list:

  • Channel Mixer
  • Lab Color Method
  • Gradient Map
  • Desaturation

Get more free tips like this each week via our email newsletter

Channel Mixer

The more popular way to convert a photo into black and white is using the Channel Mixer.

There is a common misconception though with this technique - the RGB percentages must equal 100%. The truth is they do not need to equal 100%, they can actually equal whatever you want them to be, since the main goal is to make sure the photo looks the way you want it to look.

When I have used this method before, I usually start with the following settings:

R: 70% G: 30% B: 5%

From there I adjust the settings until the photo looks the way I want it to.

How to convert using the Channel Mixer
First, open your photo and then add a Channel Mixer adjustment layer.

01-5

Select Monochrome and adjust the percentages for RGB. Again, I usually start with 70%, 30%, 5%.

02-4

Adjust the percentages until the photo looks good, don’t worry about great, we’ll get to that in a moment. You can also adjust the constant percentage to lighten or darken the photo. In this case I darkened the photo by setting the constant to -2%.

When done, click Ok

Now, duplicate that layer twice. If you flatten the photo, just drag the layer to the Create a New Layer Icon on the Layers window. If you prefer to not flatten, you’ll need to duplicate both the above layers. The easiest way to do this is by selecting both the adjustment layer and the photo and dragging them to the Create a New Layer Icon on the Layers window.

03-4

Click on the one of the duplicated photo layers.

Change the Screen Mode to Color Burn and reduce the opacity to something between 5% and 15% (personal preference).

04-3

Click on the other duplicated layer

Change the Screen Mode to Soft Light and reduce the opacity to something between 5% and 30% (personal preference).

05-4

Now the Photo should have more depth and not look as flat. You can adjust each of these layers based on the photo of your personal taste.

One thing I find useful is at the end to add a contrast layer, this will darken the darks and lighten the white. This is optional step.

06-4

07-4

Lab Color Method

This process has become a personal favorite of mine. It is rather simple, but does require the use of a robust post-processing application, such as Photoshop CS.

Open the file you want to convert.

Convert to Lab Color by going to Image>Mode>Lab Color

08-3

From the channel window (if it is not open, go to Windows>Channels) and select the Lightness Channel.

09-3

Select all by either going to the menu Edit>Select All or Ctrl-A or Cmd-A and copy the selection either through the menu or Ctrl-C or Cmd-C. Then convert back to RGB Mode, go to the menu Mode>RGB.

10-3

Go back to the Channel Window and select the Red channel. Paste either through the menu or Ctrl-V or Cmd-V.

11-2

Select the Green Channel and paste either through the menu or Ctrl-V or Cmd-V.

12

Select the Blue Channel and paste either through the menu or Ctrl-V or Cmd-V.

13

Reselect the top channel to make all the color channels visible again and you are done.

14

If for you feel the photo looks flat, you can use the duplicate layer method mentioned above. Just duplicate the main layer twice and follow these steps above.

If the photo is too dark, add an Levels Adjustment layer and lighten the photo.

15

16

To lighten the photo, I adjusted the center value and increased it to 1.20. The original value was 1.0. Too darken the photo, decrease the center number. To lighten, increase the center number.

Gradient Map

I don’t use this method all that much, but it is a pretty simple process.

Open the file you want to convert and add an Adjust layer. Click on Gradient Map. On the Dialog box, click on the pull down menu and select Black and White. Click Ok and you are done.

17

18

19

Desaturation Method

This method, in my opinion, leaves the photo looking flat. This is another simple method. Open the file you want to convert and add an Adjust layer. Click on Hue/Saturation. On the Dialog box, decrease the saturation value to -100%. Click Ok and you are done.

20

21

22

Conclusion

There is absolutely no right way to convert a digital photo to black and white. I have barely touch the surface in terms of how to and what kinds of software allow you to create a black and white photo. There are numerous plug-ins, methods, applications etc not mentioned here - but no one way is perfect. In the end, do what looks and works best for you and your photos. Enjoy.

Now you’ve read this tutorial - give it a go and post your results in the Black and White assignment in our forums.

Photoshop Tutorials

Read more posts like 'How to Convert Color Digital Images into Black and White Ones'


Subscribe to Digital Photography School Digital Photography School Forums

22 Responses to “How to Convert Color Digital Images into Black and White Ones”

  • Kristi Says:

    How do you leave a pop of color in the picture….for example a bold pink shirt with the rest bw?

  • Tyra Says:

    i was wondering that to.

  • Jean Says:

    The easiest way to accomplish this is to make use of layers…

    The original coloured image will be the base layer, while the black and white conversion is pasted as a new second layer…

    Then simply erase the parts of the black & white layer away to reveal the coloured areas you want to see & highlight…

    The finishes are upto you there after (opacity, feathering, etc)

  • Hawk Says:

    One other way to leave a bit of color in… see if your camera can do it. My Canon A620 has ‘my colors’ mode, which lets you swap or accent colors. I’ve found it to be particularly fun while taking pictures of places like construction sites, where it helps really bring out the machinery. I’ve found it can quickly turn a boring shot into an interesting one.

    The trick with the in-camera stuff seems to be finding a scene that isn’t hugely colorful. If you tried to pick out just blue flowers at a botannical gardens for example, you might end up with the flower not blue enough, or the background getting some of the color in it, leaving everything washed with blue.

  • Timoty Says:

    cool blog!

  • Brandon Martinez Says:

    Photoshop CS3 has a nice new addition for controlling Color -> B/W photos. You can essentially do everything the channel mixer would do, but it is built right into the a new menu called “black and white.”

  • Nick Says:

    A better way that I discovered through tutorials and playing around is the following. There are two ways to do it, depending on what you want to leave in color.

    1.If you want to use your brush to “paint black and white around the image you want to LEAVE in color” use this one:

    Have your full-color photo as the base layer (this can be the background image if you want). Duplicate the layer and add a vector mask to your duplicate.

    VECTOR MASK: When your layers palette is open, below your layers you’ll see an F in a circle (Add Layer Style) and to the right of that it’s an icon with a circle inside a rectangle. THAT’S the vector mask.

    Once your duplicate layer has a vector mask on it, go back to your background image that is full-color. Go to Image, Adjustments and Desaturate to take all the color away. Now click on the part of your duplicate image that is NOT the image itself (this is the vector mask). Take your paint brush, making sure the color is black, and when you paint it, it will take the color away.

    BONUS: If you make a brush stroke that took away some color you meant to keep, change the brush’s color to white and paint on that part to reverse it. That’s the best feature of this one. If you make a bit of a mistake but don’t realize until the end, you can fix it.

    2.If you want the image to be black and white and to use your brush to “bring the color back” just follow all the same steps but make your duplicate image the desturated one instead of the background.

    Enjoy.

  • Api Says:

    How can i convert a color image to a black and white image using visual basic programming?

  • nina Says:

    i need it in black n white

  • Disposable Wedding Cameras Says:

    I also like the features on Photoshop CS3.

  • kay Says:

    Channel mixer and tweaking the curves is still king.

  • WEDDING CAMERAS Says:

    THE BEST WAY TO CONVERT TO BLACK & WHITE IS A TO USE FILTER

  • disposable wedding cameras Says:

    i have to tell you that i just tried a filter and it works great

  • tina Says:

    How can i convert a black and white image to a color image?

  • Beth Says:

    Where can i find a black and white filter? Photoshop Elements?

  • some guy Says:

    great tutorial. stupid comments below. i hate seeing a color shirt or whatever in a black+white image. it’s not Schindler’s List or something.

  • kiran kumar Says:

    how to covert black & WHITE IMAGE INTO COLOR IMAGE WITH PHOTOSHOP

  • kiran kumar Says:

    COVERT INTO COLORIMAGE

  • AlaskaTeacher Says:

    Thank you! Your step by step instructions were easy to follow and very helpful!

  • chris Says:

    Hi there,
    My question is this. Do you enhance your color photo (levels, curves etc.) before converting to B&W or do you just take the color image “as is” and convert to B&W?

  • gillian Says:

    Bingo. That’s what I want to know.

    Here’s how I’ve been converting:
    Change to Lab Color. With channel palette open, drag “Layer b” to trash (remaining channels change names to Alpha 1 and Alpha 2), drag “Layer Alpha 2″ to trash. Change image mode to greyscale. Easy peasy.

  • pichobbie Says:

    PictureTheBatch can easily convert your images to Black & White or Sepia. And it also has many useful features.

    http://www.sharewarecheap.com/PictureTheBatch_software_1318.html

Leave a Reply



Site Meter

Digital Photography School is Digg proof thanks to caching by WP Super Cache!