Photoshop tutorial: Master Photoshop layer effects

Give a photo a vivid retro pop styling using Photoshop's filters and layer styles.

Intro


Creating vibrant, eye-catching images like this one needn’t be a complex or time-consuming affair. In this tutorial, James White shows how to add a bold, pop culture retro flair to a striking model shot kindly provided by ThinkStock.com.

See also: 86 Best Photoshop tutorials

You’ll learn to hone your skills with the Layers panel and useful tips in applying masking, Blending Modes and Hue/Saturation. You’ll also learn how layers react with one another when overlayed in certain ways, and how selective colour can be added to enhance the overall design.

Don’t be afraid to leave yourself open to experimentation. Try different things as you go along to see what results you may come up with.

Time to complete 

3 hours

Software

Adobe Photoshop

Project Files

Please visit the desktop site to download the project files.

Step 1

STEP 1

Start things off with a few sketches to get a general idea of what the final composition might look like. These make for useful guidelines when you start working on the elements in Photoshop. I’ve included some inspiration regarding form and style with the end two images.

See also: 86 Best Photoshop tutorials


Step 2

STEP 2

Download the project files and open the file jw_lady.jpg. Using the Clone Stamp tool with a soft brush, clone out the necklace and any other obvious blemishes or stray hairs. Try to keep the skin-tone even throughout and watch for shifts in highlights and shadows.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 3

STEP 3

Next, cut out the head using the Polygonal Lasso tool. Click around the head and neck to select, then hit the Layer Mask button to knock out the background.

See also: 86 Best Photoshop tutorials

You can then use the Brush tool to round off and fix the mask as needed.


Step 4

STEP 4

With the headshot selected, apply a Hue/Saturation adjustment and slide the Hue to 187 and the Saturation to 9. This will drop all natural colour out and leave a hint of blue.

See also: 86 Best Photoshop tutorials

Then, to add a bit of contrast, add a Levels adjustment. Move the Shadow arrow to 21 and the Highlight arrow to 247.


Step 5

STEP 5

Now we need to add a bit of softness to that grainy skin. Duplicate the headshot layer, go to Filters > Gaussian Blur and apply a 4.7-pixel blur to the new layer, then drop it’s opacity to 51%. You may need to do some selective masking to retain sharpness in some areas, like the sunglasses.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 6

STEP 6

Create three new layers. In the first two new layers (which I've called 'scribble 1' and scribble 2', select the Brush tool with a hard-edged brush and add some scribbles to the back portion of the model’s head.

See also: 86 Best Photoshop tutorials

Switch to the third layer ('hair fill'), and with the Polygonal Lasso tool, round off and fill any flat areas where the photo was cut off.


Step 7

STEP 7

Create a new layer called 'lips', and set its blending mode to Multiply. Select the Polygonal Lasso tool and click to outline the lip area, ignoring the teeth. Then fill the selected area with a hot pink to really add a splash of colour to the face.

See also: 86 Best Photoshop tutorials


Step 8

STEP 8

Create a new layer called 'lenses'. Click around the edges of the lenses with the Polygonal Lasso tool until they are selected, and fill with black.

See also: 86 Best Photoshop tutorials

I added a bit of a subtle star-field to mine for added interest. Apply the same effect to both lenses.

Advertisement. Article continues below

Step 9

STEP 9

In order to add more detail to the lenses, I added a second layer of stars and shifted them to a blue hue using the Hue/Saturation palette. You can find plenty of star shots on the web for this effect.

See also: 86 Best Photoshop tutorials


Step 10

STEP 10

For the mercury tears, I used a picture of water drops, turned them to greyscale using Hue/Saturation, then used a Levels adjustment to amp up the contrast.

See also: 86 Best Photoshop tutorials

Use the Polygonal Lasso tool to select the drops and hit the Layer Mask button to drop out the background. Apply a subtle Drop Shadow layer style to add depth to your drops.


Step 11

STEP 11

Create a new layer and, using the Brush tool, add some wild colours over the top of the drops. Once the colours are done, set the blending mode to Overlay and reduce the opacity to 60%.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 12

STEP 12

Hunt down a couple of light source images – I suggest streetlights or eclipse shots. Paste them into Photoshop, set the blending mode to Screen, adjust the levels in order to drop out the background and apply any masking that is necessary.

See also: 86 Best Photoshop tutorials


Step 13

STEP 13

Create two new layers called 'colour overlay'. On the first, set the blending mode to Screen and the opacity to 46%. Use the Brush tool to apply some soft colour to the back of the head – I suggest using pink and blue.

See also: 86 Best Photoshop tutorials

Then on the second layer, use the Gradient tool to apply a full blue to pink gradient across the canvas. Set that layer's blending mode to overlay and the opacity to 22%.


Step 14

STEP 14

Create a new folder in the Layers panel called 'Stripes', and add a new layer inside it. Using the Rectangle tool with a de-saturated blue, draw a rectangle across the face.

See also: 86 Best Photoshop tutorials

Duplicate that layer, hit the Lock Transparent Pixels button and fill the new rectangle with pink. Select both layers and angle them using the Transform controls. Add a layer mask to the folder in order to remove the stripes from the face.

Advertisement. Article continues below

Step 15

STEP 15

Find a gritty texture with some nice contrast and paste it into your work to cover the entire design, calling the layer 'Texture'. Use a Hue/Saturation adjustment to remove the colour and Levels to add a bit more contrast.

See also: 86 Best Photoshop tutorials


Step 16

STEP 16

Set the 'Texture' layer's blending mode to Overlay and reduce the opacity to 73%. Then drag that layer to the bottom of your Layers panel, just above the background layer.

See also: 86 Best Photoshop tutorials

And we're done!