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.

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

Time to complete
2-3 hours

Software used
Adobe Photoshop CS4 or later.

Ended image:

[ Register or Signin to view external links. ]


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. Well use our own colours in this tutorial, so we dont need any colour in the photo at this point.

[ Register or Signin to view external links. ]



Step 2

Duplicate the model layer (Cmd/ Ctrl + J) and press F to activate full-screen mode. Zoom into the photo so its 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.

[ Register or Signin to view external links. ]



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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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 theyre shooting out from behind her.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Step 9

Repeat Step 8 to extend the light effects along the models 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.

[ Register or Signin to view external links. ]

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

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Step 12

Next were 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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

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.

[ Register or Signin to view external links. ]

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.

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

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Step 18

Dont forget that when transforming elements or areas, you dont 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.

[ Register or Signin to view external links. ]

-UK's tutorials.

Add Visual Texture 3 Easy Steps


Rather than continually repeat these simple steps in every tutorial that uses this technique to apply texture, well save everyone time and get this essential tip out of the way!

The use of textures in design are incredibly important in defining a surface. While we can not create actual tactile textures in digital design, we can create the visual illustion of 3D texture. This Tutorial aims to show you an easy way to do just that.

Step 1 Find a Suitable Texture for your Design

Perhaps you have a photo that youve taken yourself, a texture youve designed, or maybe youve found a free texture to use online. Whatever the case may be, youll need a texture to work with.

You can get some textures from here: [ Register or Signin to view external links. ]

Once you find a texture, Copy > Paste it into a new layer in your design. The texture layer should usually be on top of every other layer in your design (or at least the layers you want to apply the texture to).

Transform the Texture to fit your canvas.

[ Register or Signin to view external links. ]

Step 2 Desaturate

Desaturate your texture layer (Image > Adjustments > Desaturate). We only want to apply the texture over our design, not the color from the texture.

[ Register or Signin to view external links. ]

Step 3 Set to Overlay

Now, set this layer to Overlay. This will screen (brighten) all of the shades brighter than 50% gray in your texture, while multiply (darken) any shades darker than 50% gray, thus giving the illusion of light passing over your design for a more tactile appearance!

Adjust the opacity of your texture layer to increase or decrease the intensity of the effect.

[ Register or Signin to view external links. ]