What is A Mask in Photoshop? – A Complete Beginner’s Guide

Written by
What is A Mask in Photoshop? - A Complete Beginner’s Guide

Layers are probably the single most important addition to Photoshop since the original version, but layer masks are a close second. There are two types of masks: clipping masks and layer masks. These two tools are closely related in concept but very different in application. In this post I will start by discussing layers masks, which are generally what people are referring to when you hear them discuss Photoshop masking, then we will discuss the needs to use them, how they work, and some applied examples.

Layer opacity controls the transparency of the entire layer at once; a mask gives you more control over specific areas. If you want the entire layer to be at 90%, you would lower the opacity, as shown in the following example:

What is A Mask in Photoshop? - A Complete Beginner’s Guide

What is A Mask in Photoshop? - A Complete Beginner’s Guide

If you want just a specific area of a layer to be at 90%, say the left side of the photo you would use a mask as shown in the following example:

What is A Mask in Photoshop? - A Complete Beginner’s Guide

So, What Is a Mask?

A mask is a way to apply any editing effect to a specific portion of an image. Mask uses black, grey, and white to do his job. If you paint a portion of the mask with black color it will hide the corresponding portion of the image and make it invisible, in other words, it makes it opacity zero. If you paint a portion of the mask with white color, it will show the corresponding portion of the image and make it visible. The color that you paint tells Photoshop how opaque to make the pixels at that point. White means 100% opacity and black means 0% opacity. So, simply white reveal and black conceal.

Types of a layer mask

There are two types of Adobe Photoshop layer masks:

  • A layer mask is also known as a pixel mask is a resolution-dependent image created with the painting and selection tools. Essentially a layer mask is a greyscale image where solid black represents complete transparency and white represents the visible elements; shades of grey represent levels of transparency.
  • A vector mask is a resolution-independent object created with a pen or a shape tool that contains anchor points. A vector mask represents a path where the object clips out the contents of the layer. We can also use the Adobe Photoshop properties panel to refine the mask with the same options as the layer (pixel) mask.

How to create a mask?

To create masks you can use the add mask button at the bottom of the Adobe Photoshop layers panel; this button can create layer (pixel) and vector masks.

What is A Mask in Photoshop? - A Complete Beginner’s Guide

You can also use the Adobe Photoshop properties panel to edit the mask, you have options to change the opacity to let more or less of the masked content through, invert the mask or refine the mask edges by feathering, etc.

What is A Mask in Photoshop? - A Complete Beginner’s Guide

An example using a layer mask

  • Load the following two images into Photoshop

What is A Mask in Photoshop? - A Complete Beginner’s Guide

  • Copy the second image, and past it as a layer in the first image

What is A Mask in Photoshop? - A Complete Beginner’s Guide

  • Create a mask on the top layer with white color.

What is A Mask in Photoshop? - A Complete Beginner’s Guide

  • Paint with black color on the top image.
  • It will conceal part of the top image and reveal what is behind it from the below image.

What is A Mask in Photoshop? - A Complete Beginner’s Guide

What is A Mask in Photoshop? - A Complete Beginner’s Guide

  • Continue painting with black inside the window.

The result is shown below

What is A Mask in Photoshop? - A Complete Beginner’s Guide What is A Mask in Photoshop? - A Complete Beginner’s Guide

Photo by Ehab Amin

Layer masks chain link

When you create a layer mask, a chain link is shown between the layer thumbnail and layer mask thumbnail. Quite simply, this chain-link means that if you move the layer image on the canvas, the layer mask will move around with it.

What is A Mask in Photoshop? - A Complete Beginner’s Guide

How to modify a layer mask?

To select the mask click on the mask thumbnail on the image layer, you can then modify the mask with the paint or vector path selection tools. To disable, enable, or delete the mask right click on the mask thumbnail. Use the properties panel to control Density, Feathering, and refine the Mask.

An example using a clipping mask

Clipping masks simply borrow transparency from the layers used to make them. In the following example, our goal is to cut or “clip” the fancy layer to be in the shape of the letters of the text.

We will use two layers: a black layer and a fancy layer.

  1. Choose the black layer and with the text tool from the toolbar type some text.
  2. Make the fancy layer on the top
  3. Choose the fancy layer and from the layer, menu click to add a clipping mask.

What is A Mask in Photoshop? - A Complete Beginner’s Guide

The result is shown below

What is A Mask in Photoshop? - A Complete Beginner’s Guide

Why not use the eraser tool instead of the mask

When you are using the eraser tool do not forget that this tool is destructive, it erases pixels and you cannot bring them back. However, using a layer mask is a non-destructive way of editing, you hide pixels not deleting and you can easily undo or modify their effect.

Applied examples

Using a mask to change the hue and saturation of a part of a photo

  1. Select an image layer in the Layers panel.
  2. Click the Create new fill or adjustment layer button at the bottom of the Layers panel. Choose Hue/Saturation in the pop-up menu. A Hue/Saturation adjustment layer, with a white layer mask thumbnail, appears in the Layers panel above the layer you selected. The Properties panel displays Hue/Saturation controls for this adjustment layer.
  3. Click on the adjustment layer mask (remember that black hides the adjustment; gray partially shows the adjustment, and white shows the adjustment). Start painting on the girl with black.

What is A Mask in Photoshop? - A Complete Beginner’s Guide

  1. Click on the adjustment layer, in the Properties panel, drag the Saturation slider to the right to increase color saturation. This adjustment now affects the entire photo on the layer below except the girl.

What is A Mask in Photoshop? - A Complete Beginner’s Guide

The before and after is shown below

