Photoshop Tutorial: Ray of Lights Effect

Photoshop CS tutorial: Creating ray of lights (intermediate)

We’re going to make a picture like this:

Photoshop Tutorial

into this:

Photoshop Tutorial

with some simple steps in photoshop..

We’re starting off by ‘drawing’ the ray of lights..

1. Create a new layer (shift+ctr+N) and give it a proper name

2. Choose the lasso tool or the pen tool

Photoshop Tutorial

3. Draw the ray of light just like the image below..

Photoshop Tutorial

4. While you still have the selection, we’re going to use feather (select>feather) or (Alt+ctr+D) to softened the edge. Enter your feather radius, in this case I’ll be using 8 pixels.

Photoshop Tutorial

5. Choose white for your foreground color (D>X)

Photoshop Tutorial

6. Choose paint bucket tool

Photoshop Tutorial

7. Fill the selection are with white (alt+del), and here’s your first light.

8. Unselect your selection (Ctrl+D)

9. Change the layer mode to ‘screen’ and change its opacity to 25%

Pages: 1 2

10 Responses to “Photoshop Tutorial: Ray of Lights Effect”

  1. ovi says:

    love it, only that the sun can’t do that if it’s not behind the clouds, if you think about it. the rays are a result of the sunlight hitting the clouds. so you should maybe include how to lower the sun?

  2. Varun says:

    Nice tutorial.

    Keep it up

  3. aurora says:

    the rays look natural! thanks for sharing!

  4. Rahul says:

    Its nice,but the rays are a result of the clouds blocking the sun so that they get silver on their edges, it will be nice to see the dark clouds getting silvered on their edges + the rays…..
    What a pic will that be????

  5. Ra says:

    it’s just fine, the sun can do that, thinking about it realy brings me to a conclusion that the sun would never be in front of any cloud on earth.

  6. Karthik Nayakkar says:


    Nice tutorial….

    Keep up the good work 🙂

  7. yasmin lind says:

    I USED adobephotoshop CS3..i cant found symbol paint bucket..

  8. Wynton Jerrell says:

    The paint bucket is with the “Gradient Tool”. Click and hold the Gradient Tool button and a little option window will open to select the paint bucket.

    PS – great tut.

  9. ThierryD says:

    Good tutorial, this one of the method to create rays of sun or rays of light with Pohotshop.
    You can see another technic :
    It is for information and completion to this tutorial and create a very realistic rays of sun.

  10. SEO Freelance Hyderabad says:

    Excellent tutorial, thanks for sharing, it will help me in my freelance web design projects

Leave a Reply