{"id":243664,"date":"2024-10-08T20:00:00","date_gmt":"2024-10-08T09:00:00","guid":{"rendered":"https:\/\/digital-photography-school.com\/?p=243664"},"modified":"2024-10-12T01:11:34","modified_gmt":"2024-10-11T14:11:34","slug":"overlay-blend-mode","status":"publish","type":"post","link":"https:\/\/digital-photography-school.com\/overlay-blend-mode\/","title":{"rendered":"Overlay Blend Mode: A Comprehensive Guide"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246567\" style=\"width:1242px\"><span class=\"space\" style=\"width:1242px; padding-top:91.14%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"1132\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/overlay-blend-mode-photoshop-1005.jpg?resize=1242%2C1132&#038;ssl=1\" alt=\"A guide to Photoshop's Overlay blend mode\" class=\"wp-image-246567\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/overlay-blend-mode-photoshop-1005.jpg?w=1242&amp;ssl=1 1242w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/overlay-blend-mode-photoshop-1005.jpg?resize=300%2C273&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/overlay-blend-mode-photoshop-1005.jpg?resize=600%2C547&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/overlay-blend-mode-photoshop-1005.jpg?resize=768%2C700&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/overlay-blend-mode-photoshop-1005.jpg?resize=717%2C653&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>Looking to understand the ins and outs of Photoshop&#8217;s Overlay blend mode? You&#8217;ve come to the right place. <\/p>\n\n\n\n<p>Overlay is a great way to add punch to otherwise flat images, plus it can be used to apply artistic effects such as color tints. It&#8217;s a very versatile <a aria-label=\"blend mode (opens in a new tab)\" href=\"https:\/\/digital-photography-school.com\/first-3-photoshop-blend-modes-need-understand\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">blend mode<\/a>, and it&#8217;s pretty popular, too &#8211; so it pays to understand what it is, how it works, and when you might want to use it in your photo editing.<\/p>\n\n\n\n<p>Below, we offer a thorough guide to this powerful tool. Let&#8217;s get started!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" data-section id=\"what-is-overlay-blend-mode\">What is Overlay blend mode?<\/h2>\n\n\n\n<p>Photoshop &#8211; and other layer-based editing programs &#8211; offer over two dozen blending modes, which determine how different layers interact. The Overlay blend mode belongs to the &#8220;Contrast&#8221;<em> <\/em>section of the blending mode menu, which means that it&#8217;ll increase the intensity of the blended layers.<\/p>\n\n\n\n<p>Overlay is actually a mix of two other common blend modes: Screen and Multiply. When Overlay is applied to a layer, Photoshop uses the Screen blending mode to handle any tone that&#8217;s brighter than 50% gray. And Photoshop uses the Multiply blending mode to handle any tone that&#8217;s darker than 50% gray.<\/p>\n\n\n\n<p>So unlike other Contrast blending modes, it takes effect according to the brightness level of the base layer. In other words, it doesn&#8217;t apply some distinct operation to the base color of the layer; instead, it Screens or Multiplies.<\/p>\n\n\n\n<p>That said, if the technical underpinnings of Overlay blend mode are making your head spin, don&#8217;t worry. The Overlay effect is easy to understand on a visual level: It makes dark tones darker and bright tones brighter. Look at what happens when I take a normal array of gray tones (below the red line), duplicate the image, and apply the Overlay blend mode (above the red line):<br \/><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246272\" style=\"width:1500px\"><span class=\"space\" style=\"width:1500px; padding-top:66.67%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay.jpg?resize=1500%2C1000&#038;ssl=1\" alt=\"Overlay blend mode Photoshop\" class=\"wp-image-246272\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay.jpg?w=1500&amp;ssl=1 1500w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay.jpg?resize=600%2C400&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay.jpg?resize=90%2C60&amp;ssl=1 90w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay.jpg?resize=717%2C478&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>The lightest tones (on the left) got even lighter. And the darkest tones (on the right) got even darker. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" data-section id=\"when-should-you-use-overlay-blend-mode\">When should you use Overlay blend mode?<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246269\" style=\"width:1500px\"><span class=\"space\" style=\"width:1500px; padding-top:59.27%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"889\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?resize=1500%2C889&#038;ssl=1\" alt=\"Overlay blend mode Photoshop\" class=\"wp-image-246269\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?w=1500&amp;ssl=1 1500w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?resize=300%2C178&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?resize=600%2C356&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?resize=768%2C455&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?resize=717%2C425&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>As I mentioned above, the Overlay blend mode is a mix of two other blending modes &#8211; Screen and Multiply &#8211; so it&#8217;s very versatile. You can use it in all sorts of scenarios, though here are a few of the most common:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When you want to recover the contrast on a faded vintage picture<\/li>\n\n\n\n<li>When you want to add contrast to a flat picture<\/li>\n\n\n\n<li>When you want to add a color tint to a photo<\/li>\n\n\n\n<li>When working on certain composites (e.g., when <a href=\"https:\/\/digital-photography-school.com\/use-photoshop-to-add-lightning\/\" target=\"_blank\" aria-label=\"adding lighting to a sky (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">adding lighting to a sky<\/a>)<\/li>\n\n\n\n<li>When <a href=\"https:\/\/digital-photography-school.com\/beginners-guide-to-creating-and-applying-texture-overlays-using-photoshop\/\" target=\"_blank\" aria-label=\"applying certain texture overlays (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">applying certain texture overlays<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" data-section id=\"how-to-use-the-overlay-blend-mode\">How to use the Overlay&nbsp;blend mode<\/h2>\n\n\n\n<p>Using Overlay isn&#8217;t especially difficult. Start by opening an image in Photoshop, then add a second layer. <\/p>\n\n\n\n<p>(Why is this necessary? Remember that blending modes tell Photoshop how <a href=\"https:\/\/digital-photography-school.com\/beginners-introduction-using-layers\/\" target=\"_blank\" aria-label=\"layers (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">layers<\/a> should interact. Changing the blending mode of a single layer doesn&#8217;t have any effect; instead, to see a difference in your image, you need a second layer that can interact with the first.)<\/p>\n\n\n\n<p>The type of layer you add doesn&#8217;t really matter. It can be a <a href=\"https:\/\/digital-photography-school.com\/photoshop-smart-objects-beginners\/\" target=\"_blank\" aria-label=\"Smart Object (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">Smart Object<\/a>, another picture, a solid color, an <a href=\"https:\/\/digital-photography-school.com\/photoshop-adjustment-layers-explained-part-1\/\" target=\"_blank\" aria-label=\"adjustment layer (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">adjustment layer<\/a>, etc.<\/p>\n\n\n\n<p>Next, go to the Layers panel, which should be on the right-hand side of the screen. If you can&#8217;t see it, select <strong>Window&gt;Layers<\/strong> or press <strong>F7<\/strong>.<\/p>\n\n\n\n<p>Select the top layer in the layer stack. Then open the blending modes menu by clicking the down arrow next to the current blending mode:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246273\" style=\"width:1500px\"><span class=\"space\" style=\"width:1500px; padding-top:60.87%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"913\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-how-to.jpg?resize=1500%2C913&#038;ssl=1\" alt=\"Overlay blend mode Photoshop\" class=\"wp-image-246273\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-how-to.jpg?w=1500&amp;ssl=1 1500w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-how-to.jpg?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-how-to.jpg?resize=600%2C365&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-how-to.jpg?resize=768%2C467&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-how-to.jpg?resize=717%2C436&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>Navigate to the Overlay blend mode. In Photoshop CC, you can see the blend mode&#8217;s effect on your image just by hovering over it. In Photoshop CS6, however, you won&#8217;t be able to see the effect until you&#8217;ve applied it to your image.<\/p>\n\n\n\n<p>That&#8217;s it! If you want, you can adjust the layer&#8217;s opacity using the slider next to the blend mode menu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" data-section id=\"overlay-blend-mode-a-step-by-step-example\">Overlay&nbsp;blend mode: A&nbsp;step-by-step example <\/h2>\n\n\n\n<p>As I mentioned, one of the most common reasons photographers and retouchers use the Overlay blending mode is to add contrast. So that&#8217;s what I&#8217;ll show you in this example.<\/p>\n\n\n\n<p>My sample photo is a bit underexposed and lacks contrast:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246263\" style=\"width:1500px\"><span class=\"space\" style=\"width:1500px; padding-top:60.87%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"913\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-1.jpg?resize=1500%2C913&#038;ssl=1\" alt=\"Overlay blend mode Photoshop\" class=\"wp-image-246263\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-1.jpg?w=1500&amp;ssl=1 1500w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-1.jpg?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-1.jpg?resize=600%2C365&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-1.jpg?resize=768%2C467&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-1.jpg?resize=717%2C436&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>So I&#8217;ll click on the <strong>Create new fill or adjustment layer <\/strong>button and select <strong>Levels<\/strong>. (Alternatively, I could select <strong>Layer&gt;New Adjustment Layer&gt;Levels <\/strong>in the menu.)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246264\" style=\"width:1500px\"><span class=\"space\" style=\"width:1500px; padding-top:60.87%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"913\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-2.jpg?resize=1500%2C913&#038;ssl=1\" alt=\"Overlay blend mode Photoshop\" class=\"wp-image-246264\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-2.jpg?w=1500&amp;ssl=1 1500w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-2.jpg?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-2.jpg?resize=600%2C365&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-2.jpg?resize=768%2C467&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-2.jpg?resize=717%2C436&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>Without ever touching my <a href=\"https:\/\/digital-photography-school.com\/use-levels-tool-photoshop\/\" target=\"_blank\" aria-label=\"Levels adjustment (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">Levels adjustment<\/a>, I can simply change the blending mode to Overlay and watch as the contrast is increased:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246265\" style=\"width:1500px\"><span class=\"space\" style=\"width:1500px; padding-top:60.87%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"913\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-3.jpg?resize=1500%2C913&#038;ssl=1\" alt=\"Overlay blend mode Photoshop\" class=\"wp-image-246265\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-3.jpg?w=1500&amp;ssl=1 1500w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-3.jpg?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-3.jpg?resize=600%2C365&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-3.jpg?resize=768%2C467&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-3.jpg?resize=717%2C436&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>But if I want to modify the effect, I can use the Levels sliders to adjust the highlights, midtones, and shadows:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246266\" style=\"width:1500px\"><span class=\"space\" style=\"width:1500px; padding-top:60.8%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"912\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-4.jpg?resize=1500%2C912&#038;ssl=1\" alt=\"Overlay blend mode Photoshop\" class=\"wp-image-246266\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-4.jpg?w=1500&amp;ssl=1 1500w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-4.jpg?resize=300%2C182&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-4.jpg?resize=600%2C365&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-4.jpg?resize=768%2C467&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-4.jpg?resize=717%2C436&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>If I like the look but feel it&#8217;s too strong, I can always decrease the opacity of the Levels layer:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246267\" style=\"width:1500px\"><span class=\"space\" style=\"width:1500px; padding-top:60.87%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"913\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-5.jpg?resize=1500%2C913&#038;ssl=1\" alt=\"Overlay blend mode Photoshop\" class=\"wp-image-246267\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-5.jpg?w=1500&amp;ssl=1 1500w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-5.jpg?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-5.jpg?resize=600%2C365&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-5.jpg?resize=768%2C467&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-example-5.jpg?resize=717%2C436&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>Note: Once you&#8217;re done adding contrast via the Levels panel, you can always add more adjustment layers (<a aria-label=\"Curves (opens in a new tab)\" href=\"https:\/\/digital-photography-school.com\/understand-curves-tool-photoshop\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">Curves<\/a>, Color Balance, <a aria-label=\"Hue\/Saturation (opens in a new tab)\" href=\"https:\/\/digital-photography-school.com\/how-to-use-the-hue-saturation-adjustment-in-photoshop-a-video-tutorial\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">Hue\/Saturation<\/a>, etc.) to fine-tune your image, or you can save it as it is.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" data-section id=\"overlay-blend-mode-tips\">Overlay&nbsp;blend mode tips<\/h2>\n\n\n\n<p>Enjoying the power of Overlay blend mode? Here are a few extra tips so you can really explore its potential!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" data-section id=\"try-adding-a-tint-to-your-photo\">1. Try adding a tint to your photo<\/h3>\n\n\n\n<p>If you&#8217;re looking to add a tint, a texture, or some other type of final color grade, Overlay can be very useful. <\/p>\n\n\n\n<p>For this next image, I wanted to add a blue tone to mimic cyanotype printing:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246270\" style=\"width:1500px\"><span class=\"space\" style=\"width:1500px; padding-top:60.87%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"913\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-tint.jpg?resize=1500%2C913&#038;ssl=1\" alt=\"Overlay blend mode Photoshop\" class=\"wp-image-246270\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-tint.jpg?w=1500&amp;ssl=1 1500w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-tint.jpg?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-tint.jpg?resize=600%2C365&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-tint.jpg?resize=768%2C467&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-tint.jpg?resize=717%2C436&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>All I did was <a href=\"https:\/\/digital-photography-school.com\/how-to-do-great-black-and-white-conversions-using-photoshop\/\" target=\"_blank\" aria-label=\"convert the photo to black and white (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">convert the photo to black and white<\/a>. Then I added a Solid Color adjustment layer, chose a nice blue color, and changed the blending mode to Overlay. That&#8217;s how I got the effect shown above!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" data-section id=\"dont-forget-about-the-hard-light-blend-mode\">2. Don&#8217;t forget about the Hard Light blend mode<\/h3>\n\n\n\n<p>Photoshop has several commuted blending mode pairs. With a commuted blending mode pair, you get the same result when applying one blend mode to the top layer as when applying the other blend mode to the bottom layer (and reversing the layer order). <\/p>\n\n\n\n<p>Overlay and Hard Light are commuted blending mode pairs, so if you apply the Overlay blend mode to the top layer, your image will look exactly the same as if you applied the Hard Light mode to the underlying layer before switching the layer order. (Just a useful little tidbit to keep in mind!)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" data-section id=\"add-a-cool-glowing-effect\">3. Add a cool glowing effect<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><span class=\"responsive-image wp-image-246262\" style=\"width:1500px\"><span class=\"space\" style=\"width:1500px; padding-top:60.87%\"><\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"913\" src=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-glow-1.jpg?resize=1500%2C913&#038;ssl=1\" alt=\"Overlay blend mode Photoshop\" class=\"wp-image-246262\" srcset=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-glow-1.jpg?w=1500&amp;ssl=1 1500w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-glow-1.jpg?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-glow-1.jpg?resize=600%2C365&amp;ssl=1 600w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-glow-1.jpg?resize=768%2C467&amp;ssl=1 768w, https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode-glow-1.jpg?resize=717%2C436&amp;ssl=1 717w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/figure><\/div>\n\n\n<p>Here&#8217;s a fun technique: You can use the Overlay blending mode to add a glowing effect &#8211; sometimes called an <em><a aria-label=\" (opens in a new tab)\" href=\"https:\/\/digital-photography-school.com\/create-orton-effect-using-photoshop\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">Orton Effect<\/a> <\/em>&#8211; to any photo. <\/p>\n\n\n\n<p>Start by duplicating your original layer. You can do this by dragging the layer over the Plus sign at the bottom of the Layers panel.<\/p>\n\n\n\n<p>Then convert your duplicate layer to a Smart Object. (Simply right-click on the layer and choose <strong>Convert to Smart Object<\/strong> from the menu. Alternatively, go to <strong>Filter&gt;Convert for Smart Filters<\/strong>.)<\/p>\n\n\n\n<p>Technically, the Smart Object conversion step is optional, but it will allow you to go back and adjust your glow effect later on, which can come in handy.<\/p>\n\n\n\n<p>Now select <strong>Filter&gt;Blur&gt;Gaussian Blur<\/strong> in the menu, which will open a dialog box where you can set the intensity of the blur (this will directly affect the intensity of the glow effect). Note that there&#8217;s no correct blur amount; it depends on the photo and your taste, so you&#8217;ll have to use the trial-and-error method. <\/p>\n\n\n\n<p>Once you get a result you like, simply change the blending mode to Overlay, adjust the opacity as needed, and check out your image&#8217;s beautiful glow!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" data-section id=\"overlay-blend-mode-final-words\">Overlay blend mode: final words<\/h2>\n\n\n\n<p>I hope you found this guide to the Overlay blend mode useful. As you should now be aware, it&#8217;s a helpful blend mode that can be applied in plenty of different situations. <\/p>\n\n\n\n<p>And if you&#8217;re not sure whether Overlay might work for a certain scenario, just try it! There&#8217;s no harm in experimenting.<\/p>\n\n\n\n<p><em>How do you plan to use Overlay when editing photos? Do you have any tips? Share your thoughts in the comments below!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Looking to understand the ins and outs of Photoshop&#8217;s Overlay blend mode? You&#8217;ve come to the right place. Overlay is a great way to add punch to otherwise flat images, plus it can be used to apply artistic effects such as color tints. It&#8217;s a very versatile blend mode, and it&#8217;s pretty popular, too &#8211; [&hellip;]<\/p>\n","protected":false},"author":461,"featured_media":246269,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[29590,35],"class_list":["post-243664","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-post-production","tag-intermediate","tag-photoshop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Overlay Blend Mode: A Comprehensive Guide<\/title>\n<meta name=\"description\" content=\"Discover the ins and outs of Photoshop&#039;s Overlay blend mode. Learn what it does and how to use it for amazing results!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digital-photography-school.com\/overlay-blend-mode\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Overlay Blend Mode: A Comprehensive Guide\" \/>\n<meta property=\"og:description\" content=\"Discover the ins and outs of Photoshop&#039;s Overlay blend mode. Learn what it does and how to use it for amazing results!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digital-photography-school.com\/overlay-blend-mode\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Photography School\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/digitalps\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anamirelesphoto\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-08T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-11T14:11:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?fit=1500%2C889&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"889\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ana Mireles\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@anamirelesphoto\" \/>\n<meta name=\"twitter:site\" content=\"@digitalps\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ana Mireles\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digital-photography-school.com\/overlay-blend-mode\/\",\"url\":\"https:\/\/digital-photography-school.com\/overlay-blend-mode\/\",\"name\":\"Overlay Blend Mode: A Comprehensive Guide\",\"isPartOf\":{\"@id\":\"https:\/\/digital-photography-school.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/digital-photography-school.com\/overlay-blend-mode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/digital-photography-school.com\/overlay-blend-mode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?fit=1500%2C889&ssl=1\",\"datePublished\":\"2024-10-08T09:00:00+00:00\",\"dateModified\":\"2024-10-11T14:11:34+00:00\",\"author\":{\"@id\":\"https:\/\/digital-photography-school.com\/#\/schema\/person\/e96e485e79df9e9d9664946227036038\"},\"description\":\"Discover the ins and outs of Photoshop's Overlay blend mode. Learn what it does and how to use it for amazing results!\",\"breadcrumb\":{\"@id\":\"https:\/\/digital-photography-school.com\/overlay-blend-mode\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digital-photography-school.com\/overlay-blend-mode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digital-photography-school.com\/overlay-blend-mode\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?fit=1500%2C889&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?fit=1500%2C889&ssl=1\",\"width\":1500,\"height\":889},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digital-photography-school.com\/overlay-blend-mode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digital-photography-school.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Overlay Blend Mode: A Comprehensive Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digital-photography-school.com\/#website\",\"url\":\"https:\/\/digital-photography-school.com\/\",\"name\":\"Digital Photography School\",\"description\":\"Digital Photography Tips and Tutorials\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digital-photography-school.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/digital-photography-school.com\/#\/schema\/person\/e96e485e79df9e9d9664946227036038\",\"name\":\"Ana Mireles\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digital-photography-school.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4320849704c3fcca129ff0fb5897b58c5f83e18e97e52c5a5e2cf5896fa2fae5?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4320849704c3fcca129ff0fb5897b58c5f83e18e97e52c5a5e2cf5896fa2fae5?s=96&d=blank&r=g\",\"caption\":\"Ana Mireles\"},\"description\":\"is a photographer and artistic researcher. She has been awarded and exhibited in Mexico, Italy, and the Netherlands. Through theory and practice, she explores the cultural aspect of photography, how it helps us relate to each other, the world, and ourselves. She has also a passion for teaching, communication, and social media. You can find more about her and her work at her website or acquire some of her works here.\",\"sameAs\":[\"http:\/\/apmireles.wixsite.com\/anamirelesphoto\",\"https:\/\/www.facebook.com\/anamirelesphoto\",\"https:\/\/www.instagram.com\/anamirelesphoto\/\",\"https:\/\/www.linkedin.com\/in\/anamirelesphoto\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/anamirelesphoto\"],\"url\":\"https:\/\/digital-photography-school.com\/author\/ana-mireles\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Overlay Blend Mode: A Comprehensive Guide","description":"Discover the ins and outs of Photoshop's Overlay blend mode. Learn what it does and how to use it for amazing results!","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:\/\/digital-photography-school.com\/overlay-blend-mode\/","og_locale":"en_US","og_type":"article","og_title":"Overlay Blend Mode: A Comprehensive Guide","og_description":"Discover the ins and outs of Photoshop's Overlay blend mode. Learn what it does and how to use it for amazing results!","og_url":"https:\/\/digital-photography-school.com\/overlay-blend-mode\/","og_site_name":"Digital Photography School","article_publisher":"https:\/\/www.facebook.com\/digitalps","article_author":"https:\/\/www.facebook.com\/anamirelesphoto","article_published_time":"2024-10-08T09:00:00+00:00","article_modified_time":"2024-10-11T14:11:34+00:00","og_image":[{"width":1500,"height":889,"url":"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?fit=1500%2C889&ssl=1","type":"image\/jpeg"}],"author":"Ana Mireles","twitter_card":"summary_large_image","twitter_creator":"@anamirelesphoto","twitter_site":"@digitalps","twitter_misc":{"Written by":"Ana Mireles","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digital-photography-school.com\/overlay-blend-mode\/","url":"https:\/\/digital-photography-school.com\/overlay-blend-mode\/","name":"Overlay Blend Mode: A Comprehensive Guide","isPartOf":{"@id":"https:\/\/digital-photography-school.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digital-photography-school.com\/overlay-blend-mode\/#primaryimage"},"image":{"@id":"https:\/\/digital-photography-school.com\/overlay-blend-mode\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?fit=1500%2C889&ssl=1","datePublished":"2024-10-08T09:00:00+00:00","dateModified":"2024-10-11T14:11:34+00:00","author":{"@id":"https:\/\/digital-photography-school.com\/#\/schema\/person\/e96e485e79df9e9d9664946227036038"},"description":"Discover the ins and outs of Photoshop's Overlay blend mode. Learn what it does and how to use it for amazing results!","breadcrumb":{"@id":"https:\/\/digital-photography-school.com\/overlay-blend-mode\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digital-photography-school.com\/overlay-blend-mode\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digital-photography-school.com\/overlay-blend-mode\/#primaryimage","url":"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?fit=1500%2C889&ssl=1","contentUrl":"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?fit=1500%2C889&ssl=1","width":1500,"height":889},{"@type":"BreadcrumbList","@id":"https:\/\/digital-photography-school.com\/overlay-blend-mode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digital-photography-school.com\/"},{"@type":"ListItem","position":2,"name":"Overlay Blend Mode: A Comprehensive Guide"}]},{"@type":"WebSite","@id":"https:\/\/digital-photography-school.com\/#website","url":"https:\/\/digital-photography-school.com\/","name":"Digital Photography School","description":"Digital Photography Tips and Tutorials","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digital-photography-school.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/digital-photography-school.com\/#\/schema\/person\/e96e485e79df9e9d9664946227036038","name":"Ana Mireles","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digital-photography-school.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4320849704c3fcca129ff0fb5897b58c5f83e18e97e52c5a5e2cf5896fa2fae5?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4320849704c3fcca129ff0fb5897b58c5f83e18e97e52c5a5e2cf5896fa2fae5?s=96&d=blank&r=g","caption":"Ana Mireles"},"description":"is a photographer and artistic researcher. She has been awarded and exhibited in Mexico, Italy, and the Netherlands. Through theory and practice, she explores the cultural aspect of photography, how it helps us relate to each other, the world, and ourselves. She has also a passion for teaching, communication, and social media. You can find more about her and her work at her website or acquire some of her works here.","sameAs":["http:\/\/apmireles.wixsite.com\/anamirelesphoto","https:\/\/www.facebook.com\/anamirelesphoto","https:\/\/www.instagram.com\/anamirelesphoto\/","https:\/\/www.linkedin.com\/in\/anamirelesphoto\/","https:\/\/x.com\/https:\/\/twitter.com\/anamirelesphoto"],"url":"https:\/\/digital-photography-school.com\/author\/ana-mireles\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/12\/Overlay-blend-mode.jpg?fit=1500%2C889&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/posts\/243664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/users\/461"}],"replies":[{"embeddable":true,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/comments?post=243664"}],"version-history":[{"count":0,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/posts\/243664\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/media\/246269"}],"wp:attachment":[{"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/media?parent=243664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/categories?post=243664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/tags?post=243664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}