Photoshop Light Rays Effect Tutorial

Photoshop Elements 8: Add Rays Of Light To A Photo

Learn Photoshop with Photoshop Effects Tutorials at Photoshop

Written By Steve Patterson

In this photo effects tutorial, we'll learn how to quickly and easily add rays of sunlight to an image with Photoshop Elements 8! This tutorial is also fully compatible with Photoshop Elements 9.

Here's the original photo I'll be starting with, which is available from the Fotolia image library:

A woman meditating at sunset. Image licensed from Fotolia by Photoshop
The original image.

And here's how it will look after adding the rays of sunlight. Depending on your image, the effect can appear subtle (as it is here) or more pronounced. We'll learn how to fine-tune the results at the end of the tutorial:

Photoshop light rays photo effect. Image © 2011 Photoshop
The final "light rays" effect.

Not what you're looking for? Check out our other Photoshop Effects tutorials!

You'll find the full Photoshop (CS5 and earlier) version of this tutorial here.

Before you begin, make sure you're working in Full Edit mode inside Photoshop Elements 8 by selecting it from the orange tab near the top right corner of the screen (for Photoshop Elements 9 users, click on the word Full directly below the Edit tab):

Photoshop Elements 8 Full Edit mode. Image © 2011 Photoshop
Make sure you're in the Full Edit workspace before you continue.

Let's get started!

Step 1: Add A New Blank Layer

With the photo newly opened in Photoshop Elements, we can see in the Layers panel that our image is sitting all by itself on the Background layer, which is currently the only layer in our document. We're going to add our light rays on a separate layer above the image, so click on the New Layer icon at the bottom of the Layers panel:

Clicking the New Layer icon in Photoshop Elements 8. Image © 2011 Photoshop
Click on the New Layer icon.

Nothing will happen to the image in the document window just yet, but a new blank layer named Layer 1 appears above the Background layer. Notice that Layer 1 is highlighted, which means it's currently the active layer, and that means anything we do next will happen on this new layer, not to the image on the Background layer below it:

Layer 1 is added above the Background layer. Image © 2011 Photoshop
Photoshop Elements adds a new layer named Layer 1 above the Background layer.

Step 2: Reset The Foreground And Background Colors If Needed

Press the letter D on your keyboard to quickly reset the Foreground and Background colors to their defaults if needed, which sets the Foreground color to black and the Background color to white. We're going to run a filter in a moment that uses the Foreground and Background colors, so it's important that we make sure they're set to black and white before running the filter. You can see what the colors are current set to by looking at the color swatches at the bottom of the Tools panel:

Photoshop Elements 8 Foreground and Background color swatches. Image © 2011 Photoshop
The Foreground (upper left) and Background (lower right) color swatches.

Step 3: Apply The Clouds Filter

Go up to the Filter menu in the Menu Bar along the top of the screen, choose Render, then choose Clouds:

Selecting the Clouds filter in Photoshop Elements 8. Image © 2011 Photoshop
Go to Filter > Render > Clouds.

This will fill Layer 1 with a random black and white "cloud" pattern. The reason it appears in black and white is because the Clouds filter uses the current Foreground and Background colors, which is why we reset them to their defaults a moment ago:

Clouds rendered in Photoshop Elements 8. Image © 2011 Photoshop
The image after running the Clouds filter.

Step 4: Change The Layer Blend Mode To Overlay

At the moment, the cloud pattern is completely blocking the photo below it from view. We need a way to blend our two layers together, and we can do that using blend modes in Photoshop Elements. You'll find the Blend Mode option in the top left corner of the Layers panel. By default, it's set to Normal. Click on the word Normal and change the blend mode to Overlay:

Changing the layer blend mode to Overlay in Photoshop Elements 8. Image © 2011 Photoshop
Change Layer 1's blend mode from Normal to Overlay.

The cloud pattern now blends in with the photo below it:

The image after changing the layer blend mode to Overlay. Image © 2011 Photoshop
The Overlay blend mode gives everything a higher contrast look.

Step 5: Apply The Radial Blur Filter

This next step is where we turn the cloud pattern into rays of light, and we do that by blurring the clouds using a "zoom" style blur. Go back up to the Filter menu and this time choose Blur, then choose Radial Blur:

Selecting the Radial Blur filter in Photoshop Elements 8. Image © 2011 Photoshop
Go to Filter > Blur > Radial Blur.

