Download project files to your computer from: http://downloads.photoplusmag.com/pp122.zip
Learn how to use clipping masks to blend images and text creatively
Time needed: 10 minutes
Skill level: Beginner
Kit needed: Photoshop CC
Should you be looking for interesting ways to combine text and images, why not give this Photoshop technique a go? Blending a word, phrase or quote with an image could have all sorts of uses, from stylish poster designs to internet memes. What’s more, the method offers a good introduction to Photoshop clipping masks.
Although it’s primarily an image editor, Photoshop has a huge variety of tools for designers, including excellent type tools and controls. Using a combination of the Type tool and Character panel, we can style up our words and fine-tune the sizing until they work with the image. That’s where clipping masks come in.
Clipping masks work by confining the contents of one layer to the shape of the layer below. They let you instantly blend images with text and other shapes, which comes in handy for all kinds of creative designs. But clipping masks aren’t just for designers; they also prove very handy when used in combination with adjustment layers. These types of layer normally work by filtering all the layers below them in the stack, but if you ‘clip’ the adjustment it only affects the layer directly below, which means you can apply non-destructive tonal changes to individual layers in a document without affecting everything else.
STEP BY STEP: Blend words and images
Learn how to use type controls and clipping masks to create fantastic designs
PHOTOSHOP TEXT CONTROLS
Photoshop has a powerful type engine with some very useful controls, especially for CC subscribers. Photoshop CC links with Adobe Typekit, which brings you a huge library of font styles to choose from (go to Type>Add fonts from Typekit). What’s more, you can search for similar fonts with the new ‘Match Font’ command. Say you find a nice font in a photo, web page or flat design that you’d like to use, but don’t know what it is. Draw a selection around it then go to Type>Match Font and Photoshop will automatically search for it.
01 MAKE THE TEXT
Open your starting image. Click the Type tool, choose a bold, blocky font, then type your words. Experiment with the font size and line breaks using the Character panel (Window>Character) so that the words roughly cover half the face. Crop in tighter to the face.
02 ADD A BLOCK
Go to the Tools panel and choose the Rectangular Shape tool. Choose ‘shape’ in the tool options at the top, then drag a box to cover other half of the face. Use the arrow keys to fine-tune the position. The colour of the box doesn’t matter.
03 GROUP THE LAYERS
Hold Ctrl and click on both the text layer and the shape layer to highlight them both, then press Ctrl+G to group the layers. Highlight the bottom layer and use Ctrl+J to copy the layer, then drag the copy to the top of the stack above the group.
The shortcut to make a clipping mask is simple – hold Alt and click the line between two layers in the Layers panel
04 CLIP THE IMAGE
Highlight the background layer. Go to Edit/Fill. Choose Contents: Black and click OK. Next right-click the top layer and choose ‘Create Clipping Mask’. Doing this means the image is fitted to the shape of the words and rectangle.
05 TWEAK THE WORDS
The great advantage to clipping masks is that everything stays editable, so you tweak away until everything fits together the way you want. Use the type tool to highlight words then experiment with sizing and alignment options in the Character panel.
06 CONVERT TO MONO
Click the Create Adjustment Layer icon in the Layers panel and choose Black and White. Make any other changes you like to improve the tones. We made a copy of all layers (Ctrl+Shift+Alt+E) then used Filter>Camera Raw Filter to apply finishing touches.