What is A Mask in Photoshop? - A Complete Beginner’s Guide What is A Mask in Photoshop? - A Complete Beginner’s Guide

Photo by Ehab Amin

Using a mask to change the brightness/contrast of a part of a photo

Use the same steps as the above example but choose the brightness/contrast adjustment layer instead of the hue and saturation adjustment layer.

The before and after is shown below

What is A Mask in Photoshop? - A Complete Beginner’s Guide What is A Mask in Photoshop? - A Complete Beginner’s Guide

Photo by Ehab Amin

Using a mask to make a composite photo

Open the two photos that you want to compose.

What is A Mask in Photoshop? - A Complete Beginner’s Guide

Copy one of them and past it as a layer in the second one

Click the Add layer mask button in the Layers panel to add a layer mask to the active layer.

Select the Brush tool and set black in the Foreground color box.

Adjust the size of the brush. the left or right square bracket key on the keyboard.

Make sure the layer mask is active.

Paint with black over the image where you want to hide the layer with the layer mask to see the layer below.

What is A Mask in Photoshop? - A Complete Beginner’s Guide

The final composes photo is shown below.

What is A Mask in Photoshop? - A Complete Beginner’s Guide What is A Mask in Photoshop? - A Complete Beginner’s Guide

Photo by Ehab Amin

Useful shortcuts

  • X (Switch Colors) — swap your foreground and background colors. Very handy when working with masks.
  • D (Default Colors) — reset your foreground and background colors to black and white, respectively.
  • Ctrl + ‘+’/’-‘(Zoom In/Out) — quickly zoom in or out without changing your current tool.
  • Shift + Click Mask (Enable/Disable Layer Mask) — when working with masks it’s typically done in small increments. Disabling the mask allows you to check the results of your masking against the original.
  • Alt + Click Mask (Toggle Mask Visibility) — Doing this will bring up the mask as a grayscale image so you can see what you’re working with. Useful if you have areas that need to be filled in or smoothed out.
  • Ctrl + Click Mask (Load Mask as Selection) — Selects the white part of the mask (grays are partially selected). Useful if you want to duplicate a mask or it’s inverse. Using Ctrl + Click on a layer without a mask will select the non-transparent pixels in that layer.
  • Alt + Click Mask (Toggle Mask Visibility) — Doing this will bring up the mask as a grayscale image so you can see what you’re working with. Useful if you have areas that need to be filled in or smoothed out.
  • Ctrl + Click Mask (Load Mask As Selection) — Selects the white part of the mask (grays are partially selected). Useful if you want to duplicate a mask or it’s inverse. Using Ctrl + Click on a layer without a mask will select the non-transparent pixels in that layer.
  • Alt + Click Mask (Toggle Mask Visibility) — Doing this will bring up the mask as a grayscale image so you can see what you’re working with. Useful if you have areas that need to be filled in or smoothed out.
  • Ctrl + Click Mask (Load Mask As Selection) — Selects the white part of the mask (grays are partially selected). Useful if you want to duplicate a mask or it’s inverse. Using Ctrl + Click on a layer without a mask will select the non-transparent pixels in that layer.
  • Alt + Click Mask (Toggle Mask Visibility) — Doing this will bring up the mask as a grayscale image so you can see what you’re working with. Useful if you have areas that need to be filled in or smoothed out.
  • Ctrl + Click Mask (Load Mask As Selection) — Selects the white part of the mask (grays are partially selected). Useful if you want to duplicate a mask or it’s inverse. Using Ctrl + Click on a layer without a mask will select the non-transparent pixels in that layer.

Conclusion

To sum up, there are two primary types of masks in Photoshop: layer masks and clipping masks. Layer masks use values of gray to assign levels of transparency to specific portions of a layer or group of layers while clipping masks use the transparency of one layer to define that of a different layer or group of layers.

Are you looking for Photo editing resources or editing Services?

Some photographers are struggling to learn and master editing software like Lightroom or Photoshop, they found the editing process is taking too much of their time. Therefore, assigning the editing tasks to an editing service may be the answer.

On the other hand, some others are looking for editing resources like actions, overlays, and textures to help them. For those I highly recommend paying a visit to my store, it has amazing professional photo editing tools.

 

Thanks for reading, I hope you enjoyed the article if you have any questions just post them below & I will be happy to answer you.

If you enjoy the site, don’t forget to subscribe, we will only inform you when a new article is posted.

How Can We Help?

Please wait

Thank you for sign up!

Tags from the story
,
Written By
More from Amin Hashem

How to Create Photo Collage in Photoshop

If you are interested in learning how to make a photo collage...
Read More

4 Comments

  • This is a nice and educating article. I do not have an idea on how to go around Photoshop. But I have a younger sister who does. She is studying multimedia technology, and makes use of Photoshop and other photo, audio and video editing softwares. She’s definitely going to love the content and information in this article. So, I would love to make it known that I would be sharing this article with her.

  • Hi! What an amazing tutorial! How I wish I can learn how to use these different  masks in Photoshop.  I tried using Photoshop before.  Since I have no formal training on how to use it, I rely solely in watching YouTube videos and learn the basic of using layers and removing backgrounds.  I love Photoshop since the quality of the output image is always good.

    It is only that I easily get overwhelmed with many tools that I do not actually know how to use.  I am happy seeing this article and would be surely looking forward to more of your tutorials.  Thank you.

    • Hi Joy

      I appreciate your comment very much, I have to acknowledge that photoshop is not easy to learn, and it has a tremendous number of tools. However, the important thing is that you do not have to learn all its tool, but only the tools you indeed need it for your editing task.  Wishing you all the best.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.