Photoshop Lighting Effects

We are going to create an abstract scene with text or a logo, several circles and mixed with the magic of Photoshop. I saw something like this on the TNT TV network and I wanted to re-create it. I couldn’t find it online but it looked something like the image below. This tutorial will use several techniques to create this image, and hopefully some of it is new to you, or you’ll at least find it interesting.

 

 

 

Step 1

Lets start by creating a new document in Photoshop. I am going to use 800×600 for mine. Now change the background to black.

 

 

 

Step 2

Now lets give some initial lighting effects. First we need to create a new layer (apple+shift+n), call it glow 1 and fill it with white. Now we are going to give the background a glow, so go into filters>render>lighting effects. Change your settings so it looks something like below.

 

 

 

Step 3

We are going to repeat step 2, except we are going to make the color more orangish and adjust the angle of the light.

 

 

 

Step 4

Copy the orange glow by clicking on the layer and pushing apple+j and change the layer’s blend mode to screen. Now we are going to do apple+t to free transform, then hold down shift and rotate it until the glow is in the opposite corner. Drop the opacity down to 25%.

 

 

 

Step 5

Now that we have a base to start working off of, we can start building our main piece. Click on the eye dropper in the tool bar and pick an orange-yellow color from the bottom left glow. Now use the elipse tool to draw a circle.

 

 

 

Step 6

Change the fill of the circle to 0%, then go to your stroke in the layer styles. Change the size to 15px, make it an inside stroke and take the color you picked from the glow and change the stroke to that. Change your stroke’s blend mode to overlay.

 

 

 

Step 7

Now we are going to ad some kind of text or logo to the middle. Whatever you are using, it needs to be one color. Change your text to the same orange we have been using and change the blend mode to overlay.

 

 

 

Step 8

Now we want to save the circle shape because we are going to be using it later on. So click on the circle layer and go to the path tab. Click on the circle with the arrow in it and choose save path. Call the path circle.

 

 

 

Step 9

Go back to the layers tab and create a new folder and call it circles. Create a new layer inside the circles folder.

 

 

 

Step 10

Now we are going to set up a brush to use on our circle. Click on your brush and press F5 to pull up the brush settings. Set your brush diameter to around 5px. Change your spacing to 40% in your brush tip shape and your size jitter to 100% in the shape dynamics.

 

 

 

Step 11

Go back to your path tab and control click on the circle you saved. Go to stroke path and press ok. Change the blend mode to overlay and move it up and to the right.

 

 

 

Step 12

Repeat step 11 several times and adjust your brush settings frequently so you get something like this.

 

 

 

Step 13

Create a layer called bright light. Grab your brush, change the color to white, and paint something like this.

 

 

 

Step 14

Go to filter>blur>Gaussian bur and set it up like below.

 

 

 

Step 15

Make a copy of the blur and enlarge it and add a soft light to it.

 

 

 

Step 16

Now lets add some lighting affects. Create a new layer called lens flare 1. Now we are going to fill the new layer with black, but first we need to know where the flare is going so we are going to set up some guidelines to helps. So now, fill the layer with black and go to filter>render>lens flair. Pick the 50-300mm zoom setting. Try to get the flair to go right where you set up the guidelines. Once you get the one you want change your blend mode to screen.

 

 

 

Step 17

We are now going to do the same thing as in step 16 but this time we are going to use the 105mm prime.

 

 

 

Step 18

I am going to give the bright area some sparks around it so go into your brush settings and create a spread out brush like this.

 

 

 

Step 19

You can change the levels to get a darker look.

 

 

 

This is my final look.

 

 

We are the world leaders in providing incredible 70-450 training tools. Also get easy convenience to ST0-91X dumps for getting greater achievements in pass4sure mb2-634 exam.




You might also like these articles...



Only comments in English will be approved!

25 Comments

  1. miko
    20/01/2009

    awesome! keep it up!

  2. 20/01/2009
  3. Mohammad A. Wali
    21/01/2009

    Sincere effort. Thank you for sharing your creativity. Best wishes.

  4. Mohammad A. Wali
    21/01/2009

    Sincere effort. Thank you for sharing your creativity. Best wishes.

  5. dk2
    24/01/2009

    where can i get any brushes like that nice nice

    nice becouse very easy

  6. 25/01/2009

    The brushes are all done with the ones that come with Photoshop, there is a more detailed explanation here

  7. 03/04/2009

    Simple, detailed tutorial. The steps are very easy to understand, this will be a great practice for beginners. Thanks for posting this!

  8. [...] Photoshop Lighting Effects [...]

  9. 01/07/2009

    great tutorial im sure youve heard that a thousand times thank you for the detailed instructions. always love it when the colors used are specified

  10. [...] 18. Photoshop – Efectos de iluminacion [...]

  11. Hello.I am very curious about that.Where can I find additional post about it? Some recommendations?

  12. real
    14/03/2011

    wtf is “apple”!?!?!

  13. [...] Tutorial Link For Photoshop Lighting Effects [...]

  14. [...] Tutorial Link For Photoshop Lighting Effects [...]

  15. mia
    30/08/2011

    WENEVER I CLICK LIGHTING EFFECTS IT ALWAYS SAYS “COULD NOT COMPLET ETHE LIGHTING COMMAND BECAUSE THE AREA IS EMPTY”… Y IS IT SO???? please help :)

  16. mia
    30/08/2011

    what is apple??? it is mentioned in step 2..please reply, i really wanna be good at this.. tnx

  17. [...] 21.Photoshop Lighting Effects [...]

  18. 04/11/2011

    Normally I do not learn article on blogs, but I wish to say that this write-up very pressured me to try and do it! Your writing taste has been amazed me. Thank you, very nice post.

  19. [...] Tutorial Link For Photoshop Lighting Effects [...]

  20. [...] 41. Awesome lighting effect [...]

  21. [...] 41. Awesome lighting effect [...]

  22. [...] Tutorial: http://www.denisdesigns.com/blog/2009/01/glowing-circle-logo/ Share this:FacebookTwitterLinkedInLike this:LikeBe the first to like this post. [...]

  23. 15/12/2011

    I like the helpful info you provide in your articles. I’ll bookmark your weblog and check again here regularly. I’m quite sure I’ll learn a lot of new stuff right here! Good luck for the next!

  24. 16/12/2011

    How can I copyright the material on my website, content, images and all?

  25. Photoshop Lighting Effects | Denis Designs | Free Photoshop Tutorials & Inspirations for Web & Graphic Designers I’m impressed, I need to say. Really rarely do I encounter a blog that’s both educative and entertaining, and let me inform you, you may have hit the nail on the head. Your thought is outstanding; the difficulty is one thing that not enough people are speaking intelligently about. I’m very comfortable that I stumbled throughout this in my seek for one thing referring to this. Regards, Finest Teak Furniture