{"id":34107,"date":"2023-02-11T11:11:48","date_gmt":"2023-02-11T16:11:48","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=34107"},"modified":"2023-02-11T11:16:45","modified_gmt":"2023-02-11T16:16:45","slug":"using-layer-effects-with-layer-masks-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/","title":{"rendered":"Using Layer Effects with Layer Masks in Photoshop"},"content":{"rendered":"<div class=\"summary\">\n<p>Using Photoshop's layer effects and a layer mask on the same layer can give you unexpected results. Learn why it happens and the tricks you need to know to get your effects and masks working perfectly together!<\/p>\n<\/div>\n<div class=\"video3\">\n<div class=\"video-container\">\n    <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/NNR6nPhGXRg\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n  <\/div>\n<\/div>\n<p class=\"pdf-download-link\">Download the PDF: <a href=\"\/?s2member_file_download=pdf\/photoshop-basics\/Using_Layer_Effects_With_Layer_Masks.pdf&s2member_skip_confirmation\" title=\"Download PDF\">Using Layer Effects With Layer Masks<\/a><\/p>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>Layer effects and layer masks are two of Photoshop\u2019s most powerful and creative features. Problem is, they don\u2019t always work as expected when used together on the same layer. And the reason is because of the way layer masks and layer effects interact, which is different from how masks work with a layer\u2019s normal contents.<\/p>\n<p>In this tutorial, I show you some examples of problems you can run into when combining layer effects with a mask, along with the tricks you need to know to get your effects and masks working seamlessly together.<\/p>\n<h3>Which version of Photoshop do I need?<\/h3>\n<p>I\u2019m using Photoshop 2023 but this applies to any recent version. You can <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" title=\"Get Photoshop from Adobe\" target=\"_blank\" rel=\"noopener\">get the latest Photoshop version here<\/a>.<\/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<h3>The document setup<\/h3>\n<p>In this document, I have a <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fimages%2Fyoung-couple-sitting-ona-a-bench-in-a-park-on-a-beautiful-autumn-day-she-is-using-laptop-and-young-man-is-using-his-mobile-phone%2F125314890\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">photo of a couple<\/a> sitting on a park bench, which is the main image I\u2019ll working with. Behind it is a <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fimages%2Fold-grunge-dark-textured-wooden-background-the-surface-of-the-old-brown-wood-texture-top-view-teak-wood-paneling%2F377806876\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">wood texture<\/a> image that I\u2019m using simply as a background.<\/p>\n<p>Notice the white border around the main image. The border was created using a stroke, which is one of Photoshop\u2019s layer effects. And it\u2019s the stroke, not the image itself, that will be our main focus.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/original-document.jpg\" alt=\"The stroke layer effect around the image is the focus of this tutorial.\" width=\"803\" height=\"455\" \/>\n<div class=\"image-desc\">The stroke around the image is the focus of this tutorial.<\/div>\n<p>In the Layers panel, we see the stroke listed as an effect below the layer.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/stroke-layer-effect.png\" alt=\"Effects are listed below the layer.\" width=\"295\" height=\"215\" \/>\n<div class=\"image-desc\">Effects are listed below the layer.<\/div>\n<h3>A preview of the final effect<\/h3>\n<p>To show you where we\u2019re headed, here\u2019s the result we\u2019ll be working towards. I\u2019m going to divide the main photo in half (into a left side and a right side) using layer masks. Then I\u2019ll drag the two sides apart, and I\u2019ll finish by adding a drop shadow (another layer effect) behind them.<\/p>\n<p>But as we\u2019ll see, we\u2019re going to quickly run into problems with how the stroke is interacting with the layer masks. And after that, we\u2019ll discover a new problem with how the masks are affecting the drop shadow. But with each problem, I\u2019ll show you the easy solution.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/using-layer-effects-and-layer-masks.jpg\" alt=\"The final result with the layer effects and masks added, but not before solving some problems.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">The final result with the layer effects and masks added, but not before solving some problems.<\/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<p>Let's get started!<\/p>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h2 class=\"sub\">Selecting the left side of the image<\/h2>\n<p>Before adding my first layer mask, I need to select the left half of the image. I\u2019ll do that by selecting the entire image and then resizing the selection outline.<\/p>\n<p>In the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, I\u2019ll right-click on the layer\u2019s thumbnail.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/right-click-preview-thumbnail.png\" alt=\"Right-clicking on the thumbnail.\" width=\"295\" height=\"210\" \/>\n<div class=\"image-desc\">Right-clicking on the thumbnail.<\/div>\n<p>Then I\u2019ll choose <strong>Select Pixels<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/select-pixels.png\" alt=\"Choosing Select Pixels.\" width=\"295\" height=\"161\" \/>\n<div class=\"image-desc\">Choosing Select Pixels.<\/div>\n<p>This loads a selection outline around the image.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/load-selection-outline.jpg\" alt=\"The main photo is selected.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">The main photo is selected.<\/div>\n<p><a href=\"\/basics\/using-the-object-selection-tool-and-object-finder-in-photoshop-2022\/\" title=\"Learn more\">Related tutorial: How to use the Object Selection Tool in Photoshop<\/a><\/p>\n<p>Then to resize the selection outline, I\u2019ll go up to the <strong>Select<\/strong> menu in the Menu Bar and choose <a href=\"\/basics\/resize-selections-with-transform-selection\/\" title=\"Learn more\">Transform Selection<\/a>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/transform-selection.png\" alt=\"Choosing Transform Selection from the Select menu.\" width=\"234\" height=\"125\" \/>\n<div class=\"image-desc\">Choosing Transform Selection from the Select menu.<\/div>\n<p>In the <strong>Options Bar<\/strong>, I\u2019ll unlink the <strong>Width<\/strong> and <strong>Height<\/strong> values so I can unlock the aspect ratio of the outline.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/unlink-width-height.png\" alt=\"Unlinking the Width and Height.\" width=\"369\" height=\"110\" \/>\n<div class=\"image-desc\">Unlinking the Width and Height.<\/div>\n<p>Then I\u2019ll drag the right side of the outline inward until it snaps into place in the center of the image.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/resize-selection-outline.jpg\" alt=\"Resizing the selection outline.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">Resizing the selection outline.<\/div>\n<p>And I\u2019ll click the <strong>checkmark<\/strong> in the Options Bar to accept it.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/checkmark.png\" alt=\"Closing the Transform Selection command.\" width=\"267\" height=\"108\" \/>\n<div class=\"image-desc\">Closing the Transform Selection command.<\/div>\n<h2 class=\"sub\">Adding the first layer mask<\/h2>\n<p>Now that the left side is selected, I\u2019ll add a <a href=\"\/basics\/understanding-photoshop-layer-masks\/\" title=\"Learn more\">layer mask<\/a> by clicking the <strong>Add Layer Mask<\/strong> icon in the Layers panel.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/checkmark.png\" alt=\"Adding the first layer mask.\" width=\"267\" height=\"108\" \/>\n<div class=\"image-desc\">Adding the first layer mask.<\/div>\n<p>A layer mask thumbnail appears on the layer.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/layer-mask-thumbnail.png\" alt=\"The layer mask is added.\" width=\"295\" height=\"208\" \/>\n<div class=\"image-desc\">The layer mask is added.<\/div>\n<h3>Problem: The layer mask did not hide the layer effect<\/h3>\n<p>And the  layer mask hides the right side of the image, keeping only the left side visible. <\/p>\n<p>But here\u2019s the problem. The layer mask did a great job at hiding the image, but it did not hide the stroke.<\/p>\n<p>Instead, the stroke reshaped itself around the part of the image that\u2019s still visible. And now the right side of the stroke is running through what is really the center of the larger image, which is not what I wanted.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/layer-effect-reshaped.jpg\" alt=\"The layer mask is added.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">The layer mask is added.<\/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<h2 class=\"sub\">Adding a layer mask to the right side of the image<\/h2>\n<p>But the problem is about to get worse when I bring back the right side of the image.<\/p>\n<p>To bring it back, I\u2019ll make a copy of the <a href=\"\/basics\/understanding-photoshop-layers\/\" title=\"Learn more\">layer<\/a>, along with its mask, by pressing <strong>Ctrl+J<\/strong> on a Windows PC or <strong>Command+J<\/strong> on a Mac.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/copy-layer.png\" alt=\"The copy of the layer appears above the original.\" width=\"295\" height=\"305\" \/>\n<div class=\"image-desc\">The copy appears above the original.<\/div>\n<p>Then I\u2019ll select the layer\u2019s mask by clicking its <strong>thumbnail<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/select-layer-mask.png\" alt=\"Selecting the layer mask.\" width=\"295\" height=\"242\" \/>\n<div class=\"image-desc\">Selecting the layer mask.<\/div>\n<p>And in the <a href=\"\/basics\/using-the-enhanced-properties-panel-in-photoshop\/\" title=\"Learn more\">Properties panel<\/a>, I\u2019ll click the <strong>Invert<\/strong> button, which turns the white parts of the mask to black and the black parts to white.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/properties-panel-invert.png\" alt=\"Inverting the layer mask.\" width=\"295\" height=\"427\" \/>\n<div class=\"image-desc\">Inverting the layer mask.<\/div>\n<h3>Same problem: The layer mask did not hide the effect<\/h3>\n<p>The good news is that the right side of the image is back. But the bad news is that I now have not one but <em>two<\/em> strokes cutting through the middle.<\/p>\n<p>It looks like a single stroke that\u2019s twice as wide as the others. But it\u2019s actually two separate strokes, one for the left side of the image and one for the right.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/two-strokes-in-middle.jpg\" alt=\"The problem just got bigger.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">The problem just got bigger.<\/div>\n<p>I\u2019ll hide the left side for a moment so it\u2019s easier to see that the stroke has once again reshaped itself around the part of the image that\u2019s still visible. But again, that\u2019s not what I wanted.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/layer-effect-reshaped-right-side.jpg\" alt=\"The stroke now surrounds the right side.\" width=\"809\" height=\"546\" \/>\n<div class=\"image-desc\">The stroke now surrounds the right side.<\/div>\n<h2 class=\"sub\">How layer effects and layer masks interact in Photoshop<\/h2>\n<p>So what\u2019s going on here, and how do we fix it? How do I get rid of the two strokes in the middle of the image?<\/p>\n<p>What\u2019s happening is that by default, a layer mask hides the layer contents but it does <em>not<\/em> hide any layer effects that are applied to the layer. Instead of hiding the layer effects, Photoshop <em>reshapes<\/em> the effects to fit the content that\u2019s not hidden by the mask.<\/p>\n<p>That\u2019s why my stroke initially surrounded the entire image. But when I added a mask to hide one side of the image, the stroke simply reshaped itself around the other side.<\/p>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h2 class=\"sub\">How to mask layer effects in Photoshop<\/h2>\n<p>Sometimes hiding a layer\u2019s contents and just reshaping the layer effects is what you want, which is why it\u2019s the default behavior in Photoshop.<\/p>\n<p>But in this case, it\u2019s not what I want. I need the two strokes in the middle to disappear. Which means I need a way to tell Photoshop that my layer masks should hide both the contents <em>and<\/em> the layer effects. <\/p>\n<p>And we can do that using an option called <strong>Layer Mask Hides Effects<\/strong>. Here\u2019s where to find it.<\/p>\n<h3>Layer Mask Hides Effects<\/h3>\n<p>You can only do this on one layer at a time, so I\u2019ll turn off the right side of the image to make things easier to see.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/turn-off-right-side.jpg\" alt=\"The right side is turned off.\" width=\"803\" height=\"455\" \/>\n<div class=\"image-desc\">The right side is turned off.<\/div>\n<p>Then to make the layer mask hide your layer effects, double-click on the word <strong>Effects<\/strong> below the layer.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/double-click-effects.png\" alt=\"Double-clicking on the word Effects.\" width=\"295\" height=\"278\" \/>\n<div class=\"image-desc\">Double-clicking on the word Effects.<\/div>\n<p>This opens the Layer Style dialog box set to the Blending Options. In the Advanced Blending section, look for the option that says <strong>Layer Mask Hides Effects<\/strong> and just turn it on.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/layer-mask-hides-effects.png\" alt=\"Turning on Layer Mask Hides Effects.\" width=\"418\" height=\"226\" \/>\n<div class=\"image-desc\">Turning on Layer Mask Hides Effects.<\/div>\n<p>The stroke along the right instantly disappears because it is now being hidden by the layer mask.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/layer-effect-hidden-by-mask.jpg\" alt=\"The unwanted stroke along the left is gone.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">The unwanted stroke along the left is gone.<\/div>\n<p>I\u2019ll click OK to close the Layer Style dialog box. Then I\u2019ll hide the left side of the image and turn on the right side.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/turn-left-side-off.jpg\" alt=\"Switching to the right side of the image.\" width=\"803\" height=\"455\" \/>\n<div class=\"image-desc\">Switching to the right side of the image.<\/div>\n<p>I\u2019ll do the same thing by double-clicking on the word <strong>Effects<\/strong> below the layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/double-click-effects-2.png\" alt=\"Double-clicking on the word Effects.\" width=\"295\" height=\"212\" \/>\n<div class=\"image-desc\">Double-clicking on the word Effects.<\/div>\n<p>And turning on <strong>Layer Mask Hides Effects<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/layer-mask-hides-effects.png\" alt=\"Turning on Layer Mask Hides Effects.\" width=\"418\" height=\"226\" \/>\n<div class=\"image-desc\">Selecting Layer Mask Hides Effects.<\/div>\n<p>The stroke on the left instantly disappears, again because it is now being hidden by the mask.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/layer-effect-hidden-by-mask-2.jpg\" alt=\"The unwanted stroke along the left is gone.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">The unwanted stroke along the left is gone.<\/div>\n<p>I\u2019ll click OK to close the dialog box. Then I\u2019ll turn the left side of the image back on. <\/p>\n<p>And problem solved. The two strokes in the middle are now being hidden by the layer masks, and I\u2019m back to what looks like a single image with a border around it.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/problem-solved.jpg\" alt=\"The layer masks are now hiding the layer effects.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">The layer masks are now hiding the layer effects.<\/div>\n<h2 class=\"sub\">Dragging the two sides of the image apart<\/h2>\n<p>Now I can drag the left and right sides of the image apart. <\/p>\n<p>In the toolbar, I\u2019ll make sure I have the <strong>Move Tool<\/strong> selected.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/select-move-tool.png\" alt=\"Selecting the Move Tool.\" width=\"132\" height=\"187\" \/>\n<div class=\"image-desc\">Selecting the Move Tool.<\/div>\n<p>And in the <strong>Options Bar<\/strong>, I\u2019ll make sure that <strong>Auto-Select<\/strong> is turned on so I can select layers just by clicking on them.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/auto-select.png\" alt=\"The Auto-Select option.\" width=\"300\" height=\"131\" \/>\n<div class=\"image-desc\">The Auto-Select option.<\/div>\n<p>Then I\u2019ll click on the left side of the image to select it. I\u2019ll hold <strong>Shift<\/strong> on my keyboard to make it easier to drag horizontally, and I\u2019ll drag it over to the left.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/drag-image-left.jpg\" alt=\"Dragging the left side of the image.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">Dragging the left side of the image.<\/div>\n<p>I\u2019ll do the same thing with the right side, clicking on it to select it, holding <strong>Shift<\/strong> and dragging it to the right. So far so good.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/drag-image-right.jpg\" alt=\"Dragging the right side of the image.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">Dragging the right side of the image.<\/div>\n<h2 class=\"sub\">Solving one problem but creating another<\/h2>\n<p>The real reason I dragged the two sides apart is so I can show you that by solving the first problem, we\u2019ve actually created a new problem.<\/p>\n<p>I want to add a drop shadow, which is another of Photoshop\u2019s layer effects, behind the two images. Should be easy enough, right?<\/p>\n<p>I\u2019ll start with the image on the left by double-clicking on the word <strong>Effects<\/strong> below the layer to reopen the Layer Style dialog box.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/double-click-effects-3.png\" alt=\"Opening the Layer Style dialog box.\" width=\"295\" height=\"273\" \/>\n<div class=\"image-desc\">Opening the Layer Style dialog box.<\/div>\n<p>And I\u2019ll choose <strong>Drop Shadow<\/strong> in the column on the left.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/choose-drop-shadow.png\" alt=\"Turning Drop Shadow on.\" width=\"295\" height=\"97\" \/>\n<div class=\"image-desc\">Turning Drop Shadow on.<\/div>\n<p>In the Drop Shadow options, I\u2019ll set the <strong>Angle<\/strong> to <strong>135 degrees<\/strong> and the <strong>Distance<\/strong> to <strong>160 pixels<\/strong>, which should make the shadow easy to see. The rest of the settings are at their defaults.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/drop-shadow-options.png\" alt=\"The Drop Shadow options.\" width=\"418\" height=\"246\" \/>\n<div class=\"image-desc\">The Drop Shadow options.<\/div>\n<p>And yet, where is the shadow? It should be behind the left side of the image, but I don\u2019t see it at all.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/drop-shadow-hidden.jpg\" alt=\"The drop shadow is not visible.\" width=\"803\" height=\"455\" \/>\n<div class=\"image-desc\">The drop shadow is not visible.<\/div>\n<p>Actually, the shadow is there. We just can\u2019t see it. And the reason we can\u2019t see it is because we turned on Layer Mask Hides Effects. So the shadow, which falls outside the layer mask, is being hidden by the mask.<\/p>\n<p>If I turn off Layer Mask Hides Effects:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/turn-off-layer-mask-hides-effects.png\" alt=\"Turning Layer Mask Hides Effects off.\" width=\"417\" height=\"160\" \/>\n<div class=\"image-desc\">Turning Layer Mask Hides Effects off.<\/div>\n<p>The shadow appears. But so does the stroke along the right that we don\u2019t want. So... hmm. What do we do?<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/shadow-and-stroke-visible.jpg\" alt=\"Turning Layer Mask Hides Effects off makes the shadow visible but also the stroke.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">Turning Layer Mask Hides Effects off makes the shadow visible but also the stroke.<\/div>\n<h2 class=\"sub\">Applying layer effects to a layer group<\/h2>\n<p>We want to see the drop shadow but not the stroke. Which means we need the mask to hide one of the layer effects but not the other. Is there a <q>Layer Mask Hides This Effect But Not That One<\/q> option?<\/p>\n<p>Well, no. But we can create something like that ourselves by applying the two effects <em>separately<\/em>.<\/p>\n<p>We\u2019ll keep the stroke applied to the layer, with Layer Mask Hides Effects turned on. But we\u2019ll place the layer into a <a href=\"\/basics\/layers\/layer-groups\/\" title=\"Learn more\">layer group<\/a> and apply the drop shadow to the group itself!<\/p>\n<h3>Selecting both layers at once<\/h3>\n<p>Now because I have two layers where I want to apply the shadow, I need to add both of them to the group.<\/p>\n<p>So with one of the layers already selected in the Layers panel, I\u2019ll hold <strong>Shift<\/strong> on my keyboard and click on the other layer to select them both.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/select-both-layers.png\" alt=\"Selecting both image layers.\" width=\"295\" height=\"241\" \/>\n<div class=\"image-desc\">Selecting both image layers.<\/div>\n<h3>Adding the layers to a group<\/h3>\n<p>Then I\u2019ll click the Layers panel <strong>menu icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/layers-panel-menu-icon.png\" alt=\"Clicking the Layers panel menu icon.\" width=\"295\" height=\"158\" \/>\n<div class=\"image-desc\">Clicking the menu icon.<\/div>\n<p>And choose <strong>New Group from Layers<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/new-group-from-layers.png\" alt=\"Choosing New Group from Layers.\" width=\"294\" height=\"134\" \/>\n<div class=\"image-desc\">Choosing New Group from Layers.<\/div>\n<p>I\u2019ll accept the default group name and click OK.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/accept-group-name.png\" alt=\"Creating the new layer group.\" width=\"449\" height=\"155\" \/>\n<div class=\"image-desc\">Creating the new layer group.<\/div>\n<p>Both layers are now inside the group.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/new-layer-group.png\" alt=\"The layers are now inside the layer group.\" width=\"295\" height=\"169\" \/>\n<div class=\"image-desc\">The group is added.<\/div>\n<h3>Applying the Drop Shadow to the group<\/h3>\n<p>So now I can add the shadow to the group by clicking the <strong>fx<\/strong> icon at the bottom of the Layers panel and choosing <strong>Drop Shadow<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/choose-drop-shadow.png\" alt=\"Adding a Drop Shadow layer effect to the layer group.\" width=\"295\" height=\"97\" \/>\n<div class=\"image-desc\">Adding a Drop Shadow.<\/div>\n<p>I\u2019ll again set the <strong>Angle<\/strong> to <strong>135 degrees<\/strong> and the <strong>Distance<\/strong> to <strong>160 pixels<\/strong>. But I\u2019ll also soften the shadow edges by increasing the <strong>Size<\/strong> to around <strong>40 pixels<\/strong>. Then I\u2019ll click OK to close the Layer Style dialog box.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/drop-shadow-options-2.png\" alt=\"The Drop Shadow layer effect settings.\" width=\"429\" height=\"269\" \/>\n<div class=\"image-desc\">The Drop Shadow settings for the group.<\/div>\n<p>And this time, because the Drop Shadow was added to the group, both layers inside the group have the shadow applied.<\/p>\n<p> While inside the group, my Strokes are still being hidden by the masks on the individual layers.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2023\/layer-effects-with-layer-masks\/using-layer-effects-and-layer-masks.jpg\" alt=\"The shadow is now visible while the strokes remain hidden by the layer masks.\" width=\"799\" height=\"536\" \/>\n<div class=\"image-desc\">The shadow is now visible while the strokes remain hidden by the layer masks.<\/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\u2019s how to get layer effects and layer masks to work together in Photoshop.<\/p>\n<p><strong>Related tutorials:<\/strong><\/p>\n<ul class=\"f1\">\n<li><a href=\"\/photo-effects\/picture-in-picture-effect\/\" title=\"Learn more\">How to Create a Picture-in-Picture Effect<\/a><\/li>\n<li><a href=\"\/photo-effects\/borders-and-frames\/simple-solid-color-border\/\" title=\"Learn more\">How to Add a Border to a Photo<\/a><\/li>\n<li><a href=\"\/photo-effects\/place-image-in-shape\/\" title=\"Learn more\">How to Fill a Shape with a Photo<\/a><\/li>\n<\/ul>\n<p>Don't forget, all of my Photoshop tutorials are now available to <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">download as PDFs<\/a>!<\/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<div align=\"center\" style=\"padding-top:16px; padding-bottom:16px;\">\n<script type=\"text\/javascript\" src=\"https:\/\/adobe-creative.prf.hn\/creative\/camref:1100lrdjJ\/creativeref:1011l90368\"><\/script>\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using layer effects and a layer mask on the same layer can give you unexpected results. Learn the tricks to getting your effects and masks working perfectly together!<\/p>\n","protected":false},"author":1,"featured_media":34108,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-34107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-basics"],"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>Using Layer Effects with Layer Masks in Photoshop<\/title>\n<meta name=\"description\" content=\"This tutorial shows you the tricks to getting layer effects and layer masks in Photoshop working seamlessly together.\" \/>\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\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Layer Effects with Layer Masks in Photoshop\" \/>\n<meta property=\"og:description\" content=\"Using layer effects and a layer mask on the same layer can give you unexpected results. Learn the tricks to getting layer effects and masks working perfectly together!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-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=\"2023-02-11T16:11:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-11T16:16:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/02\/using-layer-effects-with-layer-masks-1200.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\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=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Using Layer Effects with Layer Masks in Photoshop\",\"datePublished\":\"2023-02-11T16:11:48+00:00\",\"dateModified\":\"2023-02-11T16:16:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/\"},\"wordCount\":2316,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/using-layer-effects-with-layer-masks-250.jpg\",\"articleSection\":[\"Photoshop Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/\",\"name\":\"Using Layer Effects with Layer Masks in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/using-layer-effects-with-layer-masks-250.jpg\",\"datePublished\":\"2023-02-11T16:11:48+00:00\",\"dateModified\":\"2023-02-11T16:16:45+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"This tutorial shows you the tricks to getting layer effects and layer masks in Photoshop working seamlessly together.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/using-layer-effects-with-layer-masks-250.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/using-layer-effects-with-layer-masks-250.jpg\",\"width\":250,\"height\":250,\"caption\":\"Using layer effects with layer masks in Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/using-layer-effects-with-layer-masks-in-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Basics\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Using Layer Effects with Layer Masks 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":"Using Layer Effects with Layer Masks in Photoshop","description":"This tutorial shows you the tricks to getting layer effects and layer masks in Photoshop working seamlessly together.","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\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Using Layer Effects with Layer Masks in Photoshop","og_description":"Using layer effects and a layer mask on the same layer can give you unexpected results. Learn the tricks to getting layer effects and masks working perfectly together!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2023-02-11T16:11:48+00:00","article_modified_time":"2023-02-11T16:16:45+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/02\/using-layer-effects-with-layer-masks-1200.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Using Layer Effects with Layer Masks in Photoshop","datePublished":"2023-02-11T16:11:48+00:00","dateModified":"2023-02-11T16:16:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/"},"wordCount":2316,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/02\/using-layer-effects-with-layer-masks-250.jpg","articleSection":["Photoshop Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/","name":"Using Layer Effects with Layer Masks in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/02\/using-layer-effects-with-layer-masks-250.jpg","datePublished":"2023-02-11T16:11:48+00:00","dateModified":"2023-02-11T16:16:45+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"This tutorial shows you the tricks to getting layer effects and layer masks in Photoshop working seamlessly together.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/02\/using-layer-effects-with-layer-masks-250.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/02\/using-layer-effects-with-layer-masks-250.jpg","width":250,"height":250,"caption":"Using layer effects with layer masks in Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/using-layer-effects-with-layer-masks-in-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Basics","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/"},{"@type":"ListItem","position":3,"name":"Using Layer Effects with Layer Masks 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\/34107","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=34107"}],"version-history":[{"count":12,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/34107\/revisions"}],"predecessor-version":[{"id":34119,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/34107\/revisions\/34119"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/34108"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=34107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=34107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=34107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}