{"id":884,"date":"2013-07-30T00:02:01","date_gmt":"2013-07-30T04:02:01","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=884"},"modified":"2019-04-13T11:27:09","modified_gmt":"2019-04-13T15:27:09","slug":"luminosity-mask","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/","title":{"rendered":"Boosting Contrast And Color With The Luminosity Mask In Photoshop"},"content":{"rendered":"<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this photo retouching tutorial, we'll learn how to boost the contrast and color saturation of an image in Photoshop using what's called a <strong>luminosity mask<\/strong>, a little-known trick for selecting pixels in an image based on their luminosity, or lightness, values. We'll see how to copy the luminosity mask to its own layer and combine it with one of Photoshop's layer blend modes to increase contrast, bring out the colors and give your photo more visual punch.<\/p>\n<p>I'll be using Photoshop CS6 for this tutorial but any recent version of Photoshop will work. <\/p>\n<p>Here's the image I'll be starting with. At the moment, it's looking a little flat and  dull:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/original.jpg\" alt=\"The original image. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">The original photo.<\/div>\n<p>Here's how it will look when we're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/photoshop-luminosity-mask.jpg\" alt=\"Boosting contrast and color with a luminosity mask in Photoshop. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<p>Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4>Step 1: Load The Luminosity Mask As A Selection<\/h4>\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>The first thing we need to do is switch over to Photoshop's <strong>Channels<\/strong> panel which you'll find grouped in beside the Layers panel. Click on its <strong>tab<\/strong> at the top to select and open it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/photoshop-cs6-channels-panel.gif\" alt=\"Switching to the Channels panel in Photoshop CS6. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Opening the Channels panel by clicking on its tab.<\/div>\n<p>Since my image is using the <a href=\"\/essentials\/rgb\/\">RGB color mode<\/a>, and yours most likely is as well, the Channels panel displays the <strong>Red<\/strong>, <strong>Green<\/strong> and <strong>Blue<\/strong> channels for the image, with each channel representing one of the three primary colors of light. It's also showing me what appears to be a fourth channel at the top named <strong>RGB<\/strong>, but this one isn't really a channel. It's  the combination of the Red, Green and Blue channels below it, and it's what's giving us the full color image we see on the screen.<\/p>\n<p>If all this talk of color channels is beyond your current Photoshop skill level (or your interest level), don't worry. You don't need to understand any of it for what we're doing here. All you need to know is that to select pixels based on their lightness values, simply press and hold the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key on your keyboard and click anywhere on the <strong>RGB <\/strong>channel at the top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/click-rgb-channel.gif\" alt=\"Switching to the Channels panel in Photoshop CS6. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Clicking the RGB channel while holding down Ctrl (Win) \/ Command (Mac).<\/div>\n<p>This loads a rather crazy looking selection inside your image.  What's happened is that Photoshop has gone through the image and selected pixels based on how bright they are. Pixels that are pure white are selected 100%. Pixels that are pure black are not selected at all, and pixels that fall somewhere between white and black are partially selected based on how close they are to white:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/luminosity-mask-loaded.jpg\" alt=\"Switching to the Channels panel in Photoshop CS6. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">The pixels in the image are now selected based on their luminosity values.<\/div>\n<h4>Step 2: Copy The Selection To A New Layer<\/h4>\n<p>We're done with the Channels panel, so switch over to the <strong>Layers<\/strong> panel by clicking on its <strong> tab<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/select-layers-panel.gif\" alt=\"Switching to the Layers panel in Photoshop CS6. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Switching from the Channels panel to the Layers panel.<\/div>\n<p>We need to copy our selection onto a new layer above the image, and we can do that by going up to the <strong>Layer<\/strong> menu at the top of the screen, choosing <strong>New<\/strong>, then choosing <strong>Layer via Copy<\/strong>. Or, you can press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) on your keyboard to access the same command with the handy  shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/new-layer-via-copy.gif\" alt=\"Selecting the New Layer via Copy command in Photoshop CS6. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Going to New &gt; Layer via Copy.<\/div>\n<p>Photoshop copies the selected pixels onto a new layer named <em>Layer 1<\/em> above the original image that's sitting on the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/new-layer-1.gif\" alt=\"The selected pixels have been copied to a new layer. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">The selected pixels have been copied to a new layer.<\/div>\n<p>To show you what I mean about pixels being only partially selected, click on the Background layer's <strong> visibility icon<\/strong> (the little eyeball icon) to temporarily hide the original image from view in the document window:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/layer-visibility-icon.gif\" alt=\"Clicking the layer visibility icon for the Background layer. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Clicking the Background layer's visibility icon.<\/div>\n<p>With the Background layer hidden, all we see in the document window is the contents of Layer 1. Notice that most of the pixels on the layer appear semi-transparent, and that's because they were only partially selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/image-luminosity-mask.jpg\" alt=\"The pixels that were selected by the luminosity mask. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">A view of only the selected pixels from the luminosity mask.<\/div>\n<p>Click once again on the Background layer's  visibility icon to bring the original image back into view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/reclick-visibility-icon.gif\" alt=\"Clicking again on the visibility icon for the Background layer. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Clicking again on the visibility icon.<\/div>\n<h4>Step 3: Change The Blend Mode  To \"Overlay\"<\/h4>\n<p>Now that I have the brightest parts of my image on a separate layer, I'll use them to boost the color and contrast of my image. To do that, all I need to do is change the  blend mode of Layer 1 from its default mode of Normal to <strong>Overlay<\/strong>. The Blend Mode option is found in the upper left of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/overlay-blend-mode.gif\" alt=\"Setting the layer to the Overlay blend mode. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Changing Layer 1's blend mode from Normal to Overlay.<\/div>\n<p>The <a href=\"\/photo-editing\/layer-blend-modes\/overlay\/\">Overlay blend mode<\/a> is part of the Contrast group of blend modes in Photoshop, and its purpose is to boost image contrast by making dark areas darker and light areas lighter. If you find that the Overlay blend mode is too intense with your image, try the <strong>Soft Light<\/strong> blend mode instead. Soft Light also boosts contrast but with more subtle results:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/soft-light-blend-mode.gif\" alt=\"Setting the layer to the Soft Light blend mode. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" width=\"285\" height=\"212\" \/>\n<div class=\"image-desc\">Try the Soft Light blend mode for a less intense contrast boost.<\/div>\n<p>I'm going to stick with the Overlay blend mode for my image. Here's what it now looks like. Notice that not only has the contrast been increased, but so has the overall color saturation:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/image-overlay.jpg\" alt=\"The image contrast and color saturation have both been increased with the Overlay blend mode. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" width=\"640\" height=\"448\" \/>\n<div class=\"image-desc\">The image after changing the blend mode to Overlay.<\/div>\n<p><strong>Related Reading:<\/strong> <a href=\"\/photo-editing\/layer-blend-modes\/intro\/\">Five Essential Blend Modes For Photo Editing<\/a><\/p>\n<h4><span>Step 4:<\/span> Duplicate Layer 1 If Needed To Enhance The Effect Even More<\/h4>\n<p>If you need to increase the contrast and color saturation in your image even further, you can easily do so simply by duplicating Layer 1. To do that, make sure Layer 1 is selected and highlighted in the Layers panel, then go back up to the <strong>Layer<\/strong> menu at the top of the screen, choose <strong>New<\/strong>, then choose <strong>Layer via Copy<\/strong>. Or, press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) for the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/new-layer-via-copy.gif\" alt=\"Once again selecting the New Layer via Copy command in Photoshop CS6. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Going again to New &gt; Layer via Copy.<\/div>\n<p>Photoshop creates a copy of Layer 1, gives the copy the descriptive name <em>Layer 1 copy<\/em>, and places it directly above the original. Notice that this copy of the layer is automatically set to the Overlay blend mode as well (or Soft Light if that's what you were using):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/layer-1-copy.gif\" alt=\"Once again selecting the New Layer via Copy command in Photoshop CS6. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" width=\"266\" height=\"301\" \/>\n<div class=\"image-desc\">The copy of Layer 1 is also set to the same blend mode.<\/div>\n<p>With two layers now combining to boost contrast and color saturation, the result is even stronger:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/image-more-contrast.jpg\" alt=\"The image after duplicating Layer 1. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">The image after duplicating Layer 1.<\/div>\n<p>At this point, you may find that the contrast is now <em>too<\/em> strong. If that's the case, you can reduce and fine-tune it by lowering the new layer's opacity value. You'll find the <strong>Opacity<\/strong> option directly across from the Blend Mode option at the top of the Layers panel. I'll lower mine down to 50%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/layer-opacity-50.gif\" alt=\"The Opacity option in the Layers panel. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Lowering the layer's opacity.<\/div>\n<p>And now the contrast and color saturation are a little less intense:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/image-opacity-50.jpg\" alt=\"The image after lowering the layer opacity to 50%. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">The image after lowering the layer opacity.<\/div>\n<h4>Step 5: Group The Top Layers<\/h4>\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>My image is now looking a lot better than it did when I started, but there's a small problem. By increasing the contrast, I've lost all the detail in the sky along the top of the photo. In fact, the sky now looks almost pure white. I <em>could<\/em> just leave it like that since the sky isn't the main focus of the photo anyway, but let's see how to easily bring the sky detail back using a <strong>layer mask<\/strong>.<\/p>\n<p>In my case here, I have two layers that are boosting the contrast and color saturation of my image - the original luminosity selection on Layer 1 and the copy of Layer 1 above it - so the first thing I'll do is place both of these inside a single <strong>layer group<\/strong>. To do that, with my top layer (Layer 1 copy) already selected and highlighted in the Layers panel, I'll press and hold the <strong>Shift<\/strong> key on my keyboard and click on the original Layer 1 below it. This selects both layers at once (both appear highlighted):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/selecting-two-layers.gif\" alt=\"Selecting two layers at once in the Layers panel. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Selecting the top two layers in the Layers panel.<\/div>\n<p>With both layers selected, I'll click on the small <strong>menu icon<\/strong> in the top right corner of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/layers-panel-menu-icon.gif\" alt=\"Clicking the Layers panel menu icon. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>Then I'll choose <strong>New Group from Layers<\/strong> from the menu that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/new-group-from-layers.gif\" alt=\"Selecting the New Group from Layers command. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Selecting the &quot;New Group from Layers&quot; command.<\/div>\n<p>Photoshop will pop open the New Group from Layers dialog box, giving us a chance to name the layer group. I'll name mine \"Contrast\". Click OK when you're done to close out of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/new-group-dialog-box.gif\" alt=\"Selecting the New Group from Layers command. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Naming the layer group before it's added.<\/div>\n<p>And now if we look in the Layers panel, we see that both layers are now inside my &quot;Contrast&quot; layer group. You can click the small triangle to the left of the group's folder icon to twirl the group open and closed, showing or hiding the layers inside it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/contrast-group.gif\" alt=\"The top two layers are now inside a layer group. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">The top two layers are now inside a single layer group.<\/div>\n<p><strong>Related Reading:<\/strong> <a href=\"\/basics\/layers\/layer-groups\/\">Photoshop Layer Groups<\/a><\/p>\n<h4><span>Step 6:<\/span> Add A Layer Mask To The  Group<\/h4>\n<p>Now that both layers are inside the group, I'll add a layer mask to the group by clicking on the <strong>Add Layer Mask<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/add-layer-mask.gif\" alt=\"Clicking the Add Layer Mask icon in the Layers panel. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">Clicking the \"Add Layer Mask\" icon.<\/div>\n<p>A white-filled <strong>layer mask thumbnail<\/strong> will appear on the layer group, letting us know the mask has been added:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/layer-mask-icon.gif\" alt=\"The layer mask thumbnail in the Layers panel. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">A layer mask thumbnail appears.<\/div>\n<h4>Step 7: Paint With Black On The Layer Mask To Reveal The Original Image<\/h4>\n<p>With my layer mask added, I'll grab Photoshop's <strong>Brush Tool<\/strong> from the Tools panel along the left of the screen, or I could select it by pressing the letter <strong>B<\/strong> on my keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/photoshop-brush-tool.gif\" alt=\"Selecting the Brush Tool in Photoshop CS6. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" width=\"79\" height=\"141\" \/>\n<div class=\"image-desc\">Selecting the Brush Tool.<\/div>\n<p>I'll need to paint on the layer mask with <strong>black<\/strong> to reveal the original photo in the areas I paint over, and Photoshop uses the current <strong>Foreground color<\/strong> as the paint color, so I'll press the letter <strong>D<\/strong> on my keyboard which will instantly reset my Foreground and Background colors to their defaults, making the Foreground color white and the Background color black. That's actually the opposite of what I need, so I'll press the letter <strong>X<\/strong> on my keyboard to swap them so the Foreground color becomes black.<\/p>\n<p>We can see the current Foreground and Background colors in the <strong>color swatches<\/strong> near the bottom of the Tools panel. The Foreground color is the upper left swatch and should now be set to black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/color-swatches.gif\" alt=\"The Foreground and Background color swatches. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" width=\"75\" height=\"174\" \/>\n<div class=\"image-desc\">The Foreground (upper left) and Background (lower right) color swatches.<\/div>\n<p>With my Brush Tool selected and my Foreground color set to black, I'll simply paint over the sky along the top of my image to reveal the original photo hiding underneath the layer group. You can change the size of your brush as you're painting from the keyboard. Press the <strong>left bracket key<\/strong> ( <strong>[<\/strong> ) repeatedly to make the brush smaller, or the <strong>right bracket key<\/strong> ( <strong>]<\/strong> ) to make it larger. To control the hardness of the edge of the brush, press and hold your <strong>Shift<\/strong> key, then press either the <strong>left bracket key<\/strong> ( <strong>[<\/strong> ) to soften the edges or the <strong>right bracket key<\/strong> ( <strong>]<\/strong> ) to make them harder.<\/p>\n<p>Here, I'm using a fairly small, soft-edge brush to paint over the sky. Notice the detail from the original image underneath showing through the areas I paint over:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/paint-sky.jpg\" alt=\"Painting with black on the layer mask to reveal the original sky. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" width=\"640\" height=\"148\" \/>\n<div class=\"image-desc\">Painting with black on the layer mask reveals the original sky.<\/div>\n<p><strong>Related Reading:<\/strong> <a href=\"http:\/\/www.photoshopessentials.com\/basics\/layers\/layer-masks\/\">Understanding Layer Masks In Photoshop<\/a><\/p>\n<p>Once you've brought back any lost details in the image, you're done! Here's my original once again for comparison:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/original.jpg\" alt=\"The original image. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">The original image once again.<\/div>\n<p>And here's my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cs6\/luminosity-mask\/photoshop-luminosity-mask.jpg\" alt=\"Boosting contrast and color with a luminosity mask in Photoshop. Image &copy; 2013 Steve Patterson, Photoshop Essentials.com.\" \/>\n<div class=\"image-desc\">The final result after bringing back the original sky.<\/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 quickly boost the contrast and color saturation of an image using the luminosity mask and a layer blend mode in Photoshop! Check out our <a href=\"\/photo-editing\/\">Photo Retouching<\/a> section for more Photoshop image editing tutorials!<\/p>\n<p><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this photo retouch tutorial, learn a little-known trick for selecting pixels in a photo based on their lightness values, then how to use them to boost contrast and color saturation to give your image more visual punch! Now fully updated for Photoshop CS6!<\/p>\n","protected":false},"author":1,"featured_media":11100,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-884","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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>Boosting Contrast And Color With The Luminosity Mask In Photoshop<\/title>\n<meta name=\"description\" content=\"Learn a little-known trick for selecting pixels in a photo based on their lightness values, and how to use them to boost contrast and color saturation!\" \/>\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\/luminosity-mask\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Boosting Contrast And Color With The Luminosity Mask In Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn a little-known trick for selecting pixels in a photo based on their lightness values, and how to use them to boost contrast and color saturation!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/\" \/>\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=\"2013-07-30T04:02:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T15:27:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2013\/07\/photoshop-luminosity-mask.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\\\/luminosity-mask\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Boosting Contrast And Color With The Luminosity Mask In Photoshop\",\"datePublished\":\"2013-07-30T04:02:01+00:00\",\"dateModified\":\"2019-04-13T15:27:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/\"},\"wordCount\":1984,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/photoshop-luminosity-mask.jpg\",\"articleSection\":[\"Photo Editing and Retouching\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/\",\"name\":\"Boosting Contrast And Color With The Luminosity Mask In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/photoshop-luminosity-mask.jpg\",\"datePublished\":\"2013-07-30T04:02:01+00:00\",\"dateModified\":\"2019-04-13T15:27:09+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn a little-known trick for selecting pixels in a photo based on their lightness values, and how to use them to boost contrast and color saturation!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/photoshop-luminosity-mask.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/photoshop-luminosity-mask.jpg\",\"width\":250,\"height\":250,\"caption\":\"Boosting Contrast And Color With The Luminosity Mask In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/luminosity-mask\\\/#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\":\"Luminosity Mask\"}]},{\"@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":"Boosting Contrast And Color With The Luminosity Mask In Photoshop","description":"Learn a little-known trick for selecting pixels in a photo based on their lightness values, and how to use them to boost contrast and color saturation!","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\/luminosity-mask\/","og_locale":"en_US","og_type":"article","og_title":"Boosting Contrast And Color With The Luminosity Mask In Photoshop","og_description":"Learn a little-known trick for selecting pixels in a photo based on their lightness values, and how to use them to boost contrast and color saturation!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2013-07-30T04:02:01+00:00","article_modified_time":"2019-04-13T15:27:09+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2013\/07\/photoshop-luminosity-mask.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\/luminosity-mask\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Boosting Contrast And Color With The Luminosity Mask In Photoshop","datePublished":"2013-07-30T04:02:01+00:00","dateModified":"2019-04-13T15:27:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/"},"wordCount":1984,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2013\/07\/photoshop-luminosity-mask.jpg","articleSection":["Photo Editing and Retouching"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/","name":"Boosting Contrast And Color With The Luminosity Mask In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2013\/07\/photoshop-luminosity-mask.jpg","datePublished":"2013-07-30T04:02:01+00:00","dateModified":"2019-04-13T15:27:09+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn a little-known trick for selecting pixels in a photo based on their lightness values, and how to use them to boost contrast and color saturation!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2013\/07\/photoshop-luminosity-mask.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2013\/07\/photoshop-luminosity-mask.jpg","width":250,"height":250,"caption":"Boosting Contrast And Color With The Luminosity Mask In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/luminosity-mask\/#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":"Luminosity Mask"}]},{"@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\/884","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=884"}],"version-history":[{"count":33,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/884\/revisions"}],"predecessor-version":[{"id":27236,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/884\/revisions\/27236"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/11100"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}