Photoshop Support - Main Photoshop News Photoshop Tutorials Photoshop Tools Photoshop Resources Photoshop Site Map
photoshop tutorials
photoshop tutorials - top logo
Color Effects - How To Create Black And White From Color

Retouching Portraits - How To Whiten Teeth & Eyes
back to Photoshop Cookbook Series - sample chapters
Photoshop for Students. Get super savings at the Adobe Academic Store.
Buy. Download. Create. Get Photoshop CS3 now at the Adobe Store.



Photoshop Retouching Cookbook
"Creating Black And White From Color"

(Pages 88, 89, 90, 91 from the Color Effects section of Photoshop Retouching Cookbook for Digital Photographers - courtesy of O'Reilly Media.)

How To Create Black And White From Color - Color EffectsBlack-and-white photography is as powerful today as it was when color photography was just a distant dream. A different set of skills is required when working with black and white, as the absence of color means the interplay of shape and contrast must work harder to tell the story or set the mood, but when it works, it's very effective.

Some cameras have a dedicated black-and-white mode, but even if yours doesn't, you can still work in black and white. In fact, it often works better to shoot in color and convert later on. Photoshop offers a breathtaking array of techniques for converting color to black and white (or more correctly, grayscale), and these enable you to control the process with a degree of finesse that would be difficult to match in the field.

Method 1: Desaturation
This shot was taken early one winter's morning in New York. The sky had a dramatic quality and there was a fine haze rising to meet the colder air at higher altitudes. The image works well in color, but it also has potential for a striking black-and-white impression of the city.

STEP 1
The most obvious way of converting color to black and white is to convert the mode to grayscale (Image > Mode > Grayscale). This is okay, but there are better alternatives. The first is desaturation—removing the visible color information but maintaining the RGB status of the file. This means that if you wanted to add a tint later you could do so without having to change color mode again. Go to Image > Adjustments > Desaturate (or press Ctrl/Cmd + Shift + U).

How To Create Black And White From Color - Color Effects

STEP 2
The problem with desaturation is that it often delivers a flat, uninspiring rendition. We can improve this, however. Analyzing the photo, we need to strengthen the texture in the sky by darkening the shadows and midtones, but the buildings below need a general increase in contrast to remove the haziness. It's best to treat the sky and the buildings as separate entities. Make a feathered selection of the sky, using the natural division of the rising dark haze as a guide.

How To Create Black And White From Color - Color Effects

STEP 3
Press Ctrl/Cmd + J to copy and paste the selection to a new layer, and rename it "sky." Add a Levels Adjustment Layer to it, making sure the two layers are combined as a clipping mask. To bring out the sky texture, drag the Black and Gray point markers to the right as shown.

How To Create Black And White From Color - Color Effects

How To Create Black And White From Color - Color Effects

How To Create Black And White From Color - Color Effects

STEP 4
Depending on the amount of feathering and the position of your selection, you may see a dividing line after the Levels adjustment has been made. This is easily removed by adding a layer mask to the sky layer (set to Reveal All) and painting on the mask in black until the edge disappears. Work carefully with a soft brush at a low opacity and the result should look something like this.

How To Create Black And White From Color - Color Effects

STEP 5
We could use a Levels adjustment layer to add contrast to the buildings, but there is an alternative route. Go to Layer > New Adjustment Layer > Curves to add a Curves adjustment layer to the background layer.

How To Create Black And White From Color - Color Effects

STEP 6
Applying the curve shown increases midtone contrast, at slight expense to the highlights and shadows. This diminishes the haziness in the area of the buildings. The final image is far more striking, and much closer to what the photographer originally envisioned.

How To Create Black And White From Color - Color Effects

How To Create Black And White From Color - Color Effects

Method 2: Single Channels
How To Create Black And White From Color - Color EffectsIn traditional black-and-white photography, color filters are often used over the lens to create dramatic contrast, the reason being that hues that are quite different in real life can merge into one when seen in grayscale. For instance, a strong blue sky with white clouds can appear weak in a black-and-white photograph. A red filter placed over the lens will darken the blue sky, making the white clouds stand out, because the red filter blocks the blue color waves more effectively than it does colors that are nearer to red. As a result, a red car in the same scene would look lighter. In short, when a color filter is used in black-and-white photography it lightens elements of its own color and darkens elements of its complementary (opposite) color.

We can see this principle in action in Photoshop and use it to create some very different styles of black and white. In this photograph of a mountain stream in the French Alps, the combination of strong contrast and lighting with the sensual curves of the glistening snow makes it an ideal candidate.

STEP 1
Go to the Layers palette, click the Channels tab, then click on the Red channel. The image seen will resemble the result that a red filter over the lens would have generated, with a darkening of the blue-tinted areas that makes for a moody, sophisticated image. For comparison, click on the Green channel. The result is similar to the Red channel but less pronounced. Finally, look at the Blue channel — it's lighter, since most of the image is blue.

How To Create Black And White From Color - Color Effects

STEP 2
Without doing any work, we have three different ready-made black-and-white effects. All we have to do is choose our preferred option: dark and moody. Click on the Red channel. The following keyboard shortcut sequence makes light work of turning it into a new document:

• Ctrl/Cmd + A (selects all)
• Ctrl/Cmd + C (copies the selection to the clipboard)
• Ctrl/Cmd + N (creates a new document of the same proportions as whatever we have on the clipboard. The document will also be a grayscale as we only have one channel selected)
• Enter/Return (to confirm the settings. No changes are necessary)
• Ctrl/Cmd + V (to paste the contents of the clipboard to a new layer)

How To Create Black And White From Color - Color Effects

How To Create Black And White From Color - Color Effects

That's all there is to it. Use Levels and Curves if you want to fine-tune the result.

Method 3: Calculations
Using the channels straight out of the box works brilliantly, as long as one of the channels gives you the desired result. If not, some manual mixing is the best solution. The Calculations command is your best resort — don't let the name put you off, as no math on your part is required. This image of the bell and cross is our next challenge.

STEP 1
Checking the channels shows that the Red channel offers the best contrast between the sky and white cross. However it's not very strong and the range of tones isn't varied enough to create a strong result.

How To Create Black And White From Color - Color Effects

How To Create Black And White From Color - Color Effects

STEP 2
Keep the Red channel active and go to Image > Calculations. Because the Red channel was active, the Red channel appears in the Calculations dialog box. Source 1 and 2 are set to the same document, layer, and Red channel, which means they will be combined for the calculation to take place. The blending drop-down is set to Multiply. This works in exactly the same way as the normal layer blend modes. Multiply will darken the image, but based on the red channel. Therefore blue elements or elements with a blue cast will become darker than other elements. Set the Result drop-down box to New Document to create a new multichannel file based on the calculated result.

STEP 3
In this case, multiplying the Red channel works perfectly. The blues are darkened, creating this bold final image.

How To Create Black And White From Color - Color Effects

Another Option
For a slightly less dramatic result, try combining the Red and Green channels, again using the Multiply blend mode. The difference is subtle, but it demonstrates the fine control you have using this technique.

How To Create Black And White From Color - Color Effects

Method 4: The Channel Mixer
Staying within the context of mixing and calculating channel values, another powerful option is the aptly named Channel Mixer. This command allows us to mix the values of each of the channels, providing us with an enormous variety of combinations. In this shot there should be no mistaking the flower from the leaves and stem. However, after desaturation the greens and pinks merge.

STEP 1
Make sure the RGB composite channel is active, then go to Image > Adjustments > Channel Mixer. Enable the Monochrome checkbox. Changing the percentage values for each of the Red, Green, and Blue channels will dramatically influence the image. Traditional black-and-white photographers might consider using a green color filter here, as this will lighten the greens of the foliage and darken the pink flower (pink is almost complementary to green). To emulate this in the Channel Mixer, change the values by boosting green and diminishing red.

How To Create Black And White From Color - Color Effects

STEP 2
The result is very different from the original desaturated version. We can use the idea of a color filter as a guiding principle here, or just adjust the settings by eye. The main thing to keep in mind is that the total percentage value of all channels combined should be roughly around 100% with a variance of 20% or so. Your eyes will tell you this as you experiment — any extreme value above or below 100% simply won't look good.

How To Create Black And White From Color - Color Effects

Copyright © 2005 The llex Press Limited - All rights reserved. No part of this book may be reproduced in any form, by photostat, microfilm, xerography, or any other means, or incorporated into any information retrieval system, either electronic or mechanical, without the written permission of the copyright owner.
Photoshop Blog
Photoshop CS3 Upgrade Options And Bundles From The Adobe Store

Photoshop CS3 Upgrade Options And Bundles From The Adobe StorePhotoshop CS3 Extended is ideal for film, video, and multimedia pros and for graphic and web designers using 3D and motion. Get the full version for US $999, or upgrade for US $349. The standard version of Photoshop CS3 is available for US $649, or as an upgrade for US $199. See all upgrade options at the Adobe Store. See our CS3 Resource Center for free Photoshop CS3 tutorials.

Photoshop Extended is also available as part of Adobe Creative Suite 3 Design Premium, which combines all-new CS3 versions of Photoshop, Flash Pro, Dreamweaver, Illustrator, InDesign and Acrobat 8 Pro. Upgrade options for customers in Europe, the UK, Australia, New Zealand and Asia can be found at the Adobe International Store.
Photoshop Blog
Special Offer - Fluid Mask - Photoshop Masking Plugin

Photoshop Plugin - Fluid MaskFluid Mask is based on breakthrough segmentation technology inspired by the way the eye, optic nerve and brain perform visual processing. When an image is loaded, Fluid Mask's segmentation engine analyses the distribution of colors, finding the natural groups within the image. Together with information calculated about edges, gradients and textures, a model is constructed which divides the images into objects.

Vertus Software is offering Fluid Mask at the special 'friends and partner' discounted rate. This is an exclusive offer to visitors of PhotoshopSupport.com. To qualify, visit the Fluid Mask Discount Price page. Find out more about Fluid Mask on our special Fluid Mask Page.
Photoshop Blog
SiteGrinder Photoshop Plugin - Create Websites Instantly

Media Lab Release SiteGrinder Basic and SiteGrinder ProThere often seems to be a strict division of labor within the world of web design and development. Creative professionals tend to stick to the Photoshop domain, while those well-versed in scripting are left to the task of implementing their work. Indeed, the two realms are quite different from each other, to which any of us even vaguely familiar with either can easily attest.

Essentially, Photoshop is a no-holds-barred design studio, offering the artist a seemingly endless array of creative options. On the other hand, HTML, CSS, Java and the like follow strict rules of engagement, requiring the developer to take any number of esoteric concerns into consideration in order to ensure that designs are properly displayed on the web.

Turn Photoshop Into A Complete Web Design Tool
SiteGrinder seeks to bridge this gap between design and development. Basically, this program turns Photoshop into an easy-to-use and fully functional web design tool. With SiteGrinder, designers will now have the freedom to totally let their creativity loose and then, without skipping a beat, transfer their designs to the web. Bringing esthetic concerns together with more practical considerations, this program is an amazingly powerful tool that would make a fantastic addition to any web designer's bag of tricks.

SiteGrinder Basic and SiteGrinder ProGenerate Your Web Pages Directly From Photoshop
By generating web pages directly from Photoshop, you'll be able to spend much more time on the creative end of the spectrum, since you'll know right off the bat how well particular designs will translate to the web. No more going back to the Photoshop drawing board after getting a phone call from your development team, telling you that what you had envisioned doesn't have a chance of being displayed on the web. You can immediately visually and interactively test your designs, which permits you to then make changes to either esthetics or functions while it's still relatively early on in the design process.

Pricing and Availability
Mac OS X and Windows versions of the SiteGrinder unlockable demo are available now via download. SiteGrinder can be ordered from Media Lab's online store.
Photoshop Blog
Photoshop CS3 Book - CS3 Essential Skills - By Mark Galer And Philip Andrews

Photoshop CS3 Essential SkillsBrimming with beautiful pictures, Photoshop CS3 Essential Skills guides you through a project-based, progressive curriculum so that you can build all the essential skills to enhance photographs creatively and professionally with Photoshop CS3. If you are an aspiring professional, enthusiastic amateur photographer, or a student learning photography, digital imaging, art and design, or design graphics, you'll be amazed at the stunning results you can achieve. A DVD is included free.

The Essential Skills Photography Series from Focal Press uniquely offers a structured learning experience for photographers of all ages, with both the underlying theory and loads of invaluable 'how to' and real-life practice projects - all from the most talented photography practitioners/educators in the world.

Read 2 free sample chapters:
Adjusting Exposure in Adobe Camera Raw CS3
Photoshop CS3 Tutorial High Dynamic Range

Special book offer - save 24%
Photoshop CS3: Essential Skills (Amazon.com - $28.08 - save 24%)
Photoshop Blog
Photoshop CS2 Book - Photoshop CS2: Essential Skills - By Mark Galer And Philip Andrews

New Book - Photoshop CS2: Essential SkillsAn inspirational and user-friendly guide to creative image editing, Photoshop CS2: Essential Skills provides direction for photographers and designers alike who have ventured into the realm of the 'digital darkroom.' The book offers a progressive curriculum to guide you through Photoshop with a series of clear, step-by-step projects designed to place knowledge into a practical context.

Whether you simply want to retouch an image, create a glamour makeover or create a highly sophisticated montage - this book will give you the essential skills to complete the work to a professional standard.

Read 2 free sample chapters:
How To Sharpen An Image In Photoshop — Advanced Sharpening Techniques
Working With Shadows In Photoshop - Advanced Shadow Techniques

Special book offer - save 37%
Photoshop CS2: Essential Skills (Amazon.com - $20.76 - save 37%)
Photoshop Blog
Exclusive 20% Discount On Select Total Training Products & Bundles

Exclusive 20% Discount On Select Total Training Products & BundlesTo redeem our exclusive discount coupon, use promotion code save20pss in your shopping cart. You could save hundreds of dollars. Use this special link to see the full offer.

Total Training for Adobe Photoshop
Learn Adobe Photoshop with 21 hours of interactive Adobe Photoshop tutorials. This is training for real-world situations and includes additional tips and techniques used by the pros.

View Sample Photoshop, Dreamweaver and Flash Pro Video Tutorials
Free Adobe Photoshop CS3 video tutorials
Free Adobe Photoshop CS2 video tutorials
Free Adobe Dreamweaver video tutorials
Free Adobe Flash Pro video tutorials
back to top


photoshop tutorials - sidebar logo
search the Photoshop Support site
Adobe Photoshop Blog - Photoshop news and comments
Photoshop Blog
News, links and tips.
Adobe Photoshop Blog - Receive Updates via our XML/RSS feed
Inspiring Photoshop Music...
Inspiring Photoshop Music...
Inspiring Photoshop Music...
join our Photoshop Newsletter and win free prizes
Free Newsletter
Free monthly prizes.
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask - $10 Off
Fluid Mask Tour
Free Dreamweaver Tutorials and Dreamweaver Templates - Resource Center - Main Page
DW Center - Main
DW Free Tutorials
DW Video Clips
DW Templates
Free Flash Tutorials and Flash Templates - Resource Center
Flash - Main
Flash Tutorials
Flash Templates
Photoshop software & gear at special prices
Photoshop Deals
Photoshop specials.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop
designs into websites
with SiteGrinder
Photoshop CS3 Resources - Photoshop 10 news
Photoshop CS3
PS CS3 Tutorials
Adobe Photoshop Elements - resource center
PSE Main Page
PSE Free Tutorials
PSE Free Clips
Lightroom Resource Center - Adobe Lightroom tutorials and news
Lightroom - Main
LR Free Tutorials
LR Resources
Apple Aperture resource center - Aperture tutorials and news
Aperture - Main
Aperture Tutorials
Aperture Reviews
Photoshop Resources
Photoshop Tutorials
Free Tutorials
Photoshop 9 - CS2
Free CS2 Tutorials
Photoshop Brushes
Free Brushes
Photoshop Plugins
Free Plugins
Photoshop Actions
Free Actions
Photoshop Training
Free Video Clips
Free Stock Photos
Free Photos
Free Fonts Directory
Free Fonts
Free Textures
Free Textures
Digital Cameras
Resource Center
Inspiration
Websites & Artists
Photoshop News
Latest News
Photoshop Books
Latest Releases
Color Resources
Color Management
Just For Kids
Photoshop for Kids
How-To Articles
Photoshop Articles
GoLive Site
GoLive Tutorials
Quick Answers
Photoshop FAQ
Get In Touch
Feedback Form
© 1999-2005 PHOTOSHOPSUPPORT.COM
ALL RIGHTS RESERVED - MAY NOT BE REPRODUCED WITHOUT PERMISSION
Some material reproduced by permission of copyright owners
All trademarks mentioned are the property of their respective owners
[this website is intended as a public service]
• navigation bar inspired by Griffin Technology
• website design and development by Futura Studios
web hosting provided by Hostway •