{"id":6344,"date":"2015-05-05T15:37:44","date_gmt":"2015-05-05T19:37:44","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=6344"},"modified":"2019-04-13T11:22:06","modified_gmt":"2019-04-13T15:22:06","slug":"adding-a-brightness-contrast-adjustment-layer-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/","title":{"rendered":"Adding A Brightness\/Contrast Adjustment Layer In Photoshop"},"content":{"rendered":"<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In the previous tutorial in this series on tone and color correction in Photoshop, we learned all about the <a href=\"\/photo-editing\/applying-a-brightness-contrast-image-adjustment-in-photoshop\/\">Brightness\/Contrast<\/a> image adjustment and how it can quickly and easily improve the overall brightness and contrast of an image.<\/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>Unlike the fully automatic <a href=\"\/photo-editing\/auto-tone-auto-contrast-and-auto-color-in-photoshop\/\">Auto Tone, Auto Contrast and Auto Color<\/a> commands that we looked at in the beginning of this series which offer no way to adjust or fine-tune the results after applying them, the Brightness\/Contrast command gives us manual control over our settings with easy to use, independent Brightness and Contrast sliders.<\/p>\n<p>There's two ways that we can apply Photoshop's Brightness\/Contrast command; one is as a <em>static adjustment<\/em>, the other is as an <em>adjustment layer<\/em>. We covered how to apply it as a static adjustment in the <a href=\"\/photo-editing\/applying-a-brightness-contrast-image-adjustment-in-photoshop\/\">previous tutorial<\/a>. The problem with static adjustments, though, is that they make permanent changes to the pixels in our image which makes it tough to go back and re-edit things later. This type of workflow is known as <em>destructive editing<\/em> and is something we should always try to avoid. A better way to work is by using <em>non-destructive<\/em> methods to accomplish the same things, and one of the best ways to do that is by taking advantage of <strong>adjustment layers<\/strong>. So in this tutorial, we'll learn how to easily apply the Brightness\/Contrast command not as a static adjustment but as a flexible and fully-editable adjustment layer!<\/p>\n<p>Since I covered everything about how the Brightness\/Contrast command works in the previous tutorial, I'll be moving  a bit more quickly here so we can focus more on how to apply it  as an adjustment layer. If you're not familiar with the Brightness\/Contrast command, I highly recommend reading through our <a href=\"\/photo-editing\/applying-a-brightness-contrast-image-adjustment-in-photoshop\/\">Applying A Brightness\/Contrast Image Adjustment In Photoshop<\/a> tutorial first before you continue. As with all tutorials in this series, I'm using <strong>Photoshop CC<\/strong> (Creative Cloud) but everything is fully compatible with <strong>Photoshop CS6<\/strong> as well.<\/p>\n<\/section>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<p>Here's an image I currently have open in Photoshop. It's not bad, but it definitely needs a boost in brightness and contrast. Let's see how a Brightness\/Contrast adjustment layer can improve it, and how it can do so without permanently changing a single pixel in the image:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/original.jpg\" alt=\"A mailbox surrounded by purple flowers. \" width=\"639\" height=\"429\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<\/section>\n<section>\n<h3>Step 1: Add A Brightness\/Contrast Adjustment Layer<\/h3>\n<p>Back when we were learning how to apply Brightness\/Contrast as a static adjustment, the first thing we needed to do was make a copy of our image and place it on a new layer. That way, we could apply the adjustment without harming the original image. With adjustment layers, there's no need to do that because they're completely non-destructive. All we need to do is add one, and there's a few ways to do it. One is by going up to the <strong>Layer<\/strong> menu in the Menu Bar along the top of the screen, choosing <strong>New Adjustment Layer<\/strong>, then choosing <strong>Brightness\/Contrast<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/new-adjustment-layer-bc.gif\" alt=\"Choosing a new Brightness\/Contrast adjustment layer from under the Layer menu. \" width=\"440\" height=\"141\" \/>\n<div class=\"image-desc\">Going to Layer &gt; New Adjustment Layer &gt; Brightness\/Contrast.<\/div>\n<p>Another way is by clicking on the <strong>Brightness\/Contrast icon<\/strong> in Photoshop's <strong>Adjustments panel<\/strong>. It's the first icon on the left, top row (the name of each adjustment layer will appear as you hover your mouse cursor over the icons): <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/adjustments-panel-brightness-contrast.gif\" alt=\"Clicking the Brightness\/Contrast icon in the Adjustments panel. \" width=\"235\" height=\"167\" \/>\n<div class=\"image-desc\">Clicking the Brightness\/Contrast icon in the Adjustments panel.<\/div>\n<p>If you're not seeing the Adjustments panel on your screen, go up to the <strong>Window<\/strong> menu where you'll find a list of all the panels available in Photoshop, then choose <strong>Adjustments<\/strong>. A <strong>checkmark<\/strong> next to the name means the panel is currently open, so you may just need to look for it (by default, it's nested in with the Styles panel, or as of CC 2014, with the Styles and Libraries panels). If you don't see a checkmark, select the Adjustments panel to open it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/window-menu-adjustments.gif\" alt=\"Selecting the Adjustments panel from under the Window menu. \" width=\"236\" height=\"128\" \/>\n<div class=\"image-desc\">Selecting the Adjustments panel from under the Window menu.<\/div>\n<p>The third way of adding a Brightness\/Contrast adjustment layer, and the one I tend to use the most, is by clicking 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\/tone-and-color\/brightness-contrast-adjustment-layer\/new-adjustment-layer-icon.gif\" alt=\"Clicking the New Fill or Adjustment Layer icon in the Layers panel. \" width=\"289\" height=\"277\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Then choosing <strong>Brightness\/Contrast<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/choose-brightness-contrast.gif\" alt=\"Selecting a Brightness\/Contrast adjustment layer. \" width=\"174\" height=\"110\" \/>\n<div class=\"image-desc\">Selecting a Brightness\/Contrast adjustment layer.<\/div>\n<p>Nothing will happen to the image just yet, but a new Brightness\/Contrast adjustment layer appears above the image in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/brightness-contrast-adjustment-layer.gif\" alt=\"The Layers panel showing the Brightness\/Contrast adjustment layer. \" width=\"327\" height=\"210\" \/>\n<div class=\"image-desc\">The Layers panel showing the Brightness\/Contrast adjustment layer.<\/div>\n<h3>Step 2: Click The Auto Button<\/h3>\n<p>When we applied Brightness\/Contrast as a static adjustment, the options and controls for it opened in a separate dialog box. With adjustment layers, they appear in the <strong>Properties panel<\/strong> which was added to Photoshop in CS6. Here, we see the same <strong>Brightness and Contrast sliders<\/strong>, the <strong>Auto<\/strong> button and the <strong>Use Legacy<\/strong> option, all of which we covered in detail in the <a href=\"\/photo-editing\/applying-a-brightness-contrast-image-adjustment-in-photoshop\/\">previous tutorial<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/photoshop-properties-panel.gif\" alt=\"The Properties panel showing the Brightness\/Contrast options. \" width=\"304\" height=\"302\" \/>\n<div class=\"image-desc\">The Brightness\/Contrast options in the Properties panel.<\/div>\n<p>Just as before, the first thing we'll usually want to do is click the <strong>Auto<\/strong> button, which lets Photoshop compare your image with similar images from other professional photographers as it tries to figure out the ideal brightness and contrast settings:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/auto-brightness-contrast.gif\" alt=\"Clicking the Auto button. \" width=\"304\" height=\"302\" \/>\n<div class=\"image-desc\">Clicking the Auto button.<\/div>\n<p>In my case, Photoshop decided to set the Brightness  to 54 and the Contrast  to 66. Of course, each image is unique so if you're following along with your own photo, chances are these values will be different:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/auto-brightness-contrast-settings.gif\" alt=\"The Auto brightness and contrast settings. \" width=\"304\" height=\"235\" \/>\n<div class=\"image-desc\">The Auto brightness and contrast settings that Photoshop came up with.<\/div>\n<p>Here's my image with the Auto settings applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/image-auto-brightness-contrast.jpg\" alt=\"The image after trying the Auto brightness and contrast button. \" width=\"640\" height=\"430\" \/>\n<div class=\"image-desc\">The image after trying the Auto button.<\/div>\n<h3>Step 3: Adjust The Brightness And Contrast Sliders<\/h3>\n<p>If you think your image could still look better after trying the Auto button, you can make further adjustments using the <strong>Brightness and Contrast sliders<\/strong>. Dragging a slider to the right increases brightness or contrast. Drag to the left to decrease brightness or contrast.<\/p>\n<p>I like what Photoshop came up with for the most part, but I think I'll lower the Brightness value a bit, down to maybe 45 or so, and I'll increase the Contrast  to 75. Again, this is just my own personal preference with this specific image. You'll want to keep an eye on your photo in the document as you drag the sliders to come up with the settings that work best for you:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/brightness-contrast-sliders.gif\" alt=\"Manually adjusting the Brightness and Contrast sliders. \" width=\"304\" height=\"199\" \/>\n<div class=\"image-desc\">Manually adjusting brightness and contrast with the sliders.<\/div>\n<p>Here's my photo after making my own manual adjustments. For comparison, the original, untouched version is on the left. The adjusted version is on the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/image-comparison.jpg\" alt=\"A before and after comparison of the Brightness\/Contrast adjustment. \" width=\"639\" height=\"428\" \/>\n<div class=\"image-desc\">A &quot;before and after&quot; comparison of the Brightness\/Contrast adjustment.<\/div>\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<h3>The \"Use Legacy\" Option<\/h3>\n<p>Just as with the static version of the Brightness\/Contrast command, the adjustment layer version includes a <strong>Use Legacy<\/strong> option which tells the Brightness\/Contrast command to behave the way it did prior to Photoshop CS3. I won't spend a lot of time on it here because I covered it in detail in the <a href=\"\/photo-editing\/applying-a-brightness-contrast-image-adjustment-in-photoshop\/\">previous tutorial<\/a>, but just as a quick refresher (and for anyone who hasn't yet read the previous tutorial), I'll click inside its checkbox to select it (it's turned off by default):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/brightness-contrast-use-legacy.gif\" alt=\"Selecting the Use Legacy option for the Brightness\/Contrast adjustment. \" width=\"313\" height=\"235\" \/>\n<div class=\"image-desc\">Selecting the Use Legacy option.<\/div>\n<p>Use Legacy tells the Brightness\/Contrast command to behave the way it did prior to Photoshop CS3, when Adobe made major improvements to it. Back then (in CS2 and earlier), the only thing Brightness\/Contrast did really well was destroy your image. As a quick example, with Use Legacy turned on, I'll drag both the Brightness and Contrast sliders all the way to the right, increasing both to their maximum value. This results in a completely blown out image (with strange color artifacts). That's because all Photoshop did was push the pixels in the image to extremes, sending the lighter tones to pure white and the darker tones to pure black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/uselegacyon-bc-maxed.jpg\" alt=\"The image with Use Legacy on and both Brightness and Contrast at their maximum values. \" width=\"639\" height=\"429\" \/>\n<div class=\"image-desc\">The image with Use Legacy on and both Brightness and Contrast set to their maximum values.<\/div>\n<p>By comparison, the same increase in Brightness and Contrast results in an image that, while definitely too bright, still retains most of its detail when the Use Legacy option is left off:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/uselegacyoff-bc-max.jpg\" alt=\"The same increase in Brightness and Contrast but with Use Legacy off. \" width=\"639\" height=\"429\" \/>\n<div class=\"image-desc\">The same increase in Brightness and Contrast but with Use Legacy off.<\/div>\n<p>Likewise, if I turn Use Legacy back on and drag the Brightness and Contrast sliders all the way to the left, decreasing them to their minimum values, I get an image that's not simply too dark; it has no detail remaining at all:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/uselegacyon-bc-min.jpg\" alt=\"Turning Use Legacy back on, then lowering Brightness and Contrast to their minimum values. \" width=\"639\" height=\"429\" \/>\n<div class=\"image-desc\">Lowering Brightness and Contrast to their minimum values with use Legacy on.<\/div>\n<p>With Use Legacy off, the same decrease in Brightness and Contrast still keeps most of the image detail intact. There's no reason  to enable the Use Legacy option these days (except in cases like this where you just want to compare the old version of Brightness\/Contrast with how much better it works today). It's turned off by default, and it's best to just leave it off:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/uselegacyoff-bc-min.jpg\" alt=\"The same decrease in Brightness and Contrast but with Use Legacy off. \" width=\"639\" height=\"428\" \/>\n<div class=\"image-desc\">The same decrease in Brightness and Contrast but with Use Legacy off.<\/div>\n<h3>Comparing The Original And Adjusted Versions Of Your Image<\/h3>\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<p>Something you may have noticed is that the Properties panel does not have the same <strong>Preview<\/strong> option that we saw with the static version of  Brightness\/Contrast. The Preview option allowed us to temporarily hide our adjustments in the document so we could view our original image. Does that mean we can't do that with an adjustment layer? Nope! It just means there's no actual Preview option, but there's still an easy way to do it. Simply click the <strong>layer visibility icon<\/strong> at the bottom of the Properties panel to toggle the Brightness\/Contrast adjustment layer on and off:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/visibility-icon-properties-panel.gif\" alt=\"The layer visibility icon in the Properties panel. \" width=\"304\" height=\"205\" \/>\n<div class=\"image-desc\">The layer visibility icon in the Properties panel.<\/div>\n<p>With it off, you'll see your original image once again in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/original.jpg\" alt=\"A mailbox surrounded by purple flowers. \" width=\"639\" height=\"429\" \/>\n<div class=\"image-desc\">The original, uncorrected image.<\/div>\n<p>Click the same visibility icon again to turn the adjustment layer back on and view the image with your Brightness and Contrast settings applied. This makes it easy to compare the two versions to make sure you're on the right track:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/brightness-contrast-adjusted.jpg\" alt=\"The photo with the Brightness\/Contrast settings applied. \" width=\"639\" height=\"429\" \/>\n<div class=\"image-desc\">The corrected version.<\/div>\n<p>If that little eyeball icon in the Properties panel looks familiar, that's because it's the same visibility icon that's found in the <strong>Layers panel<\/strong>, and they both do the same thing. Clicking either one toggles the adjustment layer on and off:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/visibility-icon-layers-panel.gif\" alt=\"The same visibility icon in the Layers panel. \" width=\"342\" height=\"210\" \/>\n<div class=\"image-desc\">The same visibility icon in the Layers panel.<\/div>\n<h3>Resetting The Brightness\/Contrast Settings<\/h3>\n<p>At any time, you can reset both the Brightness and Contrast sliders back to their default value of 0 by clicking the <strong>Reset<\/strong> icon at the bottom of the Properties panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/reset-icon.gif\" alt=\"The Reset icon for the Brightness\/Contrast adjustment layer in the Properties panel. \" width=\"304\" height=\"206\" \/>\n<div class=\"image-desc\">The Reset icon restores the default values.<\/div>\n<h3>Re-Editing The Brightness And Contrast Settings<\/h3>\n<p>If we were applying Brightness\/Contrast as a static adjustment, we would need to click OK in the dialog box to accept our settings and commit them to the image, at which point the pixels on the layer would be permanently changed. With adjustment layers, there's never a need to do that because they remain forever editable, with no loss in image quality. To show you what I mean, I'll add a second adjustment layer to my document, this time choosing a <strong>Vibrance<\/strong> adjustment to boost the colors. To add it, I'll click on its <strong>thumbnail<\/strong> in the <strong>Adjustments panel<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/vibrance-adjustment-layer.gif\" alt=\"Adding a Vibrance adjustment layer. \" width=\"235\" height=\"167\" \/>\n<div class=\"image-desc\">Adding a Vibrance adjustment layer.<\/div>\n<p>Notice that by adding this new adjustment layer, my Brightness\/Contrast settings in the Properties panel (upper right corner of the screenshot below) have been replaced by the Vibrance settings. Since this isn't a tutorial on how Vibrance works, I'll just quickly increase my Vibrance value to around 30 and the Saturation value to 10:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/image-vibrance.jpg\" alt=\"The Properties panel now shows options for the Vibrance adjustment, not Brightness\/Contrast. \" width=\"639\" height=\"429\" \/>\n<div class=\"image-desc\">The Properties panel now shows options for the Vibrance adjustment, not Brightness\/Contrast.<\/div>\n<p>If I want to go back at this point and re-edit my Brightness\/Contrast settings, all I need to do is click on the little <strong>thumbnail icon<\/strong> on the Brightness\/Contrast layer in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/brightness-contrast-thumbnail.gif\" alt=\"Clicking the Brightness\/Contrast thumbnail icon. \" width=\"327\" height=\"210\" \/>\n<div class=\"image-desc\">Clicking the Brightness\/Contrast thumbnail icon.<\/div>\n<p>This selects the Brightness\/Contrast adjustment layer and changes the Properties panel back to the Brightness\/Contrast settings so I can make whatever changes I need:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/tone-and-color\/brightness-contrast-adjustment-layer\/photoshop-brightness-contrast.jpg\" alt=\"Retouching an image with a Brightness\/Contrast adjustment in Photoshop. \" width=\"639\" height=\"429\" \/>\n<div class=\"image-desc\">The Properties panel shows the settings for whichever adjustment layer is currently selected.<\/div>\n<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>\n<p>And there we have it! That's how to easily improve the overall brightness and contrast of an image, and keep your settings both fully editable and non-destructive, by applying Brightness\/Contrast as an adjustment layer in Photoshop! In the next tutorial, we'll learn how to restore hidden detail in the shadows and highlights of an image with Photoshop's powerful <a href=\"\/photo-editing\/restoring-hidden-detail-with-shadows-highlights-in-photoshop\/\">Shadows\/Highlights<\/a> image adjustment!<\/p>\n<\/section>\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>In this tutorial, the fourth in our tone and color correction series, we take everything we&#8217;ve learned so far about how Photoshop&#8217;s Brightness\/Contrast command works and learn how to apply it as a fully editable adjustment layer!<\/p>\n","protected":false},"author":1,"featured_media":11088,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,105],"tags":[],"class_list":["post-6344","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-editing","category-tone-and-color"],"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>Adding A Brightness\/Contrast Adjustment Layer In Photoshop<\/title>\n<meta name=\"description\" content=\"In this Photoshop tutorial, learn how to quickly improve the overall brightness and contrast of an image by applying a Brightness\/Contrast adjustment layer!\" \/>\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\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding A Brightness\/Contrast Adjustment Layer In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop tutorial, learn how to quickly improve the overall brightness and contrast of an image by applying a Brightness\/Contrast adjustment layer!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-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=\"2015-05-05T19:37:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T15:22:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/05\/brightness-contrast-adjustment-layer-1.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=\"10 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\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Adding A Brightness\\\/Contrast Adjustment Layer In Photoshop\",\"datePublished\":\"2015-05-05T19:37:44+00:00\",\"dateModified\":\"2019-04-13T15:22:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/\"},\"wordCount\":2101,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/brightness-contrast-adjustment-layer-1.jpg\",\"articleSection\":[\"Photo Editing and Retouching\",\"Tone And Color Correction\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/\",\"name\":\"Adding A Brightness\\\/Contrast Adjustment Layer In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/brightness-contrast-adjustment-layer-1.jpg\",\"datePublished\":\"2015-05-05T19:37:44+00:00\",\"dateModified\":\"2019-04-13T15:22:06+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop tutorial, learn how to quickly improve the overall brightness and contrast of an image by applying a Brightness\\\/Contrast adjustment layer!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/brightness-contrast-adjustment-layer-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/brightness-contrast-adjustment-layer-1.jpg\",\"width\":250,\"height\":250,\"caption\":\"Adding A Brightness\\\/Contrast Adjustment Layer In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/adding-a-brightness-contrast-adjustment-layer-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\":\"Tone And Color Correction\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/tone-and-color\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Adding A Brightness\\\/Contrast Adjustment Layer 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":"Adding A Brightness\/Contrast Adjustment Layer In Photoshop","description":"In this Photoshop tutorial, learn how to quickly improve the overall brightness and contrast of an image by applying a Brightness\/Contrast adjustment layer!","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\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Adding A Brightness\/Contrast Adjustment Layer In Photoshop","og_description":"In this Photoshop tutorial, learn how to quickly improve the overall brightness and contrast of an image by applying a Brightness\/Contrast adjustment layer!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2015-05-05T19:37:44+00:00","article_modified_time":"2019-04-13T15:22:06+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/05\/brightness-contrast-adjustment-layer-1.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Adding A Brightness\/Contrast Adjustment Layer In Photoshop","datePublished":"2015-05-05T19:37:44+00:00","dateModified":"2019-04-13T15:22:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/"},"wordCount":2101,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/05\/brightness-contrast-adjustment-layer-1.jpg","articleSection":["Photo Editing and Retouching","Tone And Color Correction"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/","name":"Adding A Brightness\/Contrast Adjustment Layer In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/05\/brightness-contrast-adjustment-layer-1.jpg","datePublished":"2015-05-05T19:37:44+00:00","dateModified":"2019-04-13T15:22:06+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop tutorial, learn how to quickly improve the overall brightness and contrast of an image by applying a Brightness\/Contrast adjustment layer!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-in-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/05\/brightness-contrast-adjustment-layer-1.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/05\/brightness-contrast-adjustment-layer-1.jpg","width":250,"height":250,"caption":"Adding A Brightness\/Contrast Adjustment Layer In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/adding-a-brightness-contrast-adjustment-layer-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":"Tone And Color Correction","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/tone-and-color\/"},{"@type":"ListItem","position":4,"name":"Adding A Brightness\/Contrast Adjustment Layer 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\/6344","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=6344"}],"version-history":[{"count":51,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/6344\/revisions"}],"predecessor-version":[{"id":27224,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/6344\/revisions\/27224"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/11088"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=6344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=6344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=6344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}