Photoshop Black and White Conversions Grayscale Color

In this first in a series of tutorials on the many ways of converting a color photo to black and white in Photoshop, well look at one of the absolute quickest and easiest ways go about it, which is by converting the image to the Grayscale color mode.

Normally, digital photos are in whats called the RGB color mode. RGB simply stands for Red, Green and Blue, and in this color mode, Photoshop reproduces every color in the image by combining different amounts of red, green and blue, which are the three primary colors of light. Every color our eyes can see is made up of some combination of these three primary colors. Pure white, for example, contains 100% of red, green and blue, while pure black is the complete absence of red, green and blue. All colors in between are made up of some combination of the three. Photoshop, by default, uses red, green and blue channels to reproduce all the colors we see in our images, but we can change the way Photoshop handles color simply by changing the color mode of the image. Theres several different color modes we can choose from, but the one were interested in here is the most basic of the bunch the Grayscale color mode.

Heres an image I have open in Photoshop. Ill be using this same image throughout these tutorials so we can more easily compare the results as we try different ways of converting it to black and white:

A photo of grandparents with their grand daughter. Image licensed from iStockphoto by Photoshop Essentials.com

At the moment, this photo is in the default RGB color mode. How do we know that? We know because Photoshop tells us the current color mode of the image at the top of the document window:

The current color mode shown in the document window in Photoshop. Image © 2009 Photoshop Essentials.com

Photoshop displays the images color mode along with other information at the top of the document window.

We can also tell that the image is in the RGB color mode by going up to the Image menu at the top of the screen and hovering our mouse cursor over the very first option that appears, Mode (short for Color Mode), which brings up another menu showing us all the various color modes that Photoshop can use to reproduce colors. The current color mode of the image will have a checkmark beside its name, which in this case is RGB Color:

The various color modes listed under the Image menu in Photoshop. Image © 2009 Photoshop Essentials.com

The checkmark to the left of RGB Color tells us that the image is currently in the RGB color mode.

To help understand how Photoshop is reproducing the colors in the image, lets switch over to the Channels palette for a moment. Youll find it grouped in between the Layers and Paths palettes. Simply click on the name tab at the top of the Channels palette to switch to it. We dont need to get into a lengthy discussion here about how Channels work, but notice that theres a Red channel, a Green channel and a Blue channel listed. These channels act like filters, mixing different amounts of red, green and blue together to create all the colors we see in the photo. The channel at the very top, RGB, isnt really a channel at all. Its just the result of mixing the three colors together to create the image we see:

The Channels panel in Photoshop CS4. Image © 2009 Photoshop Essentials.com

The Channels palette shows the Red, Green and Blue channels that Photoshop is using to reproduce colors in the image.

So how will changing the color mode from RGB to Grayscale suddenly give us a black and white version of the photo? Unlike the RGB color mode which can reproduce millions (and even billions) of colors, the Grayscale color mode doesnt reproduce color at all. It can reproduce black, white and all the shades of gray in between, and nothing more. When we convert a color photo to Grayscale, Photoshop uses the original color information to essentially guess what the black and white version of the image should look like before tossing the color out the window.

To convert the image to Grayscale, simply click on Grayscale in the list of color modes:

Converting the image to the Grayscale color mode in Photoshop. Image © 2009 Photoshop Essentials.com

To convert an image to Grayscale, select it from the Image > Mode menu.

Photoshop will pop open a small dialog box asking us if we really want to discard the color information. If youre using Photoshop CS3 or later (Im using Photoshop CS4 here), Photoshop will recommend that you use the new Black and White image adjustment instead for more control over the black and white conversion, but since were interested here in what the Grayscale color mode can do for us, click the Discard button:

Photoshop asks us if we want to discard the color information. Image © 2009 Photoshop Essentials.com

Click Discard when Photoshop asks if you want to discard the color information.

Photoshop instantly throws the photos color information away and leaves us with its best guess on what the black and white version should look like:

The image after converting it to the Grayscale color mode in Photoshop. Image © 2009 Photoshop Essentials.com

The image after converting it to the Grayscale color mode.

