CoffeeShop Layer Masks Tutorial!

Today I want to teach Photoshop Elements users how to use layer masks. This tutorial will also apply to users of Photoshop. If you haven't used layer masks before, you have no idea what you are missing! You can't be a successful photo-editor until you conquer your fear of layer masks.


First, what is a layer mask? Imagine a beautiful stained-glass window, filled with light from the sun. Take a piece of white printer paper and tape it over part of that window. You will still be able to see the stained-glass colors and design through the paper. Take some black paint and paint the center of the paper black. Where you painted black you are not able to see through to the stained-glass window anymore. In photo-editing, the stained glass window is your image. The white piece of printer paper is your layer mask. The white layer mask will allow enhancements you do on that layer of your image to show through. The white is completely translucent in editing programs. If you paint over the white layer mask with black paint, it will make the mask opaque where it is black and the enhancements will not show through in those areas.


Now tape up a piece of thick black construction paper on that stained glass window. You don't see the stained glass colors and design. A layer mask filled with black completely blocks any of that layer's enhancements. However, if you paint over that black mask with a white brush, it "reveals" the enhancements on that layer.


It gets even more exciting than that. When you paint over layer masks you can adjust the opacity of your brushes. Say you have a layer with a white layer mask. If you set your black brush to 50% opacity, then 50% of that enhancement on that layer will be blocked. Paint over a black mask with a 10% white brush, and only 10% of that enhancement on that layer will come through.


If you go to your layers pane in PSE and you click on the icon "Create adjustment layer", those layers will have a built-in layer mask. However, if you add a new layer (say a solid color layer), a copy of your background, or even add a texture you will notice that there is no easy way to add a layer mask to those layers. Photoshop has an "add a layer mask" icon, so you just click on that and it automatically adds a white layer mask to the layer you have selected. PSE does not have this easy option, but you CAN do layer masks on these layers, in a slightly confusing way. You can also add an layer mask action or plug-in to your program, just Google for some great free ones or download my freebie: CoffeeShop Layer Mask Action for Photoshop Elements . However, the way I detailed below also works great, and it is the method I have used on some of my actions. You can use this method in Photoshop, but you don't have to as you can simply click on "add a layer mask".


The pictures you see below demonstrate the importance of a layer mask. The first photo is very warm with yellowish/reddish colors. I wanted to make it a bit more moody and cold with added blues, however I did not want my skin tones to be too blue. Yet the original skin tones would appear too orange compared to the colder background. The middle photo shows what my image would look like without a layer mask, the last photo shows that I masked out some of the blue from the model's skin to make it look more normal.






First I opened my image in PSE6.
I clicked on the "Create a New Layer" icon in the Layer's pane.
I picked out a bluish-purple to tint my photo. I first clicked on the "Set Foreground Color" icon on the bottom left of the menu, used the slider to pick my color, then clicked on the the paint bucket tool (or pressed K to select the tool) and then clicked on the new layer to add the color. I changed the blending mode to "Color" and lowered the opacity of that layer to 50%. I loved the background, but the skin of my model looks ghastly!

Time to add a layer mask to that layer. First I clicked on "Create Adjustment Layer" and I then selected Levels (there are other things you can select, but I always use Levels). I did not make any changes, and just clicked OK.

I dragged this Levels adjustment layer under my color layer.
I then clicked on my top colored layer to select it, and then pressed and held ctrl-G to group the top colored layer with the levels layer below it. Notice the little arrow pointing down (to the left of my colored layer).

Now I was able to use the layer mask with the Levels adjustment layer as my layer mask for the colored layer. If you press D on your keyboard it sets the foreground color to black, the background color to white (bottom of menu to the left), and if you press X it switches the background and foreground colors. So I pressed D to make my foreground color black, B for my brush tool, selected a soft low opacity brush (19% in this case) and brushed over the skin.




If I used a 100% black brush then the skin would be too saturated and warm for this image. If you use a low opacity brush and keep on painting over the same area, it will continue to increase the brush intensity, in this case remove more of the blue color layer effects on the image.


