{"id":9224,"date":"2025-03-04T00:30:00","date_gmt":"2025-03-04T05:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=9224"},"modified":"2025-08-21T09:35:41","modified_gmt":"2025-08-21T13:35:41","slug":"mask-with-grey","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/mask-with-grey\/","title":{"rendered":"Mask With Grey"},"content":{"rendered":"\n

A few weeks ago, I shared a post about using \u201cTwo-Tone Masks<\/a><\/strong>\u201d. Today I want to show you another masking technique that is very similar but a bit more intriguing. Let\u2019s take a look at using grey to make a mask selectively, magically transparent.<\/p>\n\n\n\n

Magical Mask<\/h3>\n\n\n
\n
\"Magical<\/a><\/figure>\n<\/div>\n\n\n

As I mentioned when I posted about two-tone masks, most often those masks are done in black & white.<\/p>\n\n\n\n

You may already know this but whenever we use a layer mask, we don\u2019t have to use just black & white. Layer masks do not recognize the hue (i.e., black, white, yellow, green, etc.) of any color in the mask. However, masks do recognize varying shades (or tones) in those color values.<\/p>\n\n\n\n

Today I\u2019m going to be using a grey element to subtract from the mask in order to make it a little fancier and selectively transparent.<\/p>\n\n\n\n

Let\u2019s get started\u2026<\/p>\n\n\n\n

Using Grey<\/strong><\/h3>\n\n\n\n

Before I get started just a quick reminder that I use Photoshop Elements (PSE) 2024. If you use a different version, some of my screen shots may look different than what you see on your screen.<\/p>\n\n\n\n

As usual I\u2019m going to start with a 12×12 file with a blank background.<\/p>\n\n\n\n

Next, I\u2019ll set my foreground\/background color chips to the default of Black and White (press D). Then I pull in a solid textured paper:<\/p>\n\n\n

\n
\"Grunge<\/a><\/figure>\n<\/div>\n\n\n

Note:<\/strong> I created this textured paper in part by using some of the techniques I discussed in my “Paper Texture<\/a><\/strong>” post back on September 10, 2024. I also used a full-page mask I created years ago to give the edges a \u201cpainted\u201d look.<\/p>\n\n\n\n

If you\u2019re following along you can use any textured background paper that you\u2019d prefer.<\/p>\n\n\n\n

Next, I\u2019m going to use what some refer to as a complex mask. This just means the mask is not completely a single solid color. Rather the mask has varying tones of a given color. In this case tones of black:<\/p>\n\n\n

\n
\"Complex<\/a><\/figure>\n<\/div>\n\n\n

Note:<\/strong> This mask is one I created using some techniques I provided in my \u201cAll About The Mask<\/a><\/strong>\u201d post back on October 24, 2023.<\/p>\n\n\n\n

If you\u2019re following along you can use any complex mask that you\u2019d prefer. If you don\u2019t have a complex mask, you\u2019re welcome to click here<\/a><\/strong> and my mask will immediately be downloaded for you.<\/p>\n\n\n\n

I\u2019m also going to use an overlay:<\/p>\n\n\n

\n
\"Leaf<\/a><\/figure>\n<\/div>\n\n\n

Note:<\/strong> This overlay is one I created from a leaf element using some techniques about creating custom brushes I provided in my \u201cModern Gesso<\/a><\/strong>\u201d post back on June 18, 2024.<\/p>\n\n\n\n

If you\u2019re following along you can use any overlay that you\u2019d prefer. If you don\u2019t have a suitable overlay, you\u2019re welcome to click here<\/a><\/strong> and my overlay will immediately be downloaded for you.<\/p>\n\n\n\n

Now the basic pieces are set up and ready to go. The next thing I need to do is fill that overlay with black. And if you\u2019ve been reading many of my posts, you know I\u2019m going to duplicate that overlay (just in case \ud83d\ude09) and hide it. I do this any time I\u2019m about to make any \u201cdestructive\u201d changes to an image.<\/p>\n\n\n\n

Note:<\/strong> If the overlay you’re using shows up as a “smart object” you will need to simplify the layer and lock the transparent pixels. If you read my \u201cTwo-Tone Mask<\/a><\/strong>\u201d post a few weeks ago you already know why you need to do this.<\/p>\n\n\n\n

With the duplicate overlay layer active and the foreground color chip set to black all I have to do is press Shift+Alt+Backspace and the overlay appears to have disappeared:<\/p>\n\n\n

\n
\"Overlay<\/a><\/figure>\n<\/div>\n\n\n

Don\u2019t worry\u2026it\u2019s still there! With the duplicate overlay layer active all I have to do is click on the Move tool and I can see the PSE bounding box so I know the image is still there:<\/p>\n\n\n

\n
\"Overlay<\/a><\/figure>\n<\/div>\n\n\n

You should be able to see the bounding box in the image above. If you\u2019re following along and you don\u2019t see a bounding box around your overlay\u2026please ensure the overlay layer is active.<\/p>\n\n\n\n

This overlay is about the same size as the black center of the mask so I think it\u2019s a good size for now.<\/p>\n\n\n\n

Note:<\/strong> If you\u2019re following along and have an overlay that\u2019s a lot smaller than your mask you may want to resize it so that it\u2019s about the same size as the darkest portion of your mask.<\/p>\n\n\n\n

Now I\u2019ll just reposition that overlay off to the lower right side of the mask so I can see the interesting edges poking out around the edge of the mask:<\/p>\n\n\n

\n
\"Overlay<\/a><\/figure>\n<\/div>\n\n\n

Note:<\/strong> If you\u2019re following along, you can reposition your overlay to suit your needs.<\/p>\n\n\n\n

To keep from getting too confusing, I\u2019ll name this repositioned overlay layer to \u201cBlack Overlay Moved\u201d. I did this because I\u2019m now going to duplicate the Black Overlay Moved layer (Ctrl+J) and hide the duplicate layer for the moment. I will use this duplicate layer later to create a selection.<\/p>\n\n\n\n

I\u2019m going to activate the mask layer and the original Black Overlay Moved layer. This is what my Layers Panel looks like right now:<\/p>\n\n\n

\n
\"Layers<\/a><\/figure>\n<\/div>\n\n\n

With those layers active I can now Right-Click on the thumbnail for either layer and select Merge Layers from the dropdown:<\/p>\n\n\n

\n
\"Merge<\/a><\/figure>\n<\/div>\n\n\n

And the two layers are now one:<\/p>\n\n\n

\n
\"Layers<\/a><\/figure>\n<\/div>\n\n\n

And now my Layers Panel looks like this:<\/p>\n\n\n

\n
\"Layers<\/a><\/figure>\n<\/div>\n\n\n

See how PSE merged the two layers and kept the new layer above my original (hidden) overlay layer? That\u2019s exactly where I want it to be at this point.<\/p>\n\n\n\n

With that newly merged layer active the next step is to add the \u201cmagic\u201d by turning the entire overlay portion of this layer to grey. So, I\u2019m sure you\u2019re wondering how I\u2019m going to do that since the only parts of that overlay that I can see are along the edges.<\/p>\n\n\n\n

This is going to be easier than you think. Again, with the newly merged layer active, I\u2019m going to add a layer mask to that layer by clicking the Layer Mask icon at the top of the Layers Panel:<\/p>\n\n\n

\n
\"Layer<\/a><\/figure>\n<\/div>\n\n\n

PSE places a white \u201clayer mask\u201d to the right of the newly merged layer\u2019s thumbnail:<\/p>\n\n\n

\n
\"Layer<\/a><\/figure>\n<\/div>\n\n\n

That Layer Mask should be active (ensure there\u2019s an outline around the layer mask \u2013 mine is blue). If you don\u2019t see an outline around the Layer Mask\u2026just double-click inside the white Layer Mask.<\/p>\n\n\n\n

Now, do you remember the duplicate of the original overlay layer that I hid earlier? I said I was going to use that to make a selection. Well, that\u2019s what I\u2019m going to do now. That layer can remain hidden for this next step.<\/p>\n\n\n\n

Again, the Layer Mask must be active. Then I Ctrl-Click on the thumbnail for the hidden overlay layer. And I now have the marching ants:<\/p>\n\n\n

\n
\"Overlay<\/a><\/figure>\n<\/div>\n\n\n

As soon as I made this selection PSE reversed my color chips:<\/p>\n\n\n

\n
\"Color<\/a><\/figure>\n<\/div>\n\n\n

PSE uses white by default when a Layer Mask is using a selection. But I don\u2019t need to use white or black. I can use any color I choose. If I used black (currently the background color chip) to fill that selection PSE would hide the selection and I\u2019d see the underlying background. And that\u2019s not what I want.<\/p>\n\n\n\n

For this \u201cmagic\u201d technique, I want to fill that selection with a light grey color. I\u2019m going to use the color picker (click on the black background color chip) and select roughly a 25% grey (#b2b0b0):<\/p>\n\n\n

\n
\"Select<\/a><\/figure>\n<\/div>\n\n\n

The Layer Mask is still active. If yours isn\u2019t then just double-click inside the white Layer Mask.<\/p>\n\n\n\n

Now I\u2019m going to fill the selection with that light grey by pressing Ctrl-Backspace:<\/p>\n\n\n

\n
\"Layer<\/a><\/figure>\n<\/div>\n\n\n

You can see that the Layer Mask now has that selection showing up in grey. I then cancel the selection (Ctrl+D or ESC) and here\u2019s my new mask:<\/p>\n\n\n

\n
\"Overlay<\/a><\/figure>\n<\/div>\n\n\n

I know that \u201coverlay\u201d portion looks like a much darker shade of grey than the color I used. I really have no explanation for exactly why that happens. My only guess is that the black is showing through the grey making it look darker. Bottom line is, I know this grey will work.<\/p>\n\n\n\n

Before I show you how this works with a photo I am going to save this fancy mask as a PNG file for future use. All I have to do is hide the background and crop the image to size being careful that I include all of the mask detail. And here\u2019s my PNG:<\/p>\n\n\n

\n
\"Fancy<\/a><\/figure>\n<\/div>\n\n\n

Regardless of the color difference, this looks lovely. But you can\u2019t yet really see the magic of this new mask until I clip a photo to it. So, I\u2019m going to use this lovely sunrise photo<\/a><\/strong> from Pixabay:<\/p>\n\n\n

\n
\"Sunrise<\/a><\/figure>\n<\/div>\n\n\n

When I pull this photo into my file, I can see it\u2019s not going to cover the entire mask:<\/p>\n\n\n

\n
\"Photo<\/a><\/figure>\n<\/div>\n\n\n

I can do one of two things. I can either make the photo larger or the mask smaller. I tried it both ways and decided the best option with this photo (for me) was to make the photo larger. And here is the result:<\/p>\n\n\n

\n
\"Photo<\/a><\/figure>\n<\/div>\n\n\n

I know you likely can\u2019t truly see how gorgeous the leaf overlay shows up at this small size. It is meant to be a subtle addition to the mask which makes it hard to appreciate at something less than full size.<\/p>\n\n\n\n

So, I\u2019m going to go one step further for you. If you Right-Click on the image above and select open in a new tab, you should be able to see this at a larger size. Hopefully that works out and you can see the finer details of the leaf veins in the masked photo.<\/p>\n\n\n\n

By using grey for the leaf detail, I created more transparency in the mask allowing the photo to show through a bit lighter in those areas. Remember at the beginning I said masks will recognize varying shades (or tones) in color values which causes the difference in transparency.<\/p>\n\n\n\n

I hope that makes sense. More importantly, I hope you\u2019ll play around with adding this little magic touch to a mask of your own.<\/p>\n\n\n\n

Now as a special treat for you, if you click on the image below that mask will download automatically for you. I hope you enjoy it.<\/p>\n\n\n

\n
\"Fancy<\/a><\/figure>\n<\/div>\n\n\n

And here\u2019s a layout I made using that fancy mask and my own photo:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

If you’d like to see more details about this layout, you can find it in my 2025 Gallery<\/a><\/strong>.<\/p>\n\n\n\n

Extra Tips<\/h3>\n\n\n
\n
\"A<\/a><\/figure>\n<\/div>\n\n\n

Try playing with the shade of grey that you use when filling the \u201coverlay\u201d selection. The darker the grey the more the photo will show through. Conversely, the lighter the grey, the less the photo will show through.<\/p>\n\n\n\n

Be careful how light a grey you use. Remember, as you learned in my \u201cTwo-Tone Mask<\/a><\/strong>\u201d post, PSE will treat white the same as it does black. That means white will provide no transparency at all in your mask.<\/p>\n\n\n\n

And don\u2019t forget\u2026you can also use text instead of an \u201coverlay\u201d. This would be yet another way to have sort of a built-in caption!<\/p>\n\n\n\n

Also please be aware that different photos will react differently to the same mask. The darker the photo the more susceptible it will be to the more transparent sections of the mask.<\/p>\n\n\n\n

Thanks for reading this week\u2019s Tuesday Tip. Remember, if you have any suggestions or questions please don\u2019t hesitate to “Message Me<\/a><\/strong>“. Check back next week for a tip about highlighting your photo\u2019s subject. Click \u201cFollow Me<\/a><\/strong>\u201d to stay in touch. I hope you have a wonderful week!<\/p>\n\n\n

\n
\"Keep<\/a><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"

A few weeks ago, I shared a post about using \u201cTwo-Tone Masks\u201d. Today I want to show you another masking technique that is very similar but a bit more intriguing. Let\u2019s take a look at using grey to make a mask selectively, magically transparent. Magical Mask As I mentioned when I posted about two-tone masks, most often those masks are done in black & white. You may already know this but whenever we use a layer mask, we don\u2019t have…<\/p>\n

Read More Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9223,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_wp_convertkit_post_meta":{"form":"0","landing_page":"","tag":"0","restrict_content":"0"},"footnotes":""},"categories":[11],"tags":[],"class_list":["post-9224","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tuesday-tip-day"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts\/9224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/comments?post=9224"}],"version-history":[{"count":0,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts\/9224\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/media\/9223"}],"wp:attachment":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/media?parent=9224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/categories?post=9224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/tags?post=9224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}