Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How to Use Layer Masks in Photoshop
  • By Kia Lor
  • 20 Apr 2022
  • 14 Mins
  • Intermediate
  • Photoshop Tutorials

How to Use Layer Masks in Photoshop

Learn about using layer masks in Photoshop to non destructively edit and conceal parts of an image.

Maybe you know what a clipping mask is, but you’re a little unsure about layer masks. Layer masks are used to edit and conceal parts of a layer non-destructively. In this tutorial, you’ll learn about the basics of using a layer mask, and then we’ll show you a couple of ways to use them.

How to Use Layer Masks in Photoshop

In this tutorial, we’ll be using beautiful pictures of Greece.

Basics of Using a Layer Mask

Layer masks work on a grayscale, so when using them, you want to remember the saying, “White reveals. Black conceals.” If you use gray, it will partially reveal/conceal.

Step 1 - Add a Layer Mask

With an image open in Photoshop, select the image layer and click the Add vector mask icon at the bottom of the Layers panel.

Click on the Add vector mask icon at the bottom of the Layers panel in Photoshop

You’ll see the layer mask thumbnail to the right of the image layer thumbnail. As of right now, the entire image layer is revealed. You know this is the case because the entire layer mask thumbnail is white.

There's an arrow pointing to the layer mask

Step 2 - Set the Foreground and Background Colors

Select the layer mask thumbnail. Then click the Default Colors icon (D) in the left toolbar to reset the foreground color to white and the background color to black. You can quickly swap the foreground and background colors by clicking the Switch Colors icon or pressing the X key.

Shows how to reset the foreground and background colors and then quickly switch them

Step 3 - Select Brush and Edit Brush Options

When using the brush to conceal or reveal areas, you can use any brush tip you want. Select the Brush Tool (B) and open the Brushes panel (Window > Brushes). Then search for and select the brush you want to use.

Shows where the Brush Tool is and how to search for and select a brush in Photoshop

You can modify the brush preset options in the Options bar at the top. Set the Size and Hardness to what you’d prefer.

Shows where to open the Brush Preset Options and which settings to modify

Step 4 - Conceal Parts of the Layer Using Black on the Layer Mask

Make sure the layer mask thumbnail is selected, and with black as the foreground color, you can now paint over the areas you want to hide. You’ll see that when hiding parts of the image, what’s below that layer shows through. In our case, there is nothing below, so you’ll see the checkerboard background.

Shows what happens when you paint over the layer mask with the color black in Photoshop

You can use layer masks in this way to create unique edges like we did in our tutorial on creating distressed edges in Photoshop.

Step 5 - Reveal Parts of the Layer Using White on the Layer Mask

To reveal areas you’ve concealed, click the Switch Colors icon or press the X key to swap the foreground and background colors again. Then paint over the concealed areas with white to reveal them.

Shows how to reveal concealed areas by painting the layer mask with white

Step 6 - Disable and Enable Layer Mask if Needed

If you need to hide the layer mask at any point but still have it available for later, you can disable the layer mask. Right-click on the layer mask thumbnail and select Disable Layer Mask. A red ‘x’ will appear on the layer mask thumbnail when it’s disabled. Then to re-enable the layer mask, simply click on the layer mask thumbnail.

Shows how to disabled and re-enable a layer mask in Photoshop

Use a Layer Mask With an Adjustment Layer

We have a full in-depth guide on how to combine two images in Photoshop using a layer mask, but for this tutorial, we’ll show you how to use a layer mask with an adjustment layer and then with a selection.

Using a layer mask with an adjustment layer, you're able to conceal parts of the adjustment layer, so it only affects specific areas of your image.

Step 1 - Add an Adjustment Layer

With your image open, select an adjustment to add from the Adjustments panel (Window > Adjustments). We selected the Black & White adjustment.

Select an adjustment from the Adjustments panel in Photoshop

You’ll notice that the adjustment layer already has a layer mask that is entirely white, meaning the entire adjustment layer is revealed and affects the whole image.

Highlights the layer mask already on the adjustment layer

Step 2 - Create a Clipping Mask if Needed

Normally, an adjustment layer affects all the layers below it, but you can clip the adjustment layer to the layer directly below itwith a clipping mask in Photoshop. Right-click on the adjustment layer and select Create Clipping Mask, so it only affects the one layer.

