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

See also: Photoshop Tutorials

Share your photos with our readers, make your own profile page, create blog, get unlimited storage for your photos, discuss photography equipment & techniques by joining our photo community

Subscribe for our latest updates sent to your e-mail (no spam)

Preview | Powered by FeedBlitz

RSS feed | Trackback URI


Comment by ovi
2005-10-19 01:32:05

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?

Comment by Ra
2009-06-05 23:05:18

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.

Comment by Varun
2006-02-03 10:39:50

Nice tutorial.

Keep it up

Comment by aurora
2007-06-03 05:15:26

the rays look natural! thanks for sharing!

Comment by Rahul
2008-04-30 13:57:23

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????

Comment by Karthik Nayakkar Subscribed to comments via email
2009-11-26 08:22:57


Nice tutorial….

Keep up the good work :)

Comment by yasmin lind
2009-12-29 04:15:26

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

Comment by Wynton Jerrell Subscribed to comments via email
2010-01-08 15:11:46

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.

Comment by ThierryD
2011-01-10 17:29:58

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.

Comment by SEO Freelance Hyderabad
2011-01-13 02:26:10

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


Have Your Say

Your Comment may not appear immediately due to moderation
Name (required)
E-mail (required - never shown publicly)
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your Comment.