Layer Masks - Photoshop Tips Photoshop Tips and Tutorials

This tutorial is for people who are just starting out Photoshop or for the people who have been using Photoshop but dont know how to use Layer Masks.

The basics of Layer masks are incredibly simple but very powerful.

As always well go over a simple tutorial that will quickly teach you how to use Layer Mask Basics. I think that actually doing something is the best way to learn. At least doing some thing is much, much better than just reading about it :D

First, a tiny intro:

What happens when someone wears a mask?

ladywithmask

Dumb Question, yeah? Its obvious that everything behind the mask is not visible and everything else is visible. Thats basically how Layer masks work except that you choose where the mask is and how opaque it is. Simple huh? So lets follow a quick tutorial.

The Final Result of the tutorial is:

layermasked

Yeah, so its a glass that is behind some rocks but in front of the ocean. Notice that the glass is partially transparent and you can see the ocean from inside it but the straw, slice of lemon and the stem of the glass are opaque. And yeah I know the image isnt going to win any awards but its great for explaining Layer masks :D

Step 1: Find two images that you want to combine. Here are the images I used:

169820_9687

246635_9583

Step 2: Open both the images in Photoshop. Then, choose the Arrow / Move Tool. Click on the glass image and drag it over to the image with the guy fishing. You can resize the glass so that its not too big or you can leave it the way it is. Your choice. Click here for a short flash video of this step if you are having trouble moving the glass image on top of the ocean image.
step2

Step 3: Choose the layer with the glass and then click on the Layer Mask button. Its the rectangle with the circle in it.

step3a

After clicking youll see something like this:

step3b

There it is! The layer mask. Currently it is set to reveal all of the image, meaning that the mask is off and nothing is hidden (since it is revealing everything!)

Now we actually use the mask. First lets think of what were trying to do.

  • We want just the glass visible so we need to get rid of the background of the glass image.
  • We also dont want all of the stem of the glass visible because we want to give the illusion that the glass is sitting behind the rocks.
  • We also want part of the top of the glass transparent because we want the viewer to see through it.

If we used just layers and opacity of layers to accomplish this then wed end up cutting up glass in lots of portions and messing with the opacity and it would be tedious and really, really annoying and would take a long time. That is why well use the layer mask!

Hmm, youll also notice that when you click on the layer mask your colors in the color picker turn to black and white. So here it is the secret of Layer masks: Depending on what the settings are, the color WHITE shows or reveals the image AND the color BLACK hides or masks the image (Were talking about the image on which the layer mask is applied, not the layer below it). So on to step 4

Step 4: Grab your PAINTBRUSH. Choose BLACK and start wildly painting. Paint over the stem so it looks like the rocks are infront. Paint over the background of the glass image. Keep on painting until you only have the glass. Now what if you make a mistake and hide part of the glass? No problem. Layer masks are not destructive so just change the color to WHITE and paint over the glass and itll magically reappear. You can basically adjust the brush size, or the shade of
gray and you get way more control than using destructive methods. If you use an eraser you cant easily undo something you did 20 steps before etc etc.

So here is my version of this step:

stepwhat

Im not worried about being perfect because nothing is being deleted. Its all there. Just hit the X key on your keyboard and youll quickly switch between black and white and you can fix your mistakes. Now after you have quickly erased everything that is not needed just zoom waaay in and with a small brush just fix up the edges so they look good. Be sure to get that area in between that lemon slice :D .

So now I have something like this:

step4b

Step 5: Finally, we need to make the glass a bit transparent. You can do two things. You can a) Set the opacity of the brush to 50% and then paint right over the glass or b) You can change the color of your brush to gray and then paint over the areas you want to make transparent. Using the current settings (i.e White reveals) then if you make your brush dark gray then your glass will be less opaque and more transparent. If you choose light gray then your glass will appear less transparent. Just
paint it gray in the areas where you want it to appear slightly transparent but not in the areas with the lemon slice and straws. If you cant make the transparent area look smooth (ie. you can see the brush strokes) then just grab the smudge tool and lightly smudge the gray area until it looks good and smooth. You can use any filter or tool on the layer mask and itll give you a new sort of effect :D.

That is all. You have the final image:

layermasked

I hope I was able to show you how layer masks can make your life easier. This is obviously not the only thing you can do with layer masks so keep playing with this and learn more. If you have any questions then leave me comments below and Ill try my best to get back to you in a timely fashion.

Notes:

Previous
Next Post »