May 6, 2009

Photoshop: layer masks

Filed under: Photography — Tags: , , , , , , , — Kay @ 8:07 am

 

Especially when using actions, having full control over the outcome is important. Very important. That’s where layer masks come in. It’s a simple but invaluable technique that I use in probably 85% of my editing. In fact, I think it’s safe to say that most of my actions and editing involve a layer mask. And here’s how you work with them.

The Editing:

When you create a basic action or apply an editing technique, you can expect it to look great on one photo, but not so great on another. Especially when using an action or editing technique that saturates your colors; the well known color pop, you need more control over what it is you’re doing. In child and food photography both, you will often see highly saturated colors. It’s a personal preference, I think. It will look good on some photos, but I use it sparingly.

There’s nothing wrong with a few minor tweaks—making grass or vegetables look a tad more fresh green and crispy, and lightly enhancing an already blue sky—but in my humble opinion your grass, veggies and skies are not supposed to be fluorescent green or blue. It just screams “fake” to me and it makes me want to cringe when I see it. Here’s how I boost my colors in a slightly more natural way.

 

How to do it: 

This is my SOOC photo. I love the different colors and exposure in the image a lot, but I do want to bring out the colors just a tad more. Liven things up a little you know? The crayon can definitely use a boost.

 

So first I run my Sunlight Touch Up action. You can skip this step if you like.

 

Note that you can always tone the sunlight touch up effect down by clicking the triangle in your layers palette. This will show you a slide allowing you to adjust the opacity of the entire layer.

 

I love the effect such a simple and minor tweak can have on a photo. It just looks fresher and more vibrant without making the skin-tone look unnatural. But I still want to make the crayon colors pop just a tad more.

 

So I click on the black/white – yin/yang type of circle at the bottom of the layers palette. These are your adjustments layers.

 

This will open up a multitude of options. We’ll address each and everyone of them in later postings, but right now I’m looking for a color boost. So I choose a simple Hue/Saturation layer.

 

This will open up your Hue/Saturation box. I seldom to never adjust the hue, but I did crank up the saturation to +30 and I gave the lightness a +5 tweak. You can use a higher saturation for a stronger effect, if you like.

 

This will create a new Hue/Saturation layer right on top of your sunlight touch up layer. Or on top of your background layer if you didn’t run the sunlight action first. See the white box? That’s photoshop immediately adding a layer mask.

 

Layer masks are fabulous things! It’s a very simple way to hide or expose selective parts of a photo or editing without doing anything to the actual photo/adjustment layer. Think of it as an extra edit layer on top of a layer. Using only black and white colors, you either hide or expose specific parts of your editing.

 

Now the saturation gave me the exact crayon color boost I was looking for. Nothing dramatic or fluorescent, just a nice color pop. At least on my screen! Unfortunately, it also made the skin tone pop up. Now an orange skin isn’t a bad thing if you’re a compulsive tanner or an Oempaloempa. But it just doesn’t look good on a little boy. Or a little girl, for that matter.

 

You saw how the layer mask added a little white box, right? It means you see the edited photo, but the layer mask gives you a chance to selectively hide part of the editing. Because it’s a white box, you will have to start painting with black in order to hide things.

In the toolbar on the left of the screen, select the brush tool.

 

This will give you three options. Choose your brush tool.

 

The toolbar at the top of your screen is now showing you the brush tool and the settings you can use for it. I’ve set the opacity and flow to 50%.

 

Pressing D on your keyboard will quickly reset your foreground and background colors to default; black and white.

 

Right above the color boxes (in the leftside toolbar), there’s a little switch arrow. If you press it, the back and foreground colors will switch. Press it once to get black on top.

 

Always make sure it’s the layer mask you’re working on and not the photo or adjustment layer. Just to be sure; click on the white square once to select it.

 

I started ‘painting’ on the skin so the Hue/Saturation editing would be removed from it. You can undo any black paint errors by simply switching colors and painting over the black with white again. And vice versa, of course.

 

In the white layer mask box, you can see the parts you’ve been painting black.

 

So now I still have the crayon color pop, but the skintone is back to normal.

 

This is the standard layer mask technique. This way you remove the editing from the photo. In order to show you another way to use layer masks, we’ll have to remove the old layer mask and create a new one. You can add layermasks to virtually anything (including action layers and groups) this way.

 

Select the layer mask and click on the trashcan at the bottom of your layers palette.

 

Choose to delete your layer mask. I have the edited photo, orange skin and all, back in front of me now.

 

Select the white circle at the bottom of your layers palette. That’s your layer mask button. Also known as a vector mask.

 

 
This will add a new, fresh layer mask. Still white now, but we’ll change that.

 

Now press Ctrl I (CMD-I for Mac) on your keyboard. This will turn the white square completely black.

 

Where the white layer mask allowed you to hide effects using a black brush, the black layer mask hides all the editing, allowing you to paint it back in using a white brush. This will give you an amazing control over specific parts you want to show.

 

Switch your back & foreground color again via the switch arrow.

 

Because painting with black on black won’t do an awful lot. White will!

 

Now it’s time to bring some color back in. I’ve started painting back the crayon saturation and the color on the street.

 

Until I ended up with precisely the saturation I’ve wanted and where I wanted it to be.

 

