{"id":6268,"date":"2015-04-27T15:13:53","date_gmt":"2015-04-27T19:13:53","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=6268"},"modified":"2019-04-13T11:23:11","modified_gmt":"2019-04-13T15:23:11","slug":"how-to-merge-layer-blend-modes-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/","title":{"rendered":"How To Merge Layer Blend Modes In Photoshop"},"content":{"rendered":"<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>If you've been using Photoshop for a while, you've probably been taking advantage of <strong>layer blend modes<\/strong>, which are easy and powerful ways to change the way two or more layers blend, or interact, with each other.<\/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>Blend modes can be used for creative effects, but they also have practical uses for image retouching, like using the Screen blend mode to <a href=\"\/photo-editing\/screen-exposure\/\">brighten an underexposed image<\/a>, the Multiply blend mode to <a href=\"\/photo-editing\/multiply-exposure\/\">darken overexposed images<\/a>, or the Overlay blend mode to instantly boost contrast in an image that needs more \"pop\".<\/p>\n<p>You may also have been taking advantage of Photoshop's ability to <strong>merge layers<\/strong> together. Merging layers has several important advantages, like keeping the Layers panel clean and organized, and reducing the file size of the document. Merging layers can also be a necessary step before applying further edits to an image.<\/p>\n<p>Yet for all the power of blend modes and the benefits of merging layers in Photoshop, something strange often happens when we try to merge multiple layers together when those layers are set to different blend modes. What happens is that we usually end up with a different looking image than what we had before merging the layers. Sometimes it's a subtle difference; sometimes it's a <em>big<\/em> difference. If you haven't yet come across this problem, chances are you will at some point. So in this tutorial, we'll look at an example of the problem, explain why it happens, and  learn an easy trick to get around it!<\/p>\n<p>This tutorial assumes you're already familiar with layer blend modes in Photoshop. If not, be sure to check out our <a href=\"\/photo-editing\/layer-blend-modes\/intro\/\">Five Essential Blend Modes For Photo Editing<\/a> tutorial where I cover everything you need to know.<\/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<h3>The Problem With Merging Blend Modes<\/h3>\n<p>To see an example of the problem, I'll create a quick composite image using three separate photos and a few blend modes. Since compositing images in Photoshop is a huge topic that's beyond the scope of this tutorial, I'll run through this fairly quickly. If we look in my <strong><a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a><\/strong>, we see that I've already added all three photos to my document, and that each image is sitting on its own separate layer:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layers-panel-three-photos.gif\" alt=\"The Layers panel showing each photo on an independent layer. Image \u00a9 2015 Steve Patterson, Photoshop Essentials.com\" width=\"317\" height=\"301\" \/>\n<div class=\"image-desc\">The Layers panel showing each photo on an independent layer.<\/div>\n<p><a href=\"\/basics\/layers\/images-as-layers\/\">Learn how to open multiple images as layers in Photoshop!<\/a><\/p>\n<p>Let's look at the photos one at a time, starting with the one on the bottom. I'll turn off the top two layers by clicking on their <strong>visibility icons<\/strong>:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layer-visibility-icons.gif\" alt=\"Turning off the top two layers in the Layers panel. Image \u00a9 2015 Steve Patterson, Photoshop Essentials.com\" width=\"329\" height=\"241\" \/>\n<div class=\"image-desc\">Temporarily hiding the top two layers in the document.<\/div>\n<p>Hiding the top two layers lets us see just the image on the bottom layer. This is the photo I'll use as the starting point for the composite (<a href=\"http:\/\/www.shutterstock.com\/pic-139276682.html\" target=\"_blank\" rel=\"noopener noreferrer\">surfer on beach photo<\/a> from Shutterstock):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/image-1.jpg\" alt=\"The image on the Background layer. \" width=\"639\" height=\"430\" \/>\n<div class=\"image-desc\">The image on the bottom layer.<\/div>\n<p>Since this is the bottom layer, I'll leave its blend mode set to <strong>Normal<\/strong> (the default  mode):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layer-1-normal.gif\" alt=\"Leaving the bottom layer set to the Normal blend mode. \" width=\"332\" height=\"301\" \/>\n<div class=\"image-desc\">Leaving the bottom layer set to the Normal blend mode.<\/div>\n<p>Next, I'll turn on the second image (the one on the middle layer) by clicking its <strong>visibility icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layer-2-visibility-icon.gif\" alt=\"Clicking the visibility icon for Layer 2. \" width=\"329\" height=\"213\" \/>\n<div class=\"image-desc\">Clicking the visibility icon for Layer 2.<\/div>\n<p>Here's my second photo. To save time, I've  already cropped and repositioned it to fit better within the composition (<a href=\"http:\/\/www.shutterstock.com\/pic-184043090.html\" target=\"_blank\" rel=\"noopener noreferrer\">woman on beach photo<\/a> from Shutterstock):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/image-2.jpg\" alt=\"The image on the middle layer. \" width=\"639\" height=\"430\" \/>\n<div class=\"image-desc\">The image on the middle layer.<\/div>\n<p>This image is also currently set to the <strong>Normal<\/strong> blend mode, which is why it's completely blocking the photo below it from view. To blend the two images together, first I'll click on <strong>Layer 2<\/strong> in the Layers panel to select it. Then, I'll change its blend mode from Normal to <strong><a href=\"\/photo-editing\/layer-blend-modes\/multiply\/\">Multiply<\/a><\/strong>. I'll also lower it's <strong>Opacity<\/strong> value down to <strong>60%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layer-2-multiply-opacity.gif\" alt=\"Changing the blend mode and opacity for Layer 2. \" width=\"332\" height=\"301\" \/>\n<div class=\"image-desc\">Changing the blend mode to Multiply (and Opacity to 60%).<\/div>\n<p>Here's the result of blending the two layers together. So far, so good:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/two-layers-blended.jpg\" alt=\"The effect of blending Layer 2 and Layer 1 together. \" width=\"638\" height=\"429\" \/>\n<div class=\"image-desc\">The effect of blending Layer 1 and Layer 2.<\/div>\n<p>Let's bring in the third image (on the top layer). I'll turn it back on in the document by clicking its <strong>visibility icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layer-3-visibility-icon.gif\" alt=\"Clicking the visibility icon for Layer 3. \" width=\"331\" height=\"207\" \/>\n<div class=\"image-desc\">Clicking the visibility icon for Layer 3.<\/div>\n<p>Here's my top image. Again, to save  time, I've already cropped and repositioned it (<a href=\"http:\/\/www.shutterstock.com\/pic-172884050.html\" target=\"_blank\" rel=\"noopener noreferrer\">surfing the wave photo<\/a> from Shutterstock):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/image-3.jpg\" alt=\"The image on the top layer. \" width=\"639\" height=\"430\" \/>\n<div class=\"image-desc\">The image on the top layer.<\/div>\n<p>To blend this top image with the photos below it, I'll click on <strong>Layer 3<\/strong> to select it, then I'll change its blend mode from Normal to <strong><a href=\"\/photo-editing\/layer-blend-modes\/overlay\/\">Overlay<\/a><\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layer-3-overlay.gif\" alt=\"Changing the blend mode for Layer 3 to Overlay. \" width=\"334\" height=\"219\" \/>\n<div class=\"image-desc\">Changing the top layer's blend mode to Overlay.<\/div>\n<p>Here's the result with all three layers now blending together. Not bad considering all I had to do to achieve this effect  was change a couple of layer blend modes (and lower the opacity of the middle layer):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/three-layers-blended.jpg\" alt=\"Three images blended together in Photoshop. \" width=\"639\" height=\"430\" \/>\n<div class=\"image-desc\">The result of blending all three images together.<\/div>\n<p>Let's say I'm happy with the results so far, and now I want to make further edits to the overall image. Before I can do that, I'll need to merge the layers together. Now, you may think that all I need to do is merge the top two layers, since they're the ones set to the different blend modes (by &quot;different&quot;, I mean they're set to something other than the default Normal mode). Let's see what happens, though, if I try to merge just those top two layers.<\/p>\n<p>There's a few different ways I could merge them. One way would be to use Photoshop's <strong>Merge Down<\/strong> command which takes the currently-selected layer and merges it with the layer directly below it. That sounds like exactly what we need, so with my top layer (<strong>Layer 3)<\/strong> selected in the Layers panel, I'll go up to the <strong>Layer<\/strong> menu in the Menu Bar along the top of the screen and choose <strong>Merge Down<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layer-merge-down-command.gif\" alt=\"Choosing the Merge Down command from under the Layer menu. \" width=\"252\" height=\"157\" \/>\n<div class=\"image-desc\">Going to Layer &gt; Merge Down.<\/div>\n<p>Here's the result after merging the top layer (set to the Overlay blend mode) with the layer below it (set to the Multiply blend mode). As we can see, something's not right. The image has suddenly lost most of its contrast. It also looks much darker than it did before:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/image-merge-down.jpg\" alt=\"The result after applying the Merge Down command. \" width=\"639\" height=\"430\" \/>\n<div class=\"image-desc\">The result after applying the Merge Down command.<\/div>\n<p>Let's look in the Layers panel to see if we can figure out what's happened. Here, we see that the top two layers have in fact been merged together onto Layer 2, but what happened to my Overlay blend mode? It's gone! All I'm left with is the Multiply blend mode. That explains why the image now looks so much darker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layers-panel-merge-down.gif\" alt=\"The Merge Down command left me with just the Multiply blend mode. \" width=\"330\" height=\"301\" \/>\n<div class=\"image-desc\">The Overlay blend mode is gone. Only the Multiply mode remains.<\/div>\n<p>Well, that didn't work, so I'll press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z (Mac)<\/strong> on my keyboard to quickly undo the Merge Down command. Another way I can try to merge the  top two layers together is with Photoshop's <strong>Merge Layers<\/strong> command. With my top layer already selected, I'll press and hold my <strong>Shift<\/strong> key and click on the middle layer. This selects both the Overlay and Multiply layers at the same time:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/select-both-layers.gif\" alt=\"Shift-clicking on the top two layers to select them. \" width=\"317\" height=\"213\" \/>\n<div class=\"image-desc\">Selecting both blend mode layers.<\/div>\n<p>With both layers selected, I'll go back up to the <strong>Layer<\/strong> menu at the top of the screen and this time, I'll choose <strong>Merge Layers<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/photoshop-merge-layers-command.gif\" alt=\"Selecting the Merge Layers command from under the Layer menu. \" width=\"252\" height=\"156\" \/>\n<div class=\"image-desc\">Going to Layer &gt; Merge Layers.<\/div>\n<p>Did that work? Nope. The Merge Layers command gave me a different result from what I saw with the Merge Down command, but it's still not right. The top two images merged together, but what happened to my third image (the one on the bottom layer)? It completely disappeared:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/image-merge-layers.jpg\" alt=\"The result after applying the Merge Layers command. \" width=\"639\" height=\"430\" \/>\n<div class=\"image-desc\">The result after applying the Merge Layers command.<\/div>\n<p>Looking in the Layers panel, we see that Photoshop once again merged the top two layers as expected, but this time, it discarded both my Overlay and Multiply blend modes, setting the merged layer to Normal. That's why the merged layer is now completely blocking the image on the bottom layer from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layers-panel-merge-layers.gif\" alt=\"The Merge Layers command discarded both of my blend modes. \" width=\"335\" height=\"242\" \/>\n<div class=\"image-desc\">The Merge Layers command discarded both of my blend modes.<\/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>Why We Can't Merge Blend Modes<\/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>So, what's going on? Why can't I simply merge the Overlay and Multiply layers together without changing the composite's overall appearance? That's a good question. In fact, it's so good, there's actually three good reasons for why it's not working.<\/p>\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<p>The first is because of what blend modes in Photoshop do, or more accurately, what they <em>don't<\/em> do; <strong>blend modes don't change the actual pixels on the layer<\/strong>. They simply change the way the pixels on the layer <em>interact<\/em> with the pixels on the layer, or layers, below it. What we see after changing a layer's blend mode is nothing more than a <strong>live preview<\/strong> of that interaction. The pixels themselves have not  changed.<\/p>\n<p style=\"clear:both;\">To quickly see what I mean, I'll press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) on my keyboard to undo the Merge Layers command. Then, I'll change my top layer (Layer 3) from Overlay back to the <strong>Normal<\/strong> blend mode:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layer-3-normal.gif\" alt=\"Setting the top layer's blend mode back to Normal. \" width=\"333\" height=\"301\" \/>\n<div class=\"image-desc\">Setting the top layer's blend mode back to Normal.<\/div>\n<p>\"Normal\", in the world of layer blend modes, simply means that the  layer will not interact with the layer(s) below it at all. This allows us to view the actual contents of the layer, and here, with the top layer set back to Normal, we see that the image on the layer has not changed in any way. All I did by changing its blend mode to Overlay was change the way these pixels were interacting with the pixels on the layers below it. If I tried a different blend mode, something other than Overlay, I'd see a different result, but again, all I'd be seeing is a live preview. The original image on the layer never changes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/image-3.jpg\" alt=\"No pixels were harmed by changing the layer's blend mode. \" width=\"639\" height=\"430\" \/>\n<div class=\"image-desc\">Blend modes are <em>non-destructive<\/em>. No pixels are ever harmed by changing a layer's blend mode.<\/div>\n<p>The second reason is because a layer in Photoshop can  have only <strong>one blend mode applied to it at any given time<\/strong>. Each blend mode causes the pixels on the layer to interact in a different way, but only one way can be active. The Overlay blend mode, for example, boosts contrast in the image, while the Multiply blend mode darkens the image. It's a choice between one or the other. It's not possible to have a single layer doing both of these things at once.<\/p>\n<p>The third reason why I can't just merge the two blend mode layers together without changing the overall appearance  is that the overall appearance is not simply a result of those two layers. It's a result of <strong>all three layers<\/strong> working together, <em>including<\/em> the bottom layer that's set to the Normal blend mode. The top two layers may be the ones that actually had their blend modes changed, but remember, they're blending not with themselves, or just with each other; they're blending with the bottom layer as well (the one we tend to forget about). That means that if I want to keep the exact same result after merging the layers, I need to merge <em>all<\/em> the layers that are creating the result, and that includes the Normal layer on the bottom.<\/p>\n<h3>The Hidden Keyboard Trick<\/h3>\n<p>So the bad news is, there is simply no way to do what I initially tried to do; I can't just merge the Overlay and Multiply layers together, at least not without changing the overall appearance of the image. Yet now we know why! The problem was that I was forgetting about the layer on the bottom (the one set to the Normal blend mode). It's not just my top two layers creating the composition; it's a combination of all three layers. This means that if I want to merge the result, I need to merge all three layers (the one set to Overlay, the one set to Multiply, <em>and<\/em> the one set to Normal).<\/p>\n<p>One thing I <em>don't<\/em> want to do is just flatten the image. I want to keep my layers intact and simply merge the result I've achieved so far onto a new layer. Thankfully, Photoshop includes a hidden keyboard trick for doing exactly that! First, select the <strong>top layer<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/select-top-layer.gif\" alt=\"Selecting the top layer in the Layers panel. \" width=\"317\" height=\"213\" \/>\n<div class=\"image-desc\">Selecting the top layer.<\/div>\n<p>With the top layer selected, here's the trick. Press and hold your <strong>Shift<\/strong>, <strong>Alt<\/strong> and <strong>Ctrl<\/strong> (Win) \/ <strong>Shift<\/strong>, <strong>Option<\/strong> and <strong>Command<\/strong> (Mac) keys on your keyboard and press the letter <strong>E<\/strong>. Photoshop essentially takes a snapshot of the way the image currently looks (with all the blend modes intact), then places the snapshot on a brand new layer  above the others! It won't look like anything has happened in the document (already a good sign), but if we look in my Layers panel, we see that I now have a fourth layer (<strong>Layer 4<\/strong>) sitting above the original three layers:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/merged-layer-4.gif\" alt=\"Photoshop takes a snapshot of the composite image and places it on a new layer. \" width=\"317\" height=\"287\" \/>\n<div class=\"image-desc\">Photoshop takes a snapshot of the composite image and places it on a new layer.<\/div>\n<p>To get a better sense of what just happened, I'll press and hold my <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key and click on Layer 4's <strong>visibility icon<\/strong>. This keeps Layer 4 visible but turns off all the other layers in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/layer-4-visibility-icon.gif\" alt=\"Turning off all but the top layer by Alt\/Option-clicking on its visibility icon. \" width=\"331\" height=\"287\" \/>\n<div class=\"image-desc\">Turning off all but the top layer by Alt\/Option-clicking its visibility icon.<\/div>\n<p>Even though Layer 4 is now the only visible layer in my document, the overall appearance of the image hasn't changed. That's because I've successfully merged the entire effect onto this single layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/three-layers-blended.jpg\" alt=\"All three layers have been successfully merged onto the new layer. \" width=\"639\" height=\"430\" \/>\n<div class=\"image-desc\">All three layers have been successfully merged onto the new layer.<\/div>\n<p>To turn the other layers back on again (even though I don't really need to), I'll once again press and hold my <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key and click on Layer 4's visibility icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/turn-layers-back-on.gif\" alt=\"Turning the other layers back on by again Alt\/Option-clicking Layer 4's visibility icon. \" width=\"331\" height=\"251\" \/>\n<div class=\"image-desc\">Turning the other layers back on by again Alt\/Option-clicking Layer 4's visibility icon.<\/div>\n<p>At this point, it's a good idea to rename the top layer. To do that, I'll <strong>double-click<\/strong> on the name \"Layer 4\" to highlight it, then I'll type in \"Merged\" as the new layer name. To accept the name change, I'll press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on the keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/merge-layers-blend-modes\/rename-merged-layer.gif\" alt=\"Renaming the new layer 'merged'. \" width=\"317\" height=\"225\" \/>\n<div class=\"image-desc\">Renaming the new layer &quot;Merged&quot;.<\/div>\n<\/section>\n<aside><style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div><\/aside>\n<section>\n<p>And there we have it! That's how to merge multiple layers set to different blend modes in Photoshop! Check out our <a href=\"\/photo-editing\/\">Photo Retouching<\/a> section for more Photoshop image editing tutorials!<\/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>Trying to merge multiple layers set to different blend modes and getting strange results? In this tutorial, we look at the problem, explain why it happens, and learn a secret, hidden trick to get around it!<\/p>\n","protected":false},"author":1,"featured_media":10093,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[94,4],"tags":[],"class_list":["post-6268","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc-photo-editing","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>How To Merge Layer Blend Modes In Photoshop<\/title>\n<meta name=\"description\" content=\"In this Photoshop tutorial, learn how to merge multiple layers together when each layer is set to a different blend mode!\" \/>\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\/how-to-merge-layer-blend-modes-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Merge Layer Blend Modes In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop tutorial, learn how to merge multiple layers together when each layer is set to a different blend mode!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-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-04-27T19:13:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T15:23:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/04\/photoshop-merge-layer-blend-modes.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=\"12 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\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"How To Merge Layer Blend Modes In Photoshop\",\"datePublished\":\"2015-04-27T19:13:53+00:00\",\"dateModified\":\"2019-04-13T15:23:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/\"},\"wordCount\":2358,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/04\\\/photoshop-merge-layer-blend-modes.jpg\",\"articleSection\":[\"CC\",\"Photo Editing and Retouching\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/\",\"name\":\"How To Merge Layer Blend Modes In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/04\\\/photoshop-merge-layer-blend-modes.jpg\",\"datePublished\":\"2015-04-27T19:13:53+00:00\",\"dateModified\":\"2019-04-13T15:23:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop tutorial, learn how to merge multiple layers together when each layer is set to a different blend mode!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-in-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/04\\\/photoshop-merge-layer-blend-modes.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/04\\\/photoshop-merge-layer-blend-modes.jpg\",\"width\":250,\"height\":250,\"caption\":\"How To Merge Layer Blend Modes In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/how-to-merge-layer-blend-modes-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\":\"CC\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/cc-photo-editing\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How To Merge Layer Blend Modes 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":"How To Merge Layer Blend Modes In Photoshop","description":"In this Photoshop tutorial, learn how to merge multiple layers together when each layer is set to a different blend mode!","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\/how-to-merge-layer-blend-modes-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"How To Merge Layer Blend Modes In Photoshop","og_description":"In this Photoshop tutorial, learn how to merge multiple layers together when each layer is set to a different blend mode!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2015-04-27T19:13:53+00:00","article_modified_time":"2019-04-13T15:23:11+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/04\/photoshop-merge-layer-blend-modes.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"How To Merge Layer Blend Modes In Photoshop","datePublished":"2015-04-27T19:13:53+00:00","dateModified":"2019-04-13T15:23:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/"},"wordCount":2358,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/04\/photoshop-merge-layer-blend-modes.jpg","articleSection":["CC","Photo Editing and Retouching"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/","name":"How To Merge Layer Blend Modes In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/04\/photoshop-merge-layer-blend-modes.jpg","datePublished":"2015-04-27T19:13:53+00:00","dateModified":"2019-04-13T15:23:11+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop tutorial, learn how to merge multiple layers together when each layer is set to a different blend mode!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-in-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/04\/photoshop-merge-layer-blend-modes.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/04\/photoshop-merge-layer-blend-modes.jpg","width":250,"height":250,"caption":"How To Merge Layer Blend Modes In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/how-to-merge-layer-blend-modes-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":"CC","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/cc-photo-editing\/"},{"@type":"ListItem","position":4,"name":"How To Merge Layer Blend Modes 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\/6268","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=6268"}],"version-history":[{"count":61,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/6268\/revisions"}],"predecessor-version":[{"id":27226,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/6268\/revisions\/27226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/10093"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=6268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=6268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=6268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}