7th Jul 2015

A couple of masking techniques in Photoshop

I think the variety of masking techniques there are in Photoshop are part of its strongest features. In this post I’ll show you the ones I use most frequently. How to clip images to a shape and how the overlay blending mode can be used as a mask to dodge and burn non-destructively.

Design

342 views

A couple of masking techniques in Photoshop (featured image)

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`.

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.

View on Github

Next to read

Design

My design process — v6 case study

The redesign of this website has been needed for some time. Overall the website is quite small in terms of templates required. I wanted to put the effort into making the website feel like it is a growing source of content. There is much to cover in this, as I start with the new logo briefly, sketching, wireframes and design.

Design

A guide to vertical rhythm

Vertical rhythm is the typographic practice, to create a vertical harmony between text, images and so on. On the web it’s quite difficult to achieve. Yet understanding what it is, with the aim to maintain it, you can improve your reading experience. If you’re aware of it, but have struggled to understand vertical rhythm, this post is for you. It will focus more on the why, rather than the how. So you come away with a better understanding.