Photoshop tutorial: Use lighting effects to make photos sparkle

From fashion shots to portraits, here’s how to add a touch of magic with Photoshop lighting effects.

Intro


Turning a run-of-the-mill photo into a dazzling one is simple – when you know the right tricks. In this tutorial, Photoshop maestro Pete Harrison – aka Aeiko – shows how to create a variety of light effects that can be applied to photography or illustration with equal impact.

See also: 86 Best Photoshop tutorials

From sparkles, pixie dust effects, coloured light spots and light beams, to using splatter effects as a form of lighting, it’s all here. Some of the tricks you’ll learn are created through cunning use of stock photography, while others make use of Photoshop’s built-in tools.

Time to complete

2-3 hours

Software used

Adobe Photoshop CS4 or later

Project Files

Please visit the desktop site to download the project files.

Step 1

STEP 1

In Photoshop, open the file model.jpg from the project files. Create a new Adjustment layer and select Hue/ Saturation. Drag the Saturation slider down to -100 to turn the image into black and white using the Hue slider. We’ll use our own colours in this tutorial, so we don’t need any colour in the photo at this point.

See also: 86 Best Photoshop tutorials


Step 2

STEP 2

Duplicate the model layer (Cmd/ Ctrl + J) and press F to activate full-screen mode. Zoom into the photo so it’s actual size (Cmd/Ctrl + Alt + 0). Use the Pen tool to trace around the model. Once you have finished, right-click with the mouse and select Create Vector Mask.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 3

STEP 3

Import paint_splat.jpg. Drag it onto the composition under the layer you made in Step 02. Then hit Cmd/Ctrl + I (this inverts the layer) and set the blending mode to Screen.

See also: 86 Best Photoshop tutorials


Step 4

STEP 4

Repeat this process with different types of splatters (you could even make your own) spread over a number of different layers. Vary some of them using Distort, Perspective and Cmd/Ctrl + T. Erase some parts of them, vary the opacity and set the blending mode to Screen.

See also: 86 Best Photoshop tutorials


Step 5

STEP 5

Click on some of the layers you just created, then select Filter > Blur > Gaussian Blur. Set the radius to around 5 pixels, and arrange these on the canvas. Place some over the model, and make others seem like they’re shooting out from behind her.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 6

STEP 6

Import another splatter image into Photoshop. Click on Select > Colour Range, click on the splatter colour and set the Fuzziness to 40. Drag the selection onto the main canvas, give it a black colour overlay and arrange it on the canvas. Repeat this process a few times and erase some areas with a soft brush.

See also: 86 Best Photoshop tutorials


Step 7

STEP 7

Repeat Step 6, but instead of using black for the colour overlay, use white. In Layer Options tick Outer Glow and choose a pink colour, set the spread to around 30 pixels. Repeat this process using other colours and also white outer glows; place these around the canvas above the saturation layer you made in Step 1.

See also: 86 Best Photoshop tutorials


Step 8

STEP 8

Go to your brushes panel and choose a soft round brush; make the size of the brush about half the size of the canvas. Click on the canvas and arrange this into the scene. Next, duplicate the layer to make some smaller splatters, and arrange these around the model.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 9

STEP 9

Repeat Step 8 to extend the light effects along the model’s leg. Hold Alt and drag, then Cmd/Ctrl + T to make it smaller. Repeat this a few times to make each consecutive loop down her leg smaller than the last. You can do this around her body too, if you wish. Use the same brush, but in black, to darken some areas of the background under the Vector Mask Layer.

See also: 86 Best Photoshop tutorials


Step 10

STEP 10

Select white again and create a new layer above all the others. Open the Brushes window and change the Spacing to 100%. Click on Shape Dynamics and set the Size Jitter to 80%. Set the Scattering to 440%. Start brushing areas on the canvas alternating brush diameter. Give some layers outer glows and vary the softness of the brush.

See also: 86 Best Photoshop tutorials


Step 11

STEP 11

Import Smoke.jpg and place it on a new layer. Set the Layer Mode to Lighten. Duplicate the layer a couple of times and move it around slightly. Select Layer > Layer Mask > Reveal All. Use a soft black brush set to around 20% flow to mask of certain areas of the smoke to make it fit with the composition.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 12

STEP 12

Next we’re going to create some paths, use the Pen tool to draw a smooth curve around the model. Click New Layer and open up the Brushes menu; change the spacing to around 10% and drop the diameter right down to create a thin line. Click on the Paths tab and then on the Work Path Layer you just created. Click Stroke Path.

See also: 86 Best Photoshop tutorials


Step 13

STEP 13

Repeat Step 12 with new path layers. Erase parts of the lines so they look like they are fading out in places. Add some Outer Glows (from the Layer Styles menu) using the same colour palette you picked. Vary the brush diameter on some of the strokes.

See also: 86 Best Photoshop tutorials


Step 14

STEP 14

Create a new document. Using the soft brush with the Spacing set to 14%, hold shift and drag the brush downwards to create a straight line on this new layer.

See also: 86 Best Photoshop tutorials

Put a 50-pixel Gaussian blur on it and use the Eraser tool to rub out some of the ends of the line. Go Cmd/Ctrl + Shift + T and rotate by 45º. Alt + click the layer and flip horizontal to make an X shape with the lines.

Merge the two selected layers (Cmd/Ctrl + E) and transform it (Cmd/Ctrl + T) to make it smaller. Place this shape on the canvas near a light burst, and Alt + drag and transform a few smaller ones, place these around the composition too.

Advertisement. Article continues below

Step 15

STEP 15

Create five black rectangles at equal spaces apart. Cmd/Ctrl + T and rotate 45º. Select them all using Shift and the Magic Wand tool.

See also: 86 Best Photoshop tutorials

Turn the layer visibility off and create a new layer; hit Cmd/Ctrl + Shift + C followed by Cmd/Ctrl + V to paste back in. Use the arrow keys to offset this a little from the main image, and perhaps erase some of the areas with a soft brush.


Step 16

STEP 16

Repeat some of the previous steps but vary the colours, outer glows, brush strokes and whatever else you want. Add any additional elements you see fit, such as more curved lines. Play with layer styles, gradients and blending modes. Remember: Photoshop is only a tool for visualizing your creativity.

See also: 86 Best Photoshop tutorials


Tip 1

STEP 17

When creating single light bursts or a small group of smaller bursts, the easiest way to replicate these is to Alt + Click and drag with the mouse, you can then arrange these on the canvas, scaling them quickly using Cmd/Ctrl + T. You can do this multiple times to create more detail.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Tip 2

STEP 18

Don’t forget that when transforming elements or areas, you don’t have to just scale. Select Edit > Transform and select some of the ways to transform like perspective, distort or skew. These can create some variation for your light effects.

See also: 86 Best Photoshop tutorials


About the artist

STEP 19

Designer Pete Harrison works under the name Aeiko. Since graduating a couple of years ago he has worked in agencies in London, and freelanced in graphic design, typography and Web design. His clients have included Dolce & Gabbana, BMW and UNICEF. He now lives in South Devon, where he is designing and developing his clothing label, Funkrush (www.funkrush.com)

See also: 86 Best Photoshop tutorials

Contact
www.aeiko.net