advanced photoshop
Oct
20

Work with Displacement Tutorial: Part 1

Posted in:
Tips & Tutorials, by The Advanced Photoshop Team

Use simple Photoshop layering techniques, such as combining Layer Masks and Smart Objects, to create this brilliant image

Work with Displacement Tutorial: Part 1
Thanks go out to Adam Smith for this tutorial.

 

Step 1: Lift the model

Work with Displacement Tutorial: Part 1

Select the Pen Path tool and activate Rubber Band from the tool options. Trace around the model (dreamstime_xl_10869704.jp) and activate the Paths panel. Cmd/Ctrl-click the new Path layer, making an active selection. Reactivate the model layer and apply a layer mask, set Feather to 2px in the Properties>Masks panel. Set a solid black layer behind our model.

 

Step 2: Edit the Lighting

Work with Displacement Tutorial: Part 1

Duplicate the model copy layer and select Image>Adjustments>Shadows/Highlights. Set Shadows>Amounts at 35%, Tonal Width at 50% and Radius at 30px. Apply all Highlights option values at 0. Add a Curves adjustment layer, applying an upward curve, setting Input at 105, Output at 135. Click and invert (Cmd/Ctrl+I) the layer mask, then paint highlights back into the centre of the model’s face, using a 50% Opacity soft black brush.
 

Step 3: Merge the Layers

Work with Displacement Tutorial: Part 1

Follow this and the next step carefully and continue to follow the technique throughout our workflow. It may seem convoluted but it will save you time when making edits later. Start by merging the model and lighting layers into one whole layer (Cmd/Ctrl+Opt/Alt+Shift+E), setting layer Opacity at 20%, then duplicate this.
 

Step 4: Cut out more elements

Work with Displacement Tutorial: Part 1

Select the Pen Path tool once more and use this to draw out a section of the model’s face, including lips, eyes and nose. Apply flowing edges. Active the Path panel and Cmd/Ctrl-click the new Path layer, making an active selection. Now add a layer mask to the model, merge the copy layer and set Opacity at 100%. We now have our first displaced element. The low-opacity model merge layer lies beneath, acting as a reference for further selections and displaced elements.
 

Step 5: Gradient Overlay

Work with Displacement Tutorial: Part 1

Continue to duplicate the model layer, make selections with the Pen Path tool and apply layer masks to create displacement effects. Carefully layer these, creating depth of field through applied layer styles. We’ve added black to transparent Gradient Overlay, set to either Overlay or Linear Burn. Hit Apply Angle and Opacity settings and then position accordingly. We can eye in these effects. To save us time we can select Layer Style>Styles and save initial settings as a New Style, which can be instantly applied to any layer and adjusted any time.
 

Step 6: Edit Lighting

Work with Displacement Tutorial: Part 1

You can also apply Drop Shadow effects from the Layer Style options to the displaced layers, creating a 3D effect. Combining these layer styles creates a believable depth of field, but this can be enhanced using Smart Objects. Simply double click the Smart Object layer, opening the initial layer state. Apply Levels and Brightness/Contrast adjustment layers here to affect shape lighting, but not permanently. You can swap in and out of Smart Objects, assessing and tweaking effects. You can also edit shapes using the original layer mask. Shapes are always customisable.
 

Step 7: Add Colour Shapes

Work with Displacement Tutorial: Part 1

We continue to push believable depth of field effects by adding Pen Shape layers. Use the Pen Shape tool to personalise form that corresponds and interweaves with displacement layer edges. There’s a lot of trial and error with this technique, so persevere. Don’t be afraid to delete shapes and start again. Work with bright colours as these make placement much easier to comprehend. We also colour tagged our layers (Ctrl-click the layer) in relation to a shape’s colour.
 

…to be continued