This opens the Radial Blur dialog box. Set the Blur Method option on the left of the dialog box to Zoom, then increase the blur Amount to around 90. You may need to try different Amount settings to get the effect looking right with your specific image, but a value of 90 is usually a good place to start:

Photoshop Elements Radial Blur dialog box. Image © 2011 Photoshop
Set the Blur Method to Zoom and the Amount to around 90.

In the lower right is the Blur Center option where we can set the location in the image where the blur effect will appear to be zooming out from. Simply click inside the box and, with your mouse button held down, drag the blur center to where you need it. In my case, I want my light rays to be coming from the setting sun, but the unfortunate problem with the Radial Blur filter is that it doesn't give us any way to preview the effect, which makes setting the blur center a bit of a guessing game. I know that the sun in my photo is towards the left and just above the horizontal center, so I'll click inside the box and drag the blur center into that general area:

Dragging the blur center option in the Radial Blur dialog box. Image © 2011 Photoshop
Click inside the box and drag the blur center where you need it (or close to it, anyway).

Finally, if you're working on a very large image or on a slow computer (or both), set the Quality option in the bottom left of the dialog box to either Draft or Good. The lower quality setting won't give you the nicest looking results but it will allow the filter to run faster so you can judge whether or not you've positioned the blur center correctly or if it needs to be moved. If you're using a faster computer, go ahead and set the Quality option to Best, which is what I'll do:

The Quality option in the Radial Blur dialog box. Image © 2011 Photoshop
Set the Quality option to Draft or Good to preview the results on slower machines, otherwise set it to Best.

Click OK to close out of the dialog box, at which point Photoshop runs the filter. As luck would have it, I seem to have positioned my blur center in the correct spot on the first try (which doesn't happen very often), and we can see the rays of light now streaming out from the sun:

Photoshop Elements light rays effect. Image © 2011 Photoshop
The image after running the Radial Blur filter.

Don't worry if you didn't get things right on the first try. It's easy to go back and try again. Simply undo the filter by going up to the Edit menu at the top of the screen and choosing Undo Radial Blur, or by pressing Ctrl+Z (Win) / Command+Z (Mac) on your keyboard:

The Undo Radial Blur command in Photoshop Elements 8. Image © 2011 Photoshop
Go to Edit > Undo Radial Blur, or press Ctrl+Z (Win) / Command+Z (Mac).

Then, to quickly re-open the Radial Blur dialog box so you can make whatever changes you need, hold down your Alt (Win) / Option (Mac) key and, with the key still held down, go back up to the Filter menu. You'll see the Radial Blur filter listed at the very top since it was the last filter we used:

Quickly re-opening the Radial Blur dialog box in Photoshop Elements 8. Image © 2011 Photoshop
Hold down Alt (Win) / Option (Mac) and go to Filter > Radial Blur.

This will re-open the Radial Blur dialog box. Drag the blur center to a new position or change the Amount value if needed, then click OK to have Photoshop Elements run the filter again. You can undo the filter, make changes in the dialog box, then re-run it as many times as needed until you're happy with the results. Also, if you previously ran the filter with Quality set to Draft or Good and you're satisfied with your Blur Center and Amount settings, make sure to undo the filter and re-run it with Quality set to Best.

Step 6: Lower The Opacity Or Change The Blend Mode To Soft Light If Needed

If you find that your light rays look too intense in the image, one way to soften them is by lowering the layer opacity. You'll find the Opacity option directly across from the Blend Mode option at the top of the Layers panel. The lower the opacity, the more the original photo will show through. I'll lower mine down to 70%:

The layer opacity option in Photoshop Elements 8. Image © 2011 Photoshop
Lower the opacity of Layer 1 to reduce the intensity of the light rays.

With the opacity lowered, the light rays in my image now appear more subtle:

Photoshop Elements sun rays effect. Image © 2011 Photoshop
The image after lowering the layer opacity.

You can also try changing the blend mode from Overlay to Soft Light:

Photoshop Elements Soft Light layer blend mode. Image © 2011 Photoshop
Changing the blend mode from Overlay to Soft Light.

Soft Light is basically a less intense, lower contrast version of the Overlay blend mode (see our Five Essential Blend Modes For Photo Editing tutorial for more details), making the light rays appear softer. Use whichever of the two blend modes works best with your particular image:

Photoshop Elements light rays effect using the Soft Light blend mode. Image © 2011 Photoshop
The same light rays effect, this time with the blend mode set to Soft Light.

And there we have it!

More Photo Effects tutorials - View our complete collection!