Languages

Top Navigation

Stylish Light Effect in Photoshop

August 24, 2009 from abduzeedo's blog

One of the most popular tutorials I have writen is the Sparkling Hot Girl in Photoshop. It was a very straightforward technique on how to create some nice light effects mixed with a hot girl. Everything over a dark background. Since then I have received emails asking me how to create light effects over white or light backgrounds. So I decided to try some ideas and create an image mixing a photo of a girl with some light effects.

So in this tutorial I will show you how to create a very stylish image mixing light effects and a hot girl photo over a light background. We will play with Blend Modes and Adjustment Layers to achieve that.

Step 1

Open Photoshop and create a new document. After that import a photo to your document, the one I used is courtesy of Shutterstock and you can donwload it here.

Stylish Light Effect in Photoshop

Step 2

Go to Image>Adjustemtns>Hue and Saturation. Reduce the Saturation to -65.

Stylish Light Effect in Photoshop

Step 3

Now go to Layer>New Adjustment Layer>Gradient Map. Use Black and White for the colors and select Dither and Reverse. After that change the Blend Mode to Soft Light.

Stylish Light Effect in Photoshop

Step 4

Duplicate the layer of the girl, this new layer will be on top of the original girl layer. Go to Filter>Other>High Pass. User 5 pixels for the Radius and press OK. After that change the Blend Mode to Hard Light.

Stylish Light Effect in Photoshop

Step 5

Select the layer girl and go to Filter>Sharpen>Unsharp Mask. Use 90% for the Amount, 7 for the Radius and 0 for the Threshold.

Stylish Light Effect in Photoshop

Step 6

Duplicate the girl layer again and put it on top of the other layers. Go to Filter>Stylize>Glowing Edges. Use 1 for the Edge Width, 2 for the Edge Brightness and 2 for the Smoothness.

Stylish Light Effect in Photoshop

Step 7

With the glowing edges layer selected, go to Image>Adjustments>Desaturate. You will have white lines now for the strokes, so just change the Blend Mode to Screen. Tip: You can make the lines stronger by going to Image>Adjustments>Levels and increasing the white input.

Stylish Light Effect in Photoshop

Step 8

Create a layer on top of the others and with the Gradient Tool (G) use black and white for the colors and Radial for the Type to fill the layer with a gradient. Change the Blend Mode to Multiply and reduce the opacity until you get a very subtle gradient effect. Use the image below for reference.

Stylish Light Effect in Photoshop

Step 9

To create the first light effect I will use a photo of a star, you can download it here. Copy just the part of the photo you want and paste it in the document. After that change the Blend Mode to Screen so what is black will be totally transparent. You will have a nice light effect over her shoulder.

Stylish Light Effect in Photoshop

Step 10

Go to Image>Adjustments>Hue and Saturation. Select Colorize and then move the Hue until you get a nice pink color, I used 300 for the Hue and 50 for the Saturation.

Stylish Light Effect in Photoshop

Step 11

Create a and with the Brush Tool (B) and a very soft round brush select a light blue for the color and paint a spot of blue light (1). Add another layer and again with the Brush Tool (B) and the same brush, just select a green for the color and paint another spot of light (2). Change the Blend Mode of these 2 layers to Screen.

Stylish Light Effect in Photoshop

Step 12

I wanted to add some nice effects like particles coming off of her body. To do that I create an explosion in Cinema 4D, it's very simple but I won't get in details this time. You can download the image I used here.

Stylish Light Effect in Photoshop

Step 13

Import the image in Photoshop and place it in your document. After that go to Image>Adjustments>Invert. That way you will get black particles instead of white. Then just change the Blend Mode to Multiply in order to make what is white become transparent. Move this first image to her back like the image below.

Stylish Light Effect in Photoshop

Step 14

Use again the same image but resize it a little bit and rotate it. It's very important to place both images trying to make it match the black areas of the girls blouse.

Stylish Light Effect in Photoshop

Step 15

With the Eraser Tool (E) use a very small brush and delete some areas to make the edges of the girl less uniform on those areas that there are the particles.

Stylish Light Effect in Photoshop

Step 16

Now just place a nice texture on top of the other layers, I'm using a concrete texture courtesy of Shutterstock. You can donwload it here. Also you can add more elements like a milk splash I added on her leg.

Stylish Light Effect in Photoshop

Conclusion

You can finish the design with some fine tuning, like reducing the size of some elements and add more details. The effect is just a mix of some other techniques I have already explained how to do them. Light effects with light backgrounds are always tricky because we need dark areas to make them visible also textures always give a nice touch to any design. The idea of this tutorial was just to create a nice and stylish light effect like the Sparkling hot girl but with a light background.

Stylish Light Effect in Photoshop

Another version

This is a simpler version without the particles.

Stylish Light Effect in Photoshop

Download the Photoshop File

Click here to download the Photoshop file used for this tutorial

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Playing with Vectors in Illustrator
Playing with Vectors in Illustrator
Last week I decided to spend some time playing with Illustrator and trying to come up with a cool black and white artwork. My inspiration came from some skateboard deck designs which have this sort of 3D effect without using gradients or anything, and not exactly a woodcut effect either. After a few hours I was able to come up with a really nice design, but the most important thing, the whole process was an excellent way to improve my Illustrator techniques.

Try this Wallpaper

Wallpaper of the Week #142 by Tara Babando
Wallpaper of the Week #142 by Tara Babando
The wallpaper of this week is a painting by Tara Babando, an artist based out of Montreal, Canada. She is a fashion designer by day and a painter/ artist by night. For more information about Tara, you can always check her website at http://tarababando.com, her Flickr account (http://www.flickr.com/photos/tarababando/) or follow her on Twitter http://twitter.com/TaraBabando Desktop Version

Book Suggestion

Book Suggestion: Ordering Disorder - Grid Principles for Web Design
Book Suggestion: Ordering Disorder Grid Principles for Web Design
The book suggestion of the week is a must have for those willing to design nice web sites and pretty much anything. It is called Ordering Disorder: Grid Principles for Web Design (Voices That Matter) and as the name says it is all about grid systems or the principles behind it. Book Description