5

Create amazing lighting effects

Posted by in Design, Tutorials on November 3, 2010

Many designers use lighting effects to create some stunning images used in their designs or artwork. While the effects may look extremely complex and difficult to achieve they can be created quite easily in Photoshop. This tutorial will show you how to create some fantastic lighting effects of your own.


As always there is a PSD at the end of the post if you get stuck.

PREPARATION

First grab a free stock photo from SXC.hu, I choose this one: http://www.sxc.hu/photo/924210
And also download my brush set here.
If you’re not sure how to load brushes in Photoshop, have a quick look on Google :)

STEP 1

Start by making a new layer, fill the canvas with the paint bucket tool using black. Apply a gradient layer style using the following settings. Make sure to set one end of the gradient transparent. (this is to define the light source).

STEP 2

Use a hue saturation adjustment layer on the photo with the following settings:

STEP 3

Create a new layer and select colour dodge as the layer blend mode, select the brush tool and select a soft round 300 brush. Open the colour picker and type ffaee8 as the colour hex ref. Click to paint a spot.

STEP 4

Select the eclipse tool, and make sure paths is selected at the top of the screen, draw an oval shape.

STEP 5

Duplicate the path a few times and rotate each individual oval till you get what looks like an atom.

STEP 6

If you haven’t already imported the brushes mentioned at the beginning of the tutorial import them now. Create a new layer, select the brush tool go to the brushes palette and select the Dust brush. Select the pen tool right click the paths, click stroke path. Make sure brush is selected and simulate pressure checked then click ok. Finally go to layer styles and add a subtle white outer glow.

STEP 7

Duplicate the layer and do edit -> transform -> flip vertical so it looks like a complete atom not just half of one.
Select the pen tool and draw a path in the shape of an arc.

STEP 8

Create a new layer, right click the path and using the same method as step 6 stroke the path with the stars brush.

STEP 9

Duplicate the layer a few times, edit -> transform -> flip vertical, change a couple of the colours and you should have something looking roughly like the following.

STEP 10

Draw another path, stroke it using Dust 9 brush.

STEP 11

Duplicate the layer flip vertical and rotate till you have a helix looking shape like so. You can colour it a different colour if you like.

STEP 12

Create a new layer, and stroke using the same path but with a default photoshop hard round brush 5.

STEP 13

Duplicate the layer a few times, edit -> transform -> flip vertical, and alter some of the sizes/opacity/rotation.
Create a new layer select the Bokeh 1 brush from the brushes palette, paint a few and add a white outer glow on the layer style. You should now have something similar to this:

Go back to the original photo add a colour balance adjustment layer with the following settings:

STEP 14

Create a new layer and select colour dodge as the layer blend mode, select a pale blue colour and paint over the eye with a small soft brush.

STEP 15

Create a new layer select the Bokeh 1 brush from the brushes palette, paint a few by the eye and add a pink outer glow on the layer style. You can choose to erase some as the example below using any large soft brush so it looks like the tears are disappearing.

STEP 16

Finally create another new layer select colour dodge choose a pale blue in the colour pallete and add a few more splashes of paint with any small soft brush. Reduce the opacity if necessary.

STEP 17

And we’re finished! :)

You may find I haven’t gone into every tiny detail on how to achieve some parts of the tutorial but I feel you should experiment and try things out. The PSD is available here. Above all else have fun! :)