PDA

View Full Version : Stylish Light Effect



Mikey
10-15-2009, 12:57 PM
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 (http://shutterstock.com") and you can donwload it here (http://www.shutterstock.com/pic-35609017/stock-photo-portrait-of-beautiful-brunette-woman-on-white-background.html").


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_1.jpg

Step 2


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


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_2.jpg
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.



http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_3.jpg
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.


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_4.jpg

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.


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_5.jpg
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.



http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_6.jpg
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.



http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_7.jpg
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.


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_8.jpg

Step 9


To create the first light effect I will use a photo of a star, you can download it here (http://weheartit.com/entry/327989"). 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.


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_9.jpg
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.



http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_10.jpg
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.


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_11.jpg

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. (http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/particle.jpg")[/url]


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_12.jpg
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.



http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_13.jpg
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.


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_14.jpg
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.



http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_15.jpg
Step 16


Now just place a nice texture on top of the other layers, I'm using a concrete texture courtesy of Shutterstock (http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/particle.jpg"). You can donwload it here (http://www.shutterstock.com/pic-33338650/stock-photo-cement-wall-texture.html"). Also you can add more elements like a milk splash I added on her leg.


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_16.jpg
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.



http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Conclusion.jpg
Another version


This is a simpler version without the particles.


http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/version2.jpg

Download the Photoshop File


Click here to download the Photoshop file used for this tutorial (http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Sample.psd.zip")

Taken from [url]http://abduzeedo.com/stylish-light-effect-photoshop

Pnutkiller
10-15-2009, 02:26 PM
Good find xD

Mikey
10-15-2009, 03:22 PM
The woman is exceedingly beautiful, my spidey sense was tingling :)

Pnutkiller
10-15-2009, 04:58 PM
Lmaooo mine too =D haha

Konnie
10-15-2009, 05:27 PM
Hit girl but that effect... Well it looks like crap. :\

Pnutkiller
10-15-2009, 05:41 PM
i like the first affect but not the second

[h_p]hacked_psp
10-17-2009, 12:40 AM
The woman is exceedingly beautiful, my spidey sense was tingling :)

Mine was too. Even in this pic: http://imgs.abduzeedo.com/files/tutorials/Stylish_Light_Effect_in_Photoshop/Step_4.jpg
:thumbup:XD
I could do that. I just need a girl. :P
I could do that with a PSP! :P Nice tut!

Milk
10-22-2009, 11:27 AM
Nice tut :)