Monday, October 25, 2010

The Light Effect Tutorial in Photoshop



In this Photoshop tutorial I will display you how to use supply pictures to make a attractive digital artwork with in a nice waytinted lights. All you require for this tutorial is my Colors in Motion textures load and a model. For this tutorial I will use the young female that you glimpse on the preview. So, power up Photoshop and let’s get started.







Video:

Many persons demanded a video of this tutorial so I had to record it. Keep in brain that it’s not a completely comprehensive video. Just an overview of the methods that I used. Read the tutorial underneath for a better comprehension.



Step 1

Open the girl model in photoshop and using the Pen Tool (P), trace the contour but make sure you have the paths selected. I suggest using the pen tool technique because it’s a lot more accurate. Also, when you’re dealing with high resolution images like this, try to subtract the subject from the background before scaling down the original image because you will be more accurate.
After you traced the contour, with the pen tool active, right click and choose “Make Selection”. Delete the background.

Create a new document 1500×2026 pixels and paste the girl, name this layer model. Create a new layer below the model layer, use a radial Gradient (G) and draw from the top left corner of the canvas to the bottom right. Use a light gray 66686b as foreground color and 474b4e for the background. See the image below.



Step 2

Now we are going to make some adjustments to the color and the contrast and add some shadows.
Make some color adjustments and increase the contrast of the girl. I used Adjustments Layers because they are non destructive, in other words, you can eliminate the adjustment layer or modify it without affecting the original image.

Levels settings to increase contrast.




Saturation settings to increase color


After making this adjustments, make some shadows on the ground to give a more realistic look, otherwise it looks like the girl is hanging in the air.
To add the shadows like I did in the image below, use different size brushes and hardnesses on different layers. For the contact shadows use a 35% hardness brush and diameter 30 pixels. Set Flow and Opacity of the brush to 40-50% and make several passes along the inner edge of both feet.
To make the big ground shadow use a bigger soft brush. Try to get something like the image below. The next tutorial will be all about shading techniques so don’t worry now if you don’t get it right.

Step 3

This is where the fun and the creative stuff starts. I will give the links to the images that we will use next but if you want to make this with different images, download the Colors in Motion pack and the Cosmic Lights PNG images pack.
The first image that I used was from the Cosmic Lights pack. Open the image 18-star-radiation”  and paste it on a new layer below the girl’s layer but above the shadow layers, change it’s Blending Mode to Screen and if you see that is not visible enough duplicate the layer or increase the saturation to make the colors more visible.
Now open the image11-cosmic-rays from the same pack, flip it vertically and paste it above the girl’s layer and change the blending mode to Screen, just like you did with the previous one. You should get something like in the image below.
Use a soft edge Brush and 75-85% Opacity and on a new layer under the two previous lights click just one time with the brush and change the Blending Mode to Color Dodge. I used the color bc7a39.
Now you have to do the same but using a bigger brush, a different Blending Mode and this time the layer must be above the girl layer. For the color I used e2a02d and the blending mode Screen. The way to do this next light is by making 2 strokes. The first one using a 650px brush and 50% opacity and the second one on the same layer on the center of the first stroke using a 350px brush and 100% Opacity.
Open the stock 4 image in photoshop and paste it above the previous light that you just made but flip it first, like in the image below. After that, change the blending mode to Screen.
Open red_light.jpg and paste it over the left foot and change the Blending Mode to Screen. As you can see we will use this technique for all stock images that have black background.

Step 4

