One of the essential skills all Graphic Designers need to learn, and master is Masking. If you are wondering what the hell is Masking, and how do I create them? Then you are in the right place. There are many Masking techniques to learn across Photoshop, Illustrator and InDesign. Today we will focus on Masking in Photoshop.

Essentially Masking allows you to show or hide details in an image, to understand Masking think of a black paper. If you cut a hole in the paper and place it on top of an image you will only see the part of the image, which was under the hole.

Let's look at the same example but now with two images on top of each other. We are going to mask the one on top. Again think of a black paper with a white hole in it. You can only see through the white hole, while the black paper will hide the other parts of the masked image (image 1) and reveal image 2.


Masking in Photoshop 

Masking is a massive part of working in Photoshop. To begin with, it can feel a little intimidating, but once you understand some core principles and tools, you will start to love working with masks!

We will take a look at three core Masking techniques in Photoshop. 

  1. Pixel Layer Masks
  2. Vector Layer Mask
  3. Clipping Mask

1.Pixel Layer Masks

Adding a Pixel Layer Mask in Photoshop allows you to control the transparency of details on that particular layer.
A lot of creative professionals use them to Mask out people, products, cars or even landmarks.

Pixel Layer Mask work in the same way light works. Details are revealed when something is well lit or in bright surroundings, but when we are in dark surroundings, we can no longer see those details, even though they are still there.

Before Masking, we need to understand how selection works. There are many ways to create selections in Photoshop. For this example, we will take a look at the Select Subject option.

Image 1

Image 2

Let's Mask out this lady from Image 1. Firstly go to the Select Menu and use Select Subject which will automatically try to guess the subject. Once the selection has been made you will see a dash-line across the selection (image 2) .

Press Q on the keyboard to switch to the Quick Mask selection view!  (this view shows what is going to be visible and hidden once the selection is turned into a Mask). The default colour is Red for Quick Mask but here we have customised Blue colour.

Once on the Quick Mask selection view, you can also use the brush tool to refine your selection. Paint with Black brushes to hide details, while painting with a White brush shows details. Once your selection is refined and you are ready to apply the Mask, make sure to Press Q to go back to standard view.

Create Mask using the 'Japanese style' icon, and there you have it, you have created a Pixel Layer Mask.  You can refine the Masks further if you need to but make sure to select the Mask layer and not the image.

Please note: Photoshop will use Pixels on the Mask, meaning if you resize the Mask, you will lose quality. Turn your image layer to a Smart Object to preserve the high-quality image.  

To get a full understanding of layer Mask, Selections tools and Smart Objects, watch the full tutorial below.


2. Clipping Masks

Clipping Mask is a great design technique for combining images in creative and exciting ways.
The idea is to clip the top layer into the layer directly beneath it in the layers panel. You can create Clipping Masks from all sorts of layers, including text layers. 

Here is a summary of how to quickly create a Clipping Mask!
1: Write any text or word; in this example, we will use the letter N.
2. Place any image you want to clip on the top; for this example, we used nature/leaves image.
3. Go to the Layers panel, Alt-click in between the layers to Create the clipping Mask. Or select the layers and use the keyboard shortcut Cmd/Ctrl+Opt/Alt+G to create the Clipping Mask.
masking in photoshop blog image

Confused where to start?

Join our Survival Kit for Designers newsletter and start your creative journey!

3.Vector Layer Mask

There are a lot of different ways of making selections in Photoshop, but none of them can be as precise and useful as using paths and vector masks. We highly recommend for you to use Vector mask on objects that have hard edges!

Watch our full tutorial below on Vector Masks! you will learn about
  • Path Mode
  • Path Operations, 
  • Selections Tools
  • and so much more!

This is an over view of the Three main Masking methods in Photoshop. Learning all these techniques will open up endless creative opportunities! 

MASKING in illustrator blog thumbnail

UP NEXT

Masking is one of the more complex techniques to learn in the Adobe Illustrator but it is essential to creating professional work.

Click here.

LEARN ADOBE APPLICATIONS

from Adobe Certified Instructors and industry professionals

About the author 

Shumi Perhiniak

Shumi is a self-taught graphic designer and illustrator who has worked for Toni&Guy, Renaissance Learning, Baker Ross, and many others.

Additionally, she owned a brick-and-mortar stationery shop selling her art prints and now sells wholesale to retailers and online shops under the brand name www.herdesignworld.com.

Related topics you might be interested in

Top Graphic Design trends that will shape the creative industry in 2024 and beyond!

Continue reading

Get familiar with Type Anatomy, today we want to introduce you familiarise you with some odd but very useful typographic terms!

Continue reading

Having a hard time finding the perfect gift for your creative friends? We can help! Take a look at these 18 brilliant gifts for designers!

Continue reading

We will cover the basics of graphic design theory and explain everything you need to know to start creating beautiful designs!

Continue reading

Discover office inspiration and go behind the scenes of our own garden studio!

Continue reading

Find out how generative AI tools are reshaping the creative industry and how they will affect the jobs of designers!

Continue reading

Learn about the leading design portfolio platforms and how to create a killer portfolio

Continue reading