Comments: 15

Post Teaser Image

Today’s lesson is an introduction to masking, a Photoshop tool that can make working on multiple layers really efficient. In this tutorial, we’ll be using a mask to change the backdrop of a photo. This is an easy one, but will lay a good foundation for using this technique on more complex works.

Final Image Preview

Assets

This cute little turtle is brought to us by Shiev. You may download it here if you’d like to work with the original file.


The Process

Our first step is to indicate which area of our photo we want masked.

Select the Polygonal Lasso Tool from the Tools panel. (If you only see the Lasso Tool, click and hold the Lasso Tool button to show other options in the same category. Then select Polygonal Lasso Tool from the sub-menu.)

Use a series of clicks to outline the subject of your image. (In other words, the area you do not want to hide.) It doesn’t have to be exactly perfect—we’ll clean things up later—but try to be precise.

Next, open the Masks panel by going to Window » Masks. Click the Select the Pixel Mask button.

Here’s the result. The area that you did not select is now hidden.

You’ll also notice your layer has changed. The black-and-white box is your Layer Mask. The black areas are hidden (”masked”), and the white areas remain visible.

Now that we’ve hidden the background, we can add in one of our own. I’m going to use a free texture I downloaded awhile from Bittbox, but anything will do!

Create a new layer and place it below your photo. Paste your background into this layer.


I see some rough edges—tiny parts of the old backdrop—on the top of my turtle’s head, so I’m going to fix that. Adjusting your layer mask is easy.

First, click on your Layer Mask:

Any area you paint in black will be masked. So, we’re going to use a black brush to hide the little excess backdrop peeking through.

Select an appropriately-sized brush, 100% hardness, and black. I used 9px, but if your image is larger, you may need a larger brush. Then, brush over the areas you want invisible.

If you hide too much, just switch your brush to white. Anything you paint in white will show!

Ta-da! We’re just about done. The last thing I want to show you is that you can still apply Blending Options to masked layers. What if we want a little drop shadow on Mr. Turtle? Easy!

Right-click your original photo layer and select Blending Options. Check and click on the Drop Shadow menu item, then adjust the settings to this:

Final Image

Just for fun, here’s our turtle in space!

Any questions about this tutorial? Lay ‘em on me in the comments! :)

Allison House

Comments

Yopladas
02/15/2009
3:10 PM

Why not just delete the selected area? I only use masking for when I want to partially hide something or hide something and use it later…

02/15/2009
3:49 PM

That’s exactly it! Using masking allows for more flexibility. Sure, you could just erase and undo if you make a mistake, but if you want to come back way later and edit, everything has been tidily kept for you on one layer. You don’t just lose that information from your original photo, it’s merely hidden–especially useful for precision work (removing the background behind tiny strands of hair, for example).

Yopladas
02/15/2009
4:08 PM

Ah, ok; so it’s in case you make a mistake…

cliff
02/16/2009
6:14 PM

Is there a reason for choosing the Lasso tool over the Pen Tool to make the selection? Or is it just for ease of use in this example. However I found the tutorial nice and to the point on creating a mask.

Chris
02/16/2009
7:44 PM

No there isn’t any reason between using pen or lasso tool, it depends on which you are more comfortable with using. Both are able to make selections and that’s all thats required when making a mask.

[...] Open to the Masks panel by going to Windows » Masks. Click the Add a Pixel Mask button. (If you’re new to Photoshop masks, please read my beginner masking tutorial.) [...]

[...] Dati click >aici< pentru a continua Adauga linkul pe blogul/siteul tau<a href="http://portalul.net/grafica-2d/photoshop/retusare-poze/schimbati-fundalul-unei-poze-in-photoshop/" >Schimbati fundalul unei poze in Photoshop</a> Bookmark It [...]

[...] we’re going to mask the areas of the streak we don’t want to show. I have a quick, easy introduction to Photoshop masking for those unfamiliar with the [...]

[...] a pixel mask to your newly blurred layer. (Not sure how masks work? Please read my introduction to Photoshop masking). Select the mask and go to Filter » Render » Clouds. This basically randomizes where [...]

03/15/2009
10:06 AM

[...] and use the Paint Bucket Tool to fill with black. Add a pixel mask. (Not sure how? Check out my beginner masking tutorial.) Decrease the layer opacity to 50% so that you can see what you’re doing relative to the [...]

[...] a pixel mask by going to Window » Masks and clicking the Pixel Mask button. (Here’s an introduction to pixel masks if you’re new to [...]

04/1/2009
11:43 PM

Excellent tutorial you’ve got here. Beginners will find this really detailed and easy to understand. Keep up the good work. Thanks!

10/27/2009
2:17 AM

This is definitely a good guide and a commenter even answered a question I’ve been meaning to ask for a long time (why mask when you can delete?).

[...] a pixel mask to your newly blurred layer. (Not sure how masks work? Please read my introduction to Photoshop masking). Select the mask and go to Filter » Render » Clouds. This basically randomizes where [...]

[...] Apply a pixel mask by going to Window ยป Masks and clicking the Pixel Mask button. (Here’s an introduction to pixel masks if you’re new to [...]

Post a Comment

Required fields are marked with . Inflammatory comments will be removed. Your courtesy is appreciated!