{"id":11010,"date":"2017-01-25T03:18:01","date_gmt":"2017-01-25T08:18:01","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=11010"},"modified":"2022-11-02T12:05:11","modified_gmt":"2022-11-02T16:05:11","slug":"converting-color-photos-to-black-and-white-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/","title":{"rendered":"Converting Color Photos To Black and White In Photoshop"},"content":{"rendered":"<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, we'll learn how to easily convert a full color photograph into a beautiful, custom black and white image using a Black &amp; White adjustment layer in Photoshop! I'll be using Photoshop CC here but this tutorial is also compatible with Photoshop CS6. <\/p>\n<style type=\"text\/css\">\n.adslot-pr2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 20px; }\n@media (max-width: 767px) { .adslot-pr2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo editing top responsive -->\n<ins class=\"adsbygoogle adslot-pr2\"     \n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4356542292\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>In Photoshop's earlier days, converting a color image to black and white was not as simple or as intuitive as it is today. At least, not if you cared about the results. Back then, many Photoshop users simply removed the color from the image, either by <a href=\"\/photo-editing\/black-and-white\/desaturate\/\">desaturating<\/a> it or by converting it to <a href=\"\/photo-editing\/black-and-white\/grayscale\">Grayscale<\/a>. These methods were quick and easy, and can still be used today. But they offer no control over what the black and version will look like. They simply toss away the color. And a color image,  suddenly without  color, often looks flat, dull and lifeless.<\/p>\n<p>Rather than tossing away the color, what if we could somehow <em>use<\/em> the original colors in the image to help us convert it to black and white? What I mean is, what if we could adjust the brightness of specific areas in the black and white version based on the original color of those areas? What if we could darken the sky simply because it was blue, or lighten the grass because it was green? What if, instead of being something to throw away, the colors became the gateway, the key, to our black and white vision?<\/p>\n<\/section>\n<section>\n<p>That's exactly what Photoshop's <strong>Black &amp; White <\/strong>image adjustment was designed for. First introduced back in Photoshop CS3, a Black &amp; White image adjustment lets us easily control the tonality of different areas in the black and white version using the image's original colors as our guide. It may sound like an advanced topic, but as we'll see, all it takes are a few simple sliders to turn a flat, colorless image into a black and white masterpiece.<\/p>\n<p>But that's not all. By applying a Black &amp; White adjustment as an <strong>adjustment layer<\/strong> in Photoshop, as we'll be doing in this tutorial, we keep the effect fully editable. And, we keep our black and white  version completely separate from the full color original, which means that we can even restore some of the image's original color when we're done. Let's see how it works!<\/p>\n<p>You can use any image of your own to follow along with this tutorial. Keep in mind, though, that while converting an image to black and white can be a great way to simplify it, remove distractions and bring focus to the main subject, not every photo will look better in black and white. If  color plays an important part in the overall mood of the image, like the golden hues of a sunset, then a black and white version may not look as impressive. <\/p>\n<p>However, many photos can look stunning in black and white. And since we won't be making any permanent changes to the original full color image, there's no harm in giving them a try. Here's the photo I'll be using (barn photo from <a href=\"https:\/\/prf.hn\/l\/WJXdAVq\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Stock<\/a>:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/original.jpg\" alt=\"Barn backed by mountains. Image 113710336 licensed from Adobe Stock by Photoshop Essentials.com\" width=\"644\" height=\"431\" \/>\n<div class=\"image-desc\">The original photo. Image credit: Adobe Stock.<\/div>\n<\/section>\n<aside>\n<p>This tutorial is part of our <a href='\/photo-editing\/' title='Photo editing and retouching tutorials'>Photo Editing and Retouching<\/a> collection. Let's get started!<\/p>\n<\/aside>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<section>\n<h3>Desaturating The Image<\/h3>\n<p>Before we look at how a Black &amp; White image adjustment works, let's quickly desaturate the color in our image to see what we end up with. You won't need to do this every time you convert an image to black and white. We're just doing this here so we can compare the result we get from simply desaturating the image with what we're able to achieve with a Black and White adjustment.<\/p>\n<p>Since we want to avoid making any permanent changes to the original color image, we'll desaturate it using one of Photoshop's Hue\/Saturation adjustment layers. Click on the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom of the <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-new-adjustment-layer-icon.png\" alt=\"Clicking the New Fill or Adjustment Layer icon in the Layers panel. \" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Then choose <strong>Hue\/Saturation<\/strong> from the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-hue-saturation.png\" alt=\"Selecting a Hue\/Saturation adjustment layer. \" \/>\n<div class=\"image-desc\">Choosing a Hue\/Saturation adjustment layer.<\/div>\n<p>Photoshop places the Hue\/Saturation adjustment layer  above the original image that's sitting on the <a href=\"\/basics\/background-layer-photoshop-cc\/\">Background layer<\/a>. This means that anything we do with the adjustment layer will be kept separate from the image itself:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/hue-saturation-adjustmnt-layer.png\" alt=\"The Layers panel showing the adjustment layer above the image. \" \/>\n<div class=\"image-desc\">The Layers panel showing the adjustment layer above the image.<\/div>\n<p>The controls and options for the Hue\/Saturation adjustment layer appear in Photoshop's <strong>Properties panel<\/strong>. To desaturate the image, simply click on the <strong>Saturation<\/strong> slider and drag it all the way to the left, to a value of <strong>-100<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-properties-panel.png\" alt=\"Dragging the Saturation slider all the way to the left. \" \/>\n<div class=\"image-desc\">Dragging the Saturation slider all the way to the left.<\/div>\n<p>This removes the color, leaving us with a black and white version. In my case, the result isn't terrible; it's just not very interesting. The sky, grass and mountains in the background are all looking rather flat and dull, and the  overall image is lacking contrast:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-and-white-desaturate.jpg\" alt=\"The black and white version after desaturating the color. \" \/>\n<div class=\"image-desc\">The black and white version after desaturating the color.<\/div>\n<p>The reason is that, even though colors look very different to us in, well, color, they can actually look very similar to each other in black and white. Depending on their shades, many of the colors in your image may  share similar <em>brightness values<\/em>. When you remove the color, and all you're left with are areas of similar brightness, the resulting black and white image looks flat.<\/p>\n<p>What we need is a way to compensate for the similar brightness values; something that will let us lighten certain colors and darken others so that our once flat-looking image suddenly pops with contrast, detail and definition.<\/p>\n<p>Let's turn off the Hue\/Saturation adjustment layer for now by clicking on its <strong>visibility icon<\/strong> in the Layers panel. We\u2019ll turn it back on later so we can compare this result with what we achieve using a Black and White adjustment layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/hue-saturation-layer-visibility-icon.png\" alt=\"Turning off the Hue\/Saturation adjustment layer. \" \/>\n<div class=\"image-desc\">Turning off the Hue\/Saturation adjustment layer.<\/div>\n<p>With the adjustment layer turned off, we're back to seeing our original, full color image once again:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/original.jpg\" alt=\"Barn backed by mountains. Image 113710336 licensed from Adobe Stock by Photoshop Essentials.com\" width=\"644\" height=\"431\" \/>\n<div class=\"image-desc\">The original color image returns.<\/div>\n<style type=\"text\/css\">\n.photoedit-middle { display: inline-block; width:300px; height:250px; float:right; margin: 6px 0px 12px 20px; }\n@media (max-width: 767px) { .photoedit-middle { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- photoedit-rectangle-middle -->\n<ins class=\"adsbygoogle photoedit-middle\"     \n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"6428689099\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Adding A Black &amp; White Adjustment Layer<\/h3>\n<p>To add a Black &amp; White adjustment layer, click once again on the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom of the <strong>Layers panel<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/new-fill-adjustment-layer-icon.png\" alt=\"Clicking the New Fill or Adjustment Layer icon in the Layers panel. \" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Then choose <strong>Black &amp; White<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/choose-black-and-white-adjustment-layer.png\" alt=\"Choosing a Black & White adjustment layer. \" \/>\n<div class=\"image-desc\">Choosing a Black &amp; White adjustment layer.<\/div>\n<p>Just like with the Hue\/Saturation adjustment layer that we added earlier, Photoshop places the Black &amp; White adjustment layer above the image on the Background layer, keeping our black and white version and the original, full color version completely separate from each other:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-adjustment-layer.png\" alt=\"The Layers panel showing the Black & White adjustment layer above the image. \" \/>\n<div class=\"image-desc\">The Layers panel showing the Black &amp; White adjustment layer above the image.<\/div>\n<h3>The Default Settings<\/h3>\n<p>If we look at our image, we see that Photoshop has already gone ahead and converted it to black and white. The result isn't great, but it's a start:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-initial-black-white-conversion.jpg\" alt=\"Photoshop applies an initial black and white conversion to the image. \" \/>\n<div class=\"image-desc\">Photoshop applies an initial black and white conversion to the image.<\/div>\n<p>To understand what's happened, let's look at the options and controls for the Black &amp; White adjustment layer. You'll find them in the <strong>Properties panel<\/strong>. Notice the various <strong>color sliders<\/strong>. There's six of them in total; one for each of the three <em>primary<\/em> colors (<strong>Reds<\/strong>, <strong>Greens<\/strong> and <strong>Blues<\/strong>) and one for each of the three <em>secondary<\/em> colors (<strong>Yellows<\/strong>, <strong>Cyans<\/strong> and <strong>Magentas<\/strong>):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-properties-panel.jpg\" alt=\"The Properties panel showing the Black & White adjustment options. \" \/>\n<div class=\"image-desc\">The Properties panel showing the six color sliders.<\/div>\n<p>Each slider controls the brightness of a different color in the image. The Reds slider, for example, will lighten or darken any areas containing red. The Greens slider will lighten or darken  areas of green. The Blues slider affects areas of, you guessed it... blue, and so on. Using these sliders, we can easily target specific areas in the image based on the color of those areas and then lighten or darken them as needed.<\/p>\n<p>Notice that Photoshop has already gone ahead and set the sliders to specific values (Reds are set to 40, Yellows to 60, Greens to 40, and so on). These are the default values, and they'll be the same for every image. Our current black and white version is the result of these default values. We'll see how to adjust the values and create our own custom black and white version in a few moments:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-adjustment-defaults.jpg\" alt=\"The default values for the Black & White adjustment sliders. \" \/>\n<div class=\"image-desc\">The default values for the sliders.<\/div>\n<h3>Color? What Color?<\/h3>\n<p>Of course, it may seem odd that we're talking about adjusting the brightness of colors when the image has already been converted to black and white. Or has it? Remember, our Black &amp; White adjustment layer is <em>completely separate<\/em> from the original image. If we turn off the Black &amp; White adjustment layer by clicking its <strong>visibility icon<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/turn-off-black-white-adjustment-layer.png\" alt=\"Turning off the Black & White adjustment layer. \" \/>\n<div class=\"image-desc\">Turning off the Black &amp; White adjustment layer.<\/div>\n<p>Our original, full color image returns:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/original.jpg\" alt=\"Barn backed by mountains. Image 113710336 licensed from Adobe Stock by Photoshop Essentials.com\" width=\"644\" height=\"431\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>And, when we turn the Black &amp; White adjustment layer back on by  clicking again on its <strong>visibility icon<\/strong> (the empty square):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/turn-on-black-white-adjustment-layer.png\" alt=\"Turning the Black & White adjustment layer back on. \" \/>\n<div class=\"image-desc\">Turning the Black &amp; White adjustment layer back on.<\/div>\n<p>The black and white version returns. Not only does this mean that our original image remains safe and unharmed, but it also means that, even while we're seeing the black and white version, the original colors are still there. Photoshop still knows that the sky is blue and the grass is green even while we're seeing them as shades of gray:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-initial-black-white-conversion.jpg\" alt=\"Back to the black and white version. \" \/>\n<div class=\"image-desc\">Back to the black and white version.<\/div>\n<h3>The Presets<\/h3>\n<p>Before we look at adjusting the sliders, let's take a quick look at the various presets that are available to us with the Black &amp; White adjustment. We can access the presets from the <strong>Preset<\/strong> option above the sliders. Initially, the Preset option is set to <strong>Default<\/strong>, which is why we're currently seeing the default slider values:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-adjustment-presets.jpg\" alt=\"The Preset option for the Black & White adjustment. \" \/>\n<div class=\"image-desc\">The Preset option in the Properties panel.<\/div>\n<p>Clicking on the word &quot;Default&quot; opens a list of presets that we can choose from, many of which are based on filters used in traditional black and white photography:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-presets.png\" alt=\"The presets for the Black & White adjustment. \" \/>\n<div class=\"image-desc\">The Black &amp; White presets.<\/div>\n<p>We won't go through all of the presets here since you can easily try them out on your own, but let's take a quick look at a few of them. I'll choose the <strong>Blue Filter<\/strong> preset from the top of the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/select-blue-filter.png\" alt=\"Choosing the Blue Filter black and white preset. \" \/>\n<div class=\"image-desc\">Choosing the Blue Filter preset.<\/div>\n<p>In traditional black and white photography, color filters are used to lighten or darken different areas in the image by allowing or blocking different colors of light. A blue filter, for example, would allow blue light to freely pass through it while blocking other colors to various degrees. This causes areas of blue to appear much lighter in the black and white image, while other colors appear darker.<\/p>\n<p>Since the sky in my image is very blue, it appears almost entirely washed out with the Blue Filter selected. Meanwhile, the greens, yellows and reds in the rest of the image now appear much darker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-blue-filter.jpg\" alt=\"The result using the Blue Filter preset. \" \/>\n<div class=\"image-desc\">The result using the Blue Filter preset.<\/div>\n<p>If we look at the color sliders with the Blue Filter preset selected and compare them with the default values, we get a better sense of what's happened. The default settings are on the left and the Blue Filter settings are on the right.<\/p>\n<p>Notice that the Reds, Yellows and Greens values have all been lowered in the Blue Filter preset, while the Cyans, Blues and Magentas have been increased. Lower values darken the colors; higher values lighten them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-blue-filter-sliders.jpg\" alt=\"The result using the Blue Filter preset. \" \/>\n<div class=\"image-desc\">Comparing the default settings (left) with the Blue Filter settings (right).<\/div>\n<p>Let's compare that to what happens when we try the <strong>Red Filter<\/strong> preset. I'll select it from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/select-red-filter.png\" alt=\"Selecting the Red Filter preset. \" \/>\n<div class=\"image-desc\">Choosing the Red Filter preset.<\/div>\n<p>A red filter would allow red light to freely pass through it, causing areas of red to appear lighter in the black and white image, while other colors would be blocked to some degree, making them look darker. <\/p>\n<p>And here, we see the result. Since blue (and more specifically, cyan) is furthest away from red in the color spectrum, my blue sky  becomes the darkest part of the image. Reds and yellows are the lightest (yellow contains lots of red), while areas of green fall somewhere in the middle:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-red-filter.jpg\" alt=\"The result using the Red Filter preset. \" \/>\n<div class=\"image-desc\">The result using the Red Filter preset.<\/div>\n<p>And if we compare the color slider values for the Blue Filter and Red Filter presets, we  again get a better sense of what's happened. The Blue Filter preset is on the left; the Red Filter preset is on the right.<\/p>\n<p>Notice that the Reds, Yellows and Magentas values are all higher with the Red Filter preset, which explains why those areas now appear lighter in the image. The Greens value is slightly lower than it was with the Blue Filter preset, so not a huge change there, but the Cyans and Blues values are much lower, making them the darkest part of the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-bluevsred-preset-sliders.jpg\" alt=\"The result using the Blue Filter preset. \" \/>\n<div class=\"image-desc\">Comparing the Blue Filter settings (left) with the Red Filter settings (right).<\/div>\n<p>Let's look at one more preset. The give our black and white image a more unique look, we can try the <strong>Infrared<\/strong> preset:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/select-infrared-preset.png\" alt=\"Choosing the Infrared preset. \" \/>\n<div class=\"image-desc\">Choosing the Infrared preset.<\/div>\n<p>Infrared photography captures light that's just beyond the visible spectrum (\"infra\" means \"below\", so \"infrared\" means \"below red\"), and it can give black and white images a magical, ethereal look. Grass and foliage become  white, while skies and water darken to near black, creating striking contrast.<\/p>\n<p>Notice the effect that the Infrared preset has on my image, as the area of yellow and green grass along the bottom is now almost pure white, while everything else, especially the sky, appears much darker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-infrared.jpg\" alt=\"The result using the Infrared preset. \" \/>\n<div class=\"image-desc\">The result using the Infrared preset.<\/div>\n<p>And if we look at the color sliders in the Properties panel, we see that sure enough, the Infrared preset has set Yellows to the highest value, making them the lightest part of the image, with Greens not far behind. All of the other color values have been set much lower, with Blues, Cyans and Magentas being the lowest (and therefore the darkest):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-infrared-filter-sliders.jpg\" alt=\"The Infrared preset values. \" \/>\n<div class=\"image-desc\">The Infrared preset values.<\/div>\n<p><a href=\"http:\/\/www.photoshopessentials.com\/photo-effects\/infrared-glow\/\">Related: Non-Destructive Infrared Glow Effect<\/a><\/p>\n<p>As I mentioned, we won't go through all of the presets here since you can easily try out the rest on your own. But after looking at a few presets and comparing their settings, we have a good idea of how the  color sliders  impact the brightness in different areas of the image.<\/p>\n<p>While the presets can serve as a great starting point, the real fun is in creating our own custom black and white version. Let's restore the sliders back to their default values by setting the <strong>Preset<\/strong> option back to <strong>Default<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-default-black-white-settings.jpg\" alt=\"Selecting the Default preset. \" \/>\n<div class=\"image-desc\">Selecting the Default preset.<\/div>\n<p>This returns us  to the original, default black and white version of the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-initial-black-white-conversion.jpg\" alt=\"The black and white image with the default values restored. \" \/>\n<div class=\"image-desc\">The image with the default values restored.<\/div>\n<h3>The Auto Button<\/h3>\n<p>There's one more important feature in the Properties panel that we need to look at before we start manually adjusting the sliders. That feature is the <strong>Auto<\/strong> button. The Auto button lets Photoshop look at the full color image to figure out what it thinks the black and white version should look like, and then lets it adjust the color sliders automatically.<\/p>\n<p>Of course, Photoshop is just a software app with no sense of artistic style or creative vision. Yet while the Auto  results probably won't win us any awards, they can still give us a place to start. I'll click the Auto button, located above the sliders:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-auto-button.jpg\" alt=\"Clicking the Auto button. \" \/>\n<div class=\"image-desc\">Clicking the Auto button.<\/div>\n<p>With the simple click of a button, Photoshop examines the image and creates its own black and white version. In my case, the result isn't much different from the initial, default version. The sky is a little brighter, while everything else is a little darker. Keep in mind, though, that the Auto result depends on the image, so you may be seeing a bigger change with your image than what I'm seeing here:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-auto-black-white.jpg\" alt=\"The result after clicking the Auto button. \" \/>\n<div class=\"image-desc\">The image after clicking the Auto button.<\/div>\n<p>If we compare the sliders, with the default settings on the left and the Auto settings on the right, we see that my sky is now brighter because Photoshop raised the values for the Blues and Cyans, and everything else is darker because Photoshop lowered the values for the other colors:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-default-auto-comparison.jpg\" alt=\"Comparing the default and Auto black and white settings. \" \/>\n<div class=\"image-desc\">Comparing the default (left) and Auto (right) slider values.<\/div>\n<h3>Manually Adjusting The Sliders<\/h3>\n<p>Clicking the Auto button is usually worth a try, if for no other reason than to see what Photoshop comes up with. But whether you're starting from the Auto settings, from one of the Black &amp; White presets, or from the default settings, at some point you're going to want to take control and create your own custom black and white image. And to do that, all we need to do is drag the sliders! Dragging a slider to the left will darken any areas containing that color, while dragging to the right will lighten them.<\/p>\n<p>For example, let's say that I want to make the sky in my image darker. I know that the sky is blue, so to darken it, I'll simply click on the <strong>Blues<\/strong> slider and drag it towards the left. There's also lots of cyan in the sky, so I'll click on the <strong>Cyans<\/strong> slider and drag it to the left as well. There are no specific values to use here. Just keep an eye on your image as you drag the sliders to judge the results:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/drag-blues-cyans-sliders.jpg\" alt=\"Dragging the Blues and Cyans sliders to the left. \" width=\"261\" height=\"281\" \/>\n<div class=\"image-desc\">Dragging the Blues and Cyans sliders to the left.<\/div>\n<p>Here's my image after darkening any areas containing either blue or cyan, which is mainly the sky, as well as the mountain tops:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/image-blues-cyans-darker.jpg\" alt=\"The image after darkening the blues and cyans. \" width=\"644\" height=\"431\" \/>\n<div class=\"image-desc\">The image after dragging the Blues and Cyans sliders.<\/div>\n<p>The grassy area on the bottom of the image contains lots of green and yellow, so to balance out the contrast with the darkened sky, I'll lighten the area by dragging the <strong>Yellows<\/strong> and <strong>Greens<\/strong> sliders to the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/drag-yellows-greens-sliders.jpg\" alt=\"Lightening the Yellows and darkening the Greens. \" width=\"260\" height=\"282\" \/>\n<div class=\"image-desc\">Lightening the Yellows and Greens.<\/div>\n<p>On a related note, while grass, trees and plants may look very green to us, they actually contain more yellow than you might think. When trying to lighten those areas, you'll often find that the Yellows slider has more of an impact than  the Greens.<\/p>\n<p>Here's the result after lightening the grass:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/image-yellows-greens-sliders.jpg\" alt=\"The image after dragging the Yellows and Greens sliders. \" width=\"644\" height=\"431\" \/>\n<div class=\"image-desc\">The image after dragging the Yellows and Greens sliders.<\/div>\n<h3>The Targeted Adjustment Tool<\/h3>\n<p>As if dragging sliders wasn't easy enough, there's an even <em>easier<\/em> way to customize your black and white version, and that's by using the <strong>Targeted Adjustment Tool<\/strong>. You'll find it directly under the Preset option. Click on the tool to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-targeted-adjustment-tool.jpg\" alt=\"Selecting the Targeted Adjustment Tool for the Black & White adjustment layer. \" width=\"314\" height=\"199\" \/>\n<div class=\"image-desc\">Selecting the Targeted Adjustment Tool.<\/div>\n<p>The Targeted Adjustment Tool lets us target a specific area in the image just by clicking on it. We can then lighten or darken that area by simply dragging left or right on the area itself, rather than dragging the slider.<\/p>\n<p>For example, I think the mountain tops in the background are looking too dark. I know that the main color in that area is blue, so to lighten it, I <em>could<\/em> drag the Blues slider in the Properties panel. Or, with the Targeted Adjustment Tool selected, I can simply move my mouse cursor over that area in the image. My cursor will temporarily change into the <strong>Eyedropper Tool <\/strong>icon. The Eyedropper Tool is what Photoshop uses to sample colors from the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-eyedropper-tool.jpg\" alt=\"Positioning my mouse cursor over an area that needs adjusting. \" width=\"642\" height=\"429\" \/>\n<div class=\"image-desc\">Positioning my mouse cursor over an area that needs adjusting.<\/div>\n<p>I'll click on the image to let Photoshop sample the color from the area, then I'll keep mouse button held down. My cursor changes from the Eyedropper Tool icon back into the Targeted Adjustment Tool icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-targeted-adjustment-tool-icon.jpg\" alt=\"Clicking and holding on the area. \" width=\"640\" height=\"430\" \/>\n<div class=\"image-desc\">Clicking and holding on the area.<\/div>\n<p>With my mouse button still held down, I can either drag to the left to darken the area, or to the right to lighten it, just like I would do if I was dragging a slider. In my case, I want to lighten the area, so I'll drag to the right. I only need to lighten it a little bit, just enough to bring back some of the detail, so I'll drag a short distance:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/drag-targeted-adjustment-tool.jpg\" alt=\"Dragging to the right to lighten the mountain tops. \" width=\"640\" height=\"430\" \/>\n<div class=\"image-desc\">Dragging to the right to lighten the mountain tops.<\/div>\n<p>If you keep an eye on the Properties panel as you're dragging with the Targeted Adjustment Tool, you'll notice that the slider for the color  you clicked on is moving along with you as you drag. In my case, since the original color of the area was blue, and I'm dragging to the right, the Blues slider moves to the right as well:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/blues-slider.jpg\" alt=\"As you drag on the image, the color slider moves with you. \" width=\"295\" height=\"208\" \/>\n<div class=\"image-desc\">As you drag on the image, the color slider moves with you.<\/div>\n<p>Keep in mind, and this applies whether you're dragging the sliders or using the Targeted Adjustment Tool, that when you adjust a certain area, you're not adjusting only that one area. You're adjusting <em>every<\/em> area in the image which contains that color. In my case, lightening the mountain tops also lightened the sky because both areas contain blue:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/image-blues-lightened.jpg\" alt=\"The blue sky is now lighter after lightening the blue mountain tops. \" width=\"644\" height=\"431\" \/>\n<div class=\"image-desc\">The blue sky is now lighter after lightening the blue mountain tops.<\/div>\n<p>Now that I've been looking at the image for a while, I'm thinking it might have been a mistake to lighten the grass in the bottom of the photo. Darkening that area would bring out more detail. Since nothing we do with the Black &amp; White adjustment layer is permanent, it's easy to make changes and try out different ideas.<\/p>\n<p>To darken the grass, I'll click on it with the Targeted Adjustment Tool to sample its color. Then, with my mouse button still held down, I'll simply drag to the left until I'm happy with the result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/darken-yellows.jpg\" alt=\"Clicking on the grass and dragging to the left to darken it. \" width=\"640\" height=\"429\" \/>\n<div class=\"image-desc\">Clicking on the grass and dragging to the left to darken it.<\/div>\n<p>Since the area I clicked on with the Targeted Adjustment Tool was yellow, Photoshop moved the Yellows slider in the Properties panel as I dragged:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/yellows-slider.jpg\" alt=\"Dragging on the yellow grass moved the Yellows slider. \" width=\"295\" height=\"224\" \/>\n<div class=\"image-desc\">Dragging on the yellow grass moved the Yellows slider.<\/div>\n<p>Finally, I'll lighten the barn by clicking on it with the Targeted Adjustment Tool to sample its color, then I'll keep my mouse button held down as I drag to the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/lighten-barn.jpg\" alt=\"Clicking on the barn and dragging to the right to lighten it. \" width=\"641\" height=\"428\" \/>\n<div class=\"image-desc\">Clicking on the barn and dragging to the right to lighten it.<\/div>\n<p>Since the main color of the barn was red, Photoshop moved the Reds slider to the right. If you look back at the image, you\u2019ll notice that along with the barn, other areas that also contain lots of red, like the wooden fence, the hay behind the barn and some areas of the grass, were also lightened:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/reds-slider.jpg\" alt=\"Dragging on the red barn moved the Reds slider. \" width=\"295\" height=\"242\" \/>\n<div class=\"image-desc\">Dragging on the red barn moved the Reds slider.<\/div>\n<h3>Comparing The Results<\/h3>\n<p>In a moment, we'll learn how to easily bring back some of the color from the original image. But now that we've created our own custom black and white version using a Black &amp; White adjustment layer, let's quickly compare our result with what we first achieved back at the beginning of the tutorial using a Hue\/Saturation adjustment layer.<\/p>\n<p>First, I'll turn off the Black &amp; White adjustment layer by clicking its visibility icon in the Layers panel. Then, I'll click the Hue\/Saturation adjustment layer's visibility icon below it to turn that layer on:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-layer-visibility-icons.png\" alt=\"Turning off the Black and White adjustment layer, then turning on the Hue\/Saturation adjustment layer. \" width=\"299\" height=\"234\" \/>\n<div class=\"image-desc\">Turning off the Black &amp; White adjustment layer, then turning on the Hue\/Saturation adjustment layer.<\/div>\n<p>And here, we see the original black and white version that we achieved by simply desaturating the color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-and-white-desaturate.jpg\" alt=\"The desaturated version. \" \/>\n<div class=\"image-desc\">The quick, desaturated version.<\/div>\n<p>To switch back to the custom version, I'll click on the Hue\/Saturation layer's visibility icon to turn it off, then I'll click the Black &amp; White layer's visibility icon above it to turn it back on:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/layer-visibility-icons.png\" alt=\"Turning off the Hue\/Saturation adjustment layer, then turning on the Black and White adjustment layer. \" width=\"300\" height=\"234\" \/>\n<div class=\"image-desc\">Turning off the Hue\/Saturation adjustment layer, then turning on the Black &amp; White adjustment layer.<\/div>\n<p>And here is my custom  version created with the Black &amp; White adjustment layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-and-white.jpg\" alt=\"The Black and White adjustment layer version. \" \/>\n<div class=\"image-desc\">The Black &amp; White adjustment layer version.<\/div>\n<h3>Restoring Some Of The Original Color<\/h3>\n<p>At this point, we've learned everything we need to know to turn a full color photograph into a beautiful, custom black and white image. But just because we've converted it to black and white doesn't mean it needs to be <em>entirely<\/em> black and white. Thanks to the power of adjustment layers in Photoshop, we can easily restore some of the photo's original color.<\/p>\n<p>All we need to do is lower the opacity of the Black &amp; White adjustment layer. You'll find the <strong>Opacity<\/strong> option in the upper right of the Layers panel. The default opacity value is 100%, which means that the adjustment layer is completely blocking the original image below it from view. Lower the opacity to around <strong>90%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-opacity.png\" alt=\"Lowering the opacity of the Black and White adjustment layer. \" \/>\n<div class=\"image-desc\">Lowering the opacity of the Black &amp; White adjustment layer.<\/div>\n<p>This brings back just a hint of the original color, giving us our final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/black-and-white\/black-and-white-adjustment\/photoshop-black-white-colorized.jpg\" alt=\"The slighly colorized black and white version. \" \/>\n<div class=\"image-desc\">The slightly colorized black and white version.<\/div>\n<\/section>\n<aside><style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div><\/aside>\n<aside>\n<p>And there we have it! That\u2019s everything you need to know to convert color photos into stunning black and white images, along with how to restore some of the original color when you\u2019re done, using a Black & White adjustment layer in Photoshop! Check out our <a href=\"\/photo-editing\/\">Photo Retouching<\/a> section for more image editing tutorials!<\/p>\n<\/aside>\n<aside><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>Our complete guide to transforming your color photos into stunning black and white images using a Black &#038; White adjustment layer in Photoshop.<\/p>\n","protected":false},"author":1,"featured_media":11011,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,4],"tags":[],"class_list":["post-11010","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-black-and-white-tutorials","category-photo-editing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Converting Color Photos To Black and White In Photoshop<\/title>\n<meta name=\"description\" content=\"Our complete guide to transforming your color photos into stunning black and white images using a Black &amp; White adjustment layer in Photoshop.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Converting Color Photos To Black and White In Photoshop\" \/>\n<meta property=\"og:description\" content=\"Our complete guide to transforming your color photos into stunning black and white images using a Black &amp; White adjustment layer in Photoshop.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-25T08:18:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T16:05:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/photoshop-black-and-white-tutorial.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"29 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Converting Color Photos To Black and White In Photoshop\",\"datePublished\":\"2017-01-25T08:18:01+00:00\",\"dateModified\":\"2022-11-02T16:05:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/\"},\"wordCount\":4200,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/photoshop-black-and-white-tutorial.jpg\",\"articleSection\":[\"Black and White Conversions\",\"Photo Editing and Retouching\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/\",\"name\":\"Converting Color Photos To Black and White In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/photoshop-black-and-white-tutorial.jpg\",\"datePublished\":\"2017-01-25T08:18:01+00:00\",\"dateModified\":\"2022-11-02T16:05:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Our complete guide to transforming your color photos into stunning black and white images using a Black & White adjustment layer in Photoshop.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/photoshop-black-and-white-tutorial.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/photoshop-black-and-white-tutorial.jpg\",\"width\":250,\"height\":250,\"caption\":\"Photoshop Black and White Tutorial\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/converting-color-photos-to-black-and-white-in-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Retouch\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Converting Color Photos To Black and White In Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Converting Color Photos To Black and White In Photoshop","description":"Our complete guide to transforming your color photos into stunning black and white images using a Black & White adjustment layer in Photoshop.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Converting Color Photos To Black and White In Photoshop","og_description":"Our complete guide to transforming your color photos into stunning black and white images using a Black & White adjustment layer in Photoshop.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2017-01-25T08:18:01+00:00","article_modified_time":"2022-11-02T16:05:11+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/photoshop-black-and-white-tutorial.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"29 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Converting Color Photos To Black and White In Photoshop","datePublished":"2017-01-25T08:18:01+00:00","dateModified":"2022-11-02T16:05:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/"},"wordCount":4200,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/photoshop-black-and-white-tutorial.jpg","articleSection":["Black and White Conversions","Photo Editing and Retouching"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/","name":"Converting Color Photos To Black and White In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/photoshop-black-and-white-tutorial.jpg","datePublished":"2017-01-25T08:18:01+00:00","dateModified":"2022-11-02T16:05:11+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Our complete guide to transforming your color photos into stunning black and white images using a Black & White adjustment layer in Photoshop.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/photoshop-black-and-white-tutorial.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/photoshop-black-and-white-tutorial.jpg","width":250,"height":250,"caption":"Photoshop Black and White Tutorial"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Retouch","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/"},{"@type":"ListItem","position":3,"name":"Converting Color Photos To Black and White In Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/11010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=11010"}],"version-history":[{"count":71,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/11010\/revisions"}],"predecessor-version":[{"id":33625,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/11010\/revisions\/33625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/11011"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=11010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=11010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=11010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}