How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image

In the image processing stage, removing background image is one of the most complicated and time consuming tasks. There are many ways to do this, and in the following article, we will show you how to do this with Layer Masks and Vector Masks.

What is a Layer Mask?

It can be understood in a simple way that this is a hidden image layer, with a 'notification' function for Photoshop where 'concealing' the selected class information. More precisely, there is an alpha channel type used to cover the details on the image to be processed, simply because these details have been separated from the image by other channels.

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 2How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 2

Simple method: How to use Layer Mask?

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 3How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 3

Open the image to be processed, then create Duplicate Layer . The program will automatically rename the new layer to Background copy , click OK:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 4How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 4

Then select the icon to temporarily hide the original Background layer, as shown on the left below:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 6How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 6

Click to create a new coated surface on this layer. Make sure your Layer panel will look like the right image. After that, press B to select the Brush Tool, right-click anywhere on the image to adjust the properties, thickness and size. The default Hard Round level is quite suitable in this case, while keeping the item Hardness is 100%:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 8How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 8

You should pay attention to Foreground / Background color mode  Before proceeding, press the D shortcut to switch between these black and white colors. On this new overlay, where you hover, the color will disappear, as shown below:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 10How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 10


Unlike using the Eraser tool, using these mask layers can be turned on or off, allowing users to quickly return to the original image processing:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 11How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 11

Depending on the picture, the steps required require different meticulousness and accuracy:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 12How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 12

Let's start with the most difficult details, multicolored, close to the main object to handle, here is the butterfly shape:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 13How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 13

Once you've finished processing the small area, resize the Brush to manipulate the remaining areas:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 14How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 14

And this is our result after the implementation of the smallest detail:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 15How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 15

Use Vector Mark to delete Background:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 16How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 16

The following steps require users to have experience in handling and applying with Pencil tool:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 17How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 17

Vector masks are not very different from Layer Mask , except using the original vector to create the Alpha mask channel layer. To create these original vectors, we will use the Pen to set up an area covered with the area to work:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 18How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 18

Press P to select the Pen tool, then cleverly draw close to our main part, trying to ignore the sharp and small corners:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 19How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 19

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 20How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 20

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 21How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 21

When you complete this process, your image and selection layer will look like this:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 22How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 22


Then, choose Layer> Vector Mask> Current Path to create Vector Mask from the current Work Path section. The current selection becomes the Vector mask , the process of removing the background image is not difficult:

How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 23How to use Photoshop CS5 - Part 10: Use Layer Mask and Vector Mask to delete the background image Picture 23

In addition, you can refer to the following video tutorials:

Good luck!

4 ★ | 2 Vote