Its definitely a black and white version of the image, but is it any good? Not really. Areas that should be bright are too dark, other areas that should be darker are too bright, and overall, it looks rather uninteresting. Worse still, we had no control over the conversion. Photoshop simply stripped the color from the image and left us with black, white and various shades of gray in its place. However, was it fast? Absolutely! If we hadnt taken some time to understand how the RGB and Grayscale color modes work, we could have converted this photo to Grayscale in a matter of seconds, making it a good choice if were creating some sort of special effect and need to quickly remove the color from a photo without worrying about image quality.

If we look again at the information along the top of the document window, we can see that the color mode is now listed as Gray, short for Grayscale:

The document window information now shows the color mode as 'Gray'. Image © 2009 Photoshop Essentials.com

The color mode at the top of the document window is now listed as Gray.

And if we look in our Channels palette, we can see that the original Red, Green and Blue channels have disappeared, which means that Photoshop no longer has any way of reproducing colors in the image. All we have now is a single Gray channel giving us our black and white version:

The Channels palette in Photoshop showing a single 'Gray' channel. Image © 2009 Photoshop Essentials.com

The Red, Green and Blue color channels have been replaced with a single Gray channel in the Channels palette.

Keep in mind that if you save the image at this point and close out of it, the color information will be lost forever. To quickly switch the mode back to RGB color, go up to the Edit menu at the top of the screen and choose Undo Grayscale, or simply press the keyboard shortcut Ctrl+Z (Win) / Command+Z (Mac):

Go to Edit > Undo Grayscale. Image © 2009 Photoshop Essentials.com

Restore the color in the image by choosing Undo Grayscale from the Edit menu.

The full color version of the photo will reappear in the document window and the Red, Green and Blue channels will replace the single Gray channel in the Channels palette.

To quickly summarize, most images, by default, are in the RGB color mode. To convert a color photo to black and white using the Grayscale color mode, simply go up to the Image menu, choose Mode, and then choose Grayscale, then click the Discard button when Photoshop asks if you really want to discard the color information. This is a fast and convenient way to remove color from a photo when image quality is not a concern, but definitely not recommended if youre trying to impress anyone with your black and white photography skills or your creative abilities.

Up next, well look at another fast and easy way to convert an image to black and white in Photoshop, this time by simply desaturating the color!

Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier!

You May Also Like...


Photoshop Black and White Conversions Grayscale Color ...
In this first in a series of tutorials on the many ways of converting a color photo to black and white in Photoshop, well look at one of the absolute quickest and

Converting Color Photos To Black And White In Photoshop
Converting Color Photos To Black And White In Photoshop . Black and White Conversions The Grayscale Color Mode; Black an White Conversions In Photoshop

Photoshop Help | Convert a color image to black and white
The Black & White adjustment lets you convert a color image to grayscale while maintaining full control over how individual colors are converted.

7 Black and White Photoshop Conversion Techniques - Tuts+ ...
Black and White Conversions. Photoshop and Photoshop Photoshop CS 3: Image > Mode > Lab Color; Dark areas become black or dark grey and highlights white or

How To Create Black And White From Color - Color Effects ...
convert color photos to black and white color and convert later on. Photoshop offers a breathtaking array of techniques for converting color to black and

Color to Black and White in PhotoShop - photo.net
Digital Black and White b/w PS7 photoshop I decided then that I had to learn how to use this knowledge to control the color to grayscale white, and black

Advanced Photoshop Tutorial: Converting to Black and White ...
for your black and white conversions. to black and white using the ACR HSL /Grayscale a color photo in Photoshop into black and white is to

How To Convert Color Photos to B&W in Photoshop handout
HOW TO CONVERT COLOR TO B&W IN PHOTOSHOP There are two main ways to change your picture to black and white in Photoshop: Grayscale and Channel Mixer.

Video: Convert Color Photos to Black and White in Photoshop
Convert Color Photos to Black and White in Photoshop, About.com Graphics Software Turn the Color Photo Into Grayscale First, open Photoshop.

To Black and White Picture Converter - convert to grayscale
The "To Black and White Picture Converter" converts colored pictures to black and white, or to grayscale respectively. color variations anymore.

Previous
Next Post »