Shows how to clip the adjustment layer to the layer beneath it with a clipping mask in Photoshop

Step 3 - Edit Adjustment Layer’s Layer Mask

Keep in mind that the layer mask is on the adjustment layer this time, so when concealing or revealing, you are doing it to the adjustment layer.

Now conceal parts of the adjustment layer by painting the layer mask with black. Remember that when concealing, what’s below the layer will show through. As shown below, the colored image shows where the adjustment layer has been concealed.

Shows parts of the adjustment layer being concealed

Create unique and meaningful images by highlighting only certain areas of your image.

Shows an image that's been edited with an adjustment layer and layer mask

Use a Layer Mask With a Selection

You can use this technique to cut out parts of an image by concealing areas. Manually create your selection by using a selection tool or importing a transparent PNG that’s in the shape you want your selection to be. We’ll be using a transparent PNG from this bundle of transparent brush stroke png masks.

Step 1 - Place Transparent PNG

With your image open in Photoshop, go to File > Place Embedded. Then locate your transparent PNG, select it, and click Place.

Shows to click on File and then Place Embedded in Photoshop

Once the transparent PNG has loaded, lower its opacity in the Layers panel so we can see through it. We’ll be using the shape of the transparent PNG to cut the image, so place the transparent PNG where you want the image to be cut and in the correct size.

A transparent PNG is on top of the image and has its opacity lowered to 83%

Once it’s where you want it and in the right size, increase the opacity back to 100% and press Enter.

Step 2 - Select Pixels of Transparent PNG Layer

Hold down the Ctrl key and click on the transparent PNG layer thumbnail to select the pixels.

Shows the selection of the transparent PNG layer's pixels

Step 3 - Add a Layer Mask

Select the image layer and click on the Add vector mask icon. It may look like you deleted the image, but that is not the case.

Shows a layer mask being added to the image (Background layer)

Step 4 - Hide Transparent PNG Layer

To see the result, click on the eye icon of the transparent PNG layer to hide it. As you can see, the image is now in the shape of the transparent PNG.

The eye icon of the transparent PNG layer is clicked to show the image with the layer mask applied

Step 5 - Edit Layer Mask

You can edit the layer mask the same way as we did earlier in this tutorial using the brush tool if needed. Below is a simple edit we did to reveal a small part of the image.

Shows how to edit the layer mask with the Brush Tool and black or white as the foreground color

That’s pretty much everything you need to know about using layer masks in Photoshop! As you can see, layer masks are not too intimidating once you get the hang of using them, so get comfortable with them as they’re an important part of Photoshop. Now go and create some awesome photos using layer masks!


6 Related Photoshop Tutorials

You can easily create cool text effects in Procreate, such as intertwined text, by using layer masks. You can use this text effect when creating designs for logos, posters, greeting cards, etc.In this tutorial, we will be discussing how to use layer masks. Similar to clipping masks, using layer ...

Did you know you can use Photoshop .abr brushes in DesignScape? DesignScape is an online editing software available to Gold Plus Members. Not a Plus Member yet? Sign up for a free 30 Day Trial of the Gold Plus Membershiptoday! Since there is no need to download any software, it is ...

In today’s tutorial you will learn how to use clipping masks in Affinity Photo. A clipping mask uses one layer to control the visibility of another. Clipping masks are great for confining an image to a shape such as a frame. Text can also be filled with textures, images ...

You may be thinking of swapping out Photoshop for Procreate to make digital drawings. But you may be wondering if your brushes will work in Procreate. The good news is, you can take all your Photoshop .abr brushes and move them into Procreate. Awesome right? In this tutorial, we will ...

In Affinity Designer text can be enhanced using the Layer Effects panel. The panel is loaded with options for blurring, bevel, 3D and more. The Layer Effects panel works non-destructively and can be edited at any point. We will show you how to apply Layer Effects to text in Affinity ...

Clipping Masks in Affinity Designer are clipped to the boundaries of the parent layer. These masks can be something like a photo clipped to a text layer. The photo then takes the shape of the text non-destructively. In this tutorial you will learn how to use Clipping Masks with photos ...

photoshop masks adjustment layers

You may also like

Help Center
ol image