Viewed: 4154

A couple of masking techniques in Photoshop

Design in 51 seconds

Clipping mask

A clipping mask is probably my most commonly used mask. It’s great for sizing images accurately, to a shape or making sure other layers are contained within a base layer.

You hold alt and hover between two layers and click to make a clipping mask. Or the keyboard shortcut cmd/ctrl alt g.

Non destructive dodge & burn

Dodge and burn are more useful for photo editing, however as websites feature photos more often than not. This should have its uses for you. Being able to darken/lighten parts of a picture can be handy for overlaying text.

Add a layer that’s #808080 (50% grey). Set the blending mode to overlay and do your dodging and burning over it.

A short post this week but I find these techniques very handy while I’m designing.


If you found this article useful, why not support the upkeep of this website?

Next to read

Illustrator quick tip: evenly distribute objects

Get the articles

It’s my aim to help you be a better designer. Join my monthlyish email list and I’ll send new tutorials to help you design & code beautiful websites.

I also do the occasional design critique, which you get access to for being a subscriber—send a design through after subscribing. Also, there’s some older templates and post files included. You can unsubscribe anytime.