All the lights that we just added on step 3 look great but we can make them look a bit better by adding some lights on the floor and on the girl’s body. We will do that manually and we will start with the left leg where you just added the red_light.jpg
Locate the model layer on the palette and click it’s thumbnail while you hold down the CTRL key in order to select it’s edges. Once you have the edges selected, create a new layer above the model layer (the layer of the girl) and create a layer mask on it. I named this layer ambient lights. This is necessary because we want to paint the lights only on the body.
Change the Blending Mode of the ambient lights layer to Color Dodge. Select a soft edge brush about 90px in diameter and set the Opacity of the brush to 20%. As I said, we will start with the left leg so the light that we need should match the red color of the stock image that we used on step 3. But because the blending mode of the layer is set to Color Dodge, we must use a lighter and less saturated color, I used e0446c. With the soft brush selected paint along the edges of the left leg.
You must create a stronger light at the bottom of the leg making multiple passes with the brush and fade out the effect with less brush strokes as you go up because the light is fading away. Do the same thing on the right leg but use green and yellow desaturated colors and paint on the same ambient lights layer.
Create a new layer above the model layer and set the blending mode to Color Dodge. Paint the floor with a soft brush and color 8c0548. Reduce the opacity of the layer if the effect is too strong. See image below.
Now we will move to the upper parts of the body and using more stock images from the packs mentioned earlier, add more lights.


On the hand I used the image Color_gradient (15) located in the “smoother gradients” folder from the Colors in Motion pack. Again change the Blending Mode to Screen and duplicate the layer for a stronger effect.
Add another light to the hand from the same textures pack. I used the image Color (13) and I changed the Hue from Image>Adjustments>Hue/Saturation to match the colors of the first image added on the hand on the previous step. This time I didn’t duplicate the layer.
Use the same technique and add the image Color_gradient (18) like in the image below.

Step 5

Now things will get even brighter with some soft spotlights that we will add on this step. You can paint this spotlights above all the other layers on the palette.
From now on you will need a big soft brush to make this lights. We are going to start from the bottom part.
Se the brush color to 534906 and using a 600-750 pixels brush size and Opacity 65%, stroke once over the bottom right leg where we added the first lights at the beginning of this tutorial and set the layer Blending Mode to Color Dodge. That will make the light even brighter. See image below.
Change the brush size to 800px, create a new layer and set the foreground color to 064953. Make another light on the girl’s back and change the layer’s blending mode to Color Dodge (Add).
Do the same on the hand but this time using two different colors and different opacities. For the first stroke, use a 500px brush and the color 5a4f34. Set the brush Opacity to 100% and hardness to 0%. Create a new layer and click once over the fingers of the girl’s hand. Decrease the layer’s Opacity to 65% and change the Blending Mode to Color Dodge.
Make a new layer above the previous one and increase the brush size to about 960px. Change the color to 574739 and click once over the same spot as before. Leave the layers opacity to 100% and change the Blending mode to Color Dodge (Add). You should get something like in the image below.
Download the Media Militia particles pack and open two images that look like an explosion and paste them on the base of the right leg and over the light that you made on the previous step. Change the Blending Mode for both images to Color Dodge (add). Depending on the images you choose you might need to use another blending mode that fits better.

Step 6 – post editing

We are almost there. What we are going to do in this final step is shift the general lights of the image using the Lighting Effects filter.That’s something that I recommend you do always because you will always end up with a much better result. We are also going to reduce the size of the image. If you remember, on the first step we set the image resolution to 1500×2026 pixels but now we will make it smaller. Is always better to work with a high resolution image and then make it smaller. That way, you have more control for example when you cut out the image from its background.
Save your work because we are going to work on a new document. To create a copy of the final result you have two options. The first one is to select the top most layer on your layers palette and press Ctrl+Alt+Shift+E to create a stamp of the image and then copy and paste it into a new document. The second option is to select the entire canvas with Ctrl+A and then go to Edit>Copy Merged.
Now create a new document by pressing Ctrl+N or go to File>New and the new document should be the exact size as the image you have on your clipboard (as long as you copied the image). Paste the image on the new document and resize it (Ctrl+Alt+i) to 1000×1351. I added a default Lens Flare to the hand but that’s up to you. Go to Filter>Render>Light Effects and apply the settings that you see on the image below.
Now make the image sharper. Go to Filter>Sharpen>Unsharp Mask and apply the settings from the image below TWICE.
And that’s how you make a cool digital art manipulation. I hope you enjoyed this tutorial and that you learned something. If you like this technique feel free to spread the word and submit this tutorial to as many social sites as possible, I would really appreciate that.



Download PSD file