Both techniques will get you where you want to go. But sometimes a Ctrl-I (Invert) is simply easier to work with and a little more precise.


© kayotic.com
Click here to print recipes older than 2010
e-mail this post to a friend


17 Comments »

  1. 1

    I really appreciate these tutorials. When you break down the steps it’s so much easier to understand the entire process.

    Michelle on May 6, 2009 @ 8:52 am Reply
  2. 2

    Thank you for such a well worded turtorial! I have photoshop elements 7 and was able to do the first step layer mask. Thanks!

    ally on May 6, 2009 @ 2:25 pm Reply
  3. 3

    @ally:

    The CTRL I (invert) should work in elements as well!

    Kay on May 6, 2009 @ 2:31 pm Reply
  4. 4

    Hi dear Kay,
    Now I have a serious question, I promise I never will kidding you again oKay?

    I read your article about layer masks, but your explanation is too difficult for me. I tried to translate the article in Dutch with the help of your site but Google translate makes it more difficult to understand
    My technical English is not so good as yours so I want to ask you is there a good dutch translation because it is a very interesting subject for me.
    I use Photoshop Elements 5, dutch version. Thx for your answer

    Ernst T on May 6, 2009 @ 3:59 pm Reply
  5. 5

    Wow, thx for the info! I have been learning photoshop for a while, but it’s so easy when u explain stuff.

    Thanks u r the best!

    suzy on May 6, 2009 @ 4:05 pm Reply
  6. 6

    @Ernst T:

    I don’t think there is a very good Dutch translation. The translator in my site is an online translator, though you might get the jest of things, the overall translation isn’t too great.

    I also have to admit I know very little about elements 5. And the last time I had a Dutch version of adobe photoshop was probably a decade ago. I don’t even know what all the steps are called in Dutch!

    Kay on May 6, 2009 @ 4:07 pm Reply
  7. 7

    Kay,

    What kind of photoshop do you use?

    suzy on May 6, 2009 @ 4:17 pm Reply
  8. 8

    @suzy:

    CS3, and no way am I upgrading to CS4. I’ve seen it, and oh my gooness, it’s slow.

    Kay on May 6, 2009 @ 4:19 pm Reply
  9. 9

    @Kay:
    Thx for your fast answer Kay and thx that you didn’t kick me out of your site .
    It’s so funny that you are raised in Stolwijk.
    We have close family on the Beyerscheweg and they gave me the information about Stolwijk, they have a farm and we stay at de Beyersche in Spring and Summer in our trailer when we not spin around in Europe.
    I will print out your article Kay it’s easer to read from a paper then a screen.
    Thx for your help Gbu warm regards Ernst, Rotterdam

    Ernst T on May 6, 2009 @ 4:39 pm Reply
  10. 10

    @Ernst T:

    To make it even funnier, Ernst, I’m a ‘Rotterdamse’. I was born in Rotterdam, but we moved to Stolwijk when I was fairly young.

    Kay on May 6, 2009 @ 4:41 pm Reply
  11. 11

    You make my day Kay, strange world the internet world it’s really so funny, I just told my story to my wife we both have to laugh, who is kidding who? she said
    We keep in touch Kay and a hug for your sweet little boy! he looks like my grandson! bye

    Ernst T on May 6, 2009 @ 5:09 pm Reply
  12. 12

    Thank you so much!

    I have been using your other tutorials with huge success (as well as your recipes!) and I use CS4 without finding it slow… but I can only use it on our desktop which has enough memory and processing speed to compensate. There is NO WAY our laptop would be able to handle it.

    Pretty soon I intend on shooting pictures in RAW format and I am excited to see what I can do with all the knowledge that you are helping me gain, thanks again!

    Raven on May 6, 2009 @ 5:13 pm Reply
  13. 13

    @Raven:

    I’m mainly working with a laptop, and you’re right; laptops and CS4 don’t mix. Even though I have pretty fast laptop.

    Trust me, once you start shooting in raw, you’ll never go back to JPG!

    Kay on May 6, 2009 @ 5:18 pm Reply
  14. 14

    I thought this was a cooking site…. love the added photogrpahy tips. This one is great. I often find it to be too much work to have to erase but I know it is essential for a great photo as you showed above.

    eh on May 6, 2009 @ 5:25 pm Reply
  15. 15

    @eh:

    I was getting so many emails and questions about photography and editing, that I figured I’d just slap up a few tutorials every now and then.

    Kay on May 6, 2009 @ 6:10 pm Reply
  16. 16

    This is a great tutorial. Please continue to provide these helpful, well-written lessons.

    I use Photoshop Elements, but find that I can apply most of the basic techniques you document for Photoshop, with some tweaking, to Elements. I know that this technique, for example, works pretty muc the same, so I advise Elements users to poke around and see if they can apply these tips, too.

    When you publish a blog like this, you are giving recipes, photos and tips (as presents!) to your many readers. Thanks!

    Deb Bernhardt on May 7, 2009 @ 3:27 am Reply
  17. 17

    Excellent post. I have just recently discovered layer masks, and they are an invaluable tool.

    Erica from Cooking for Seven on May 7, 2009 @ 8:04 pm Reply

RSS feed for comments on this post. TrackBack URL

Leave a comment