OK, a few things to know. Say you have a white layer mask as in this case and you are masking out the bluish color from the skin with black and you go over the background by accident. Darn, the background now has a section that is too warm. Just press D to set your foreground/background color to the standard black/white, then X to make your foreground color white and brush over the area you accidentally covered in black. If you totally mess up, just click on your layer mask, and then go to the top menu and select Edit and the Fill Layer, Contents and then select white for a white mask or black for a black mask to bring your mask back to its original color and start painting again from scratch.

Here is a sample of a black layer mask. This is the CoffeeShop PowderRoom action for skin softening. Notice the Step 1, Skin Softening layer is selected and that I am using a white brush at 35% opacity. I am brushing over the black layer mask. The action has already applied maximum skin softening to that layer, but because it has a black layer mask 100% of the skin softening is masked out (you can't see it). I must paint it back in. As I am using a white brush, the skin softening that was applied to that layer is showing through as I paint. I used a lower opacity brush because I did not want 100% of the softening, but rather a more subtle effect. In this case 35% of the softening layer is showing through where I paint.

Hope this makes sense! Give layer masks a try, they are easy and so incredibly useful.

16 Comments:

Christina September 18, 2008 at 7:04 AM  

Thank you for posting this!! I can't wait to try it out. I just need some new pictures to work on.

Erin September 18, 2008 at 7:18 AM  

This is an awesome layer mask explanation! The stained glass window comparison is perfect and very helpful!

Michelle September 18, 2008 at 7:32 AM  

Thank you , Thank YOU, THANK YOU!!!!

Kevin and Amy September 18, 2008 at 12:29 PM  

Seriously, Rita, you ROCK!!! I've been using layer masks for many months with various actions, but had no idea I could do it manually in PSE5. Not even a clue! I'm so pumped! Thanks so much for this extremely helpful tutorial.

gnubee September 19, 2008 at 8:44 AM  

Wow, that explains a lot! Thank you for putting it into easy to understand examples. I was always just trying to paint over or burn/dodge over areas with not so good results. Duh, no wonder!! Can't wait to do it the right way! Thanks again Rita!!
Claudia

Staci September 19, 2008 at 7:26 PM  

Great info. as always. I just played around with this the other day, wanting part of a photo more exposed than the rest. As I work with it, I understand more and more, and your explaination here, really furthered my understanding, and to want to experiment.
Thank you!

Matt Rhonda Charlie and Theo September 20, 2008 at 4:31 AM  

Thank you so much. Your actions will make so much more sense now. You explain things so well. Thanks again!

Marchelle September 20, 2008 at 7:32 AM  

i found your blog thru flickr the other day and i downloaded your skin softening action. i finally got a chance to try it out this morning and i just wanted to tell you that you are my new most favorite person in the world!!! that action is GREAT!!! THANK YOU THANK YOU THANK YOU!!!!!!!

gwennie2006 September 22, 2008 at 9:44 AM  

This is really wonderful information. Thank you so much for sharing :)

Andrew May 28, 2009 at 6:44 PM  

I love all these things but for some annoying reason my ape6 just won't let me group any photos... so I am hopeless at having fun with create ideas!! :,(

*Jennifer* July 14, 2009 at 11:03 PM  

Thank you so, so very much for this tutorial, I love the screen shots, it helps so much!

Anonymous July 26, 2009 at 9:23 AM  

Lookd great I just would love to know how to do this in Photoshop as well.

ashley December 3, 2009 at 4:31 PM  

amazing description, thank you!

bugJAR May 22, 2010 at 6:32 AM  

Love your tutorials! Thank you so much for taking the time to share your knowledge. I have been searching youtube for video tutorials, since I am such a visual learner. Do you have any video tutorials foating around in cyberspace?

Carrie March 10, 2012 at 11:34 PM  

Love your tutorials! I am having a little bit of confusion here...So I'm at the point where I have created the adjustment layer, brought it below my color layer, and selected my brush. (On a side note, my 19 brush is really small, is the one you used? Seemed like it would take forever?) Then I began brushing over the skin of my picture, which I assumed would erase the color layer and leave the original picture colors underneath. However, I'm getting a very bluish color, and I don't think its right? Help?

Rita March 12, 2012 at 6:37 PM  

Make sure your brush is in normal mode and you are using a white mask on black layers and a black mask on white layers.