24 comments:

  1. Great post and very simple steps for learning the light effects in Photoshop. I am a beginner level user of Photoshop and this is something very good for boosting my maturity level.

    ReplyDelete
  2. Wow! Complete and easy to follow steps. It's so interesting to learn this one. Thank you for sharing this. Highly appreciated. Looking forward for more of this.

    ReplyDelete
  3. What a great tutorial! Thanks for your step by step intructions which helps me a lot for the lighting effects in Photoshop. Good stuff.

    ReplyDelete
  4. Easy to follow steps. Thanks :)

    ReplyDelete
  5. I remember doing a similar tutorial to this about 10 years ago, and it was on the software itself. It was nowhere near as detailed and easy to follow as this. You should post more of this type of thing.

    ReplyDelete
  6. I really love Photoshop! having a time to do arts on it feel like Its my stress remedy from a really stressful work. Keep posting for more effects!

    ReplyDelete
  7. I find your post interesting! I am looking for this type of tutorial for so long and lucky I am to finally found this one. The steps are detailed and explained in a simple way. Thanks for the cool stuff you shared!

    ReplyDelete
  8. I'm a desperate artist when it comes to photoshop... The step-by-step guide you have here is just simply put and easy to follow - but I still can't be good at making multiple layers. :( I should keep practicing!

    ReplyDelete
  9. Thank you for the post and I had a lot of things learned about your article. I'm fond of editing and making more life in simple pictures. I'll look forward for more of your techniques.

    ReplyDelete
  10. Thank you for the post and I had a lot of things learned about your article. I'm fond of editing and making more life in simple pictures. I'll look forward for more of your techniques.

    ReplyDelete
  11. Thanks. I have a great time reading your tutorial blog. Thank you very much. Gonna try this on Adobe Photoshop. I need to explore more.

    ReplyDelete
  12. I believe I should thank you for this post. I've been thinking of studying photoshop and wow look at it, I'm already here at your tutorial. It's a great help to me for I save time and money as well. I'm looking forward to your future post about other aspects in learning photoshop.

    ReplyDelete
  13. This is amazing. It looks so magical. Thanks for posting. I will try this at home since the steps are easy to follow. Keep posting for more extravagant photos and techniques.

    ReplyDelete
  14. Photoshop application is one of the aids which improves my output in photography- my passion. But I only know some basic applications that's why I never stop searching some aids in the web and thank God I found this post. I'm hoping a lot of updates for photoshop tutorials. Thanks again!

    ReplyDelete
  15. Great post. Photo editing is really fun. You can make a living out of it.

    ReplyDelete
  16. Your editing tips is great. Gonna try this in my own pc. Thanks for sharing. Have a great day!

    ReplyDelete
  17. As a newbie in photoshop, I really spend a lot of time to do some research of step-by-steps process on how to use different menu on the said application. I will be counting this post as one of my resources which will help me to ponder my interest in photoshop.Hoping for some post regarding photoshop. Thanks for sharing!

    ReplyDelete
  18. Wow! so impressive and the steps seems easy to follow. I'll try this one out for my self. I love photo editing ever since and I want to develop my skill on it. The techniques are just marvelous. I never thought this could be done as easy as this. Hopefully you can post for more. Thanks!

    ReplyDelete
  19. Thanks for the detailed instructions.
    I'm new to this but I feel with the help you provided I have the confidence to give it a go.

    ReplyDelete
  20. Thanks for sharing this useful tutorial in an easy way. I am not quite familiar with photoshop but still i did it.

    ReplyDelete
  21. I am really fond of editing pictures.. Good Thing I found your post that greatly gives me a lot of ideas regarding how to give good effects especially if the picture depicts movements. Very helpful indeed! Thanks for the share and more power!

    ReplyDelete
  22. ah, yes. Thanks for posting. Editing pictures is really fun. You get to see what you really worked for in the end.

    ReplyDelete
  23. Do you know that Lady Gaga covers the latest issue of V Magazine. Its also available for iPads with an exclusive 2.5 minutes of video from her upcoming second studio album – Born This Way, (which is due for release on 23 May). Check it out @ OtherEdition Newsstand: http://www.otheredition.com/VMagazine.

    ReplyDelete
  24. Great tutorial. I am gonna try it by myself.

    ReplyDelete