How to Create Light Rays in Photoshop! [5 EASY Steps]
53.8K views 2,556 likes 120 comments
Jump to a step in the video (8)
Click a time to play the video from there.
- 0:00 Introduction
- 0:06 Step 01 - Create a Desaturate Noisy Gradient Fill
- 1:02 Step 02 - Use The Screen Blending Mode to Hide Dark Pixels
- 1:16 Step 03 - Place The Light Rays into Position
- 1:45 Step 04 - Fine-Tune The Gradient (Brightness and Color)
- 2:46 Step 05 - Selectively Apply The Lightrays with a Layer Mask
- 4:33 Bonus Tip - Blur The Light Rays
- 4:55 Final Thoughts
Your choices stick across every tutorial on this device.
The fastest way to create light rays in Photoshop is a Gradient Fill layer with grayscale noise, set to the Screen blending mode. No brushes, no stock overlays, and the whole effect stays editable.
When the weather refuses to cooperate, this five-step technique fakes the sunbeams for you. You will build the rays from a noise gradient, position them anywhere in the frame, tint them warm, and paint them in only where the scene needs them.
There is also a fix in step 5 for a strange Photoshop quirk: by default, the center of the light rays moves as you paint on the layer mask. One hidden checkbox stops it.
Key Takeaways
- A Gradient Fill layer with the Style set to Angle and the Gradient Type set to Noise produces a radial pattern that reads as sun rays.
- The Screen blending mode hides the dark pixels, so only the bright streaks survive as light.
- A clipped Levels layer controls the intensity, and a clipped Hue/Saturation layer with Colorize warms the rays.
- Painting on the layer mask shifts the ray center by default. Unlink the mask and check Layer Mask Hides Effects in the Layer Style window to lock it in place.
- A touch of Gaussian Blur on the finished rays makes the effect read as real light instead of a graphic.
Table of contents
- What You’ll Learn
- What You Need
- Keyboard Shortcuts for This Effect
- Step 1: Create a Desaturated Noise Gradient Fill
- Step 2: Use the Screen Blending Mode to Hide Dark Pixels
- Step 3: Place the Light Rays into Position
- Step 4: Fine-Tune the Gradient’s Brightness and Color
- Step 5: Selectively Apply the Light Rays with a Layer Mask
- Bonus: Blur the Light Rays
- Frequently Asked Questions
- Create Light Rays in Photoshop on Any Photo
- Related Links
What You’ll Learn
- How a Noise gradient with the Angle style becomes a set of sun rays
- Why the Screen blending mode is the engine of the whole effect
- How to reposition, brighten, and recolor the rays without redoing anything
- How to stop the ray center from drifting while you paint on the mask
- When a little blur makes the rays believable
What You Need
Before you start
- Any recent version of Photoshop
- A photo with a light source the rays can plausibly come from, or the free tutorial image from Unsplash
Keyboard Shortcuts for This Effect
| Action | Windows | macOS |
|---|---|---|
| Invert the layer mask | Ctrl I | Command I |
| Fill with the background color | Ctrl Backspace | Command Delete |
| Make the brush bigger or smaller | Right and left bracket keys | Right and left bracket keys |
| Soften or harden the brush | Hold Shift and tap the left or right bracket key | Hold Shift and tap the left or right bracket key |
Step 1: Create a Desaturated Noise Gradient Fill
Click the New Adjustment Layer icon at the bottom of the Layers panel and choose Gradient Fill.
In the Gradient Fill window, set the Style to Angle.
Click the gradient itself to open the Gradient Editor, and set the Gradient Type to Noise. The result is a radial pattern of streaks that already looks a lot like sun rays.
Change the Color Model to HSB so the noise is controlled by Hue, Saturation, and Brightness sliders.
Drag the Saturation slider all the way to the left so the gradient goes black and white. We will add our own color later, on our own terms.
If you are not happy with the pattern, click Randomize to cycle through new ones. You are looking for an even spread of streaks without one strong seam. When you have it, press OK in both windows.
Step 2: Use the Screen Blending Mode to Hide Dark Pixels
With the Gradient Fill layer selected, set its Blending Mode to Screen.
Screen hides dark pixels and keeps bright ones, so the black parts of the gradient disappear, and only the bright streaks remain over the photo. That is the entire illusion: bright streaks that behave like light.
Step 3: Place the Light Rays into Position
Double-click the Gradient Fill layer thumbnail to reopen the Gradient Fill window, then click and drag directly on the image to move the center of the rays. You can even push the center outside the canvas.
Place it where the light in your photo already comes from: a bright patch of sky, a gap in the trees, a window.
While the window is open, you can also rotate the rays by typing an Angle value or dragging inside the angle circle.
Step 4: Fine-Tune the Gradient’s Brightness and Color
Two clipped adjustment layers give you full control over how the rays look.
Control the Intensity with Levels
Click the New Adjustment Layer icon and choose Levels. In the Properties panel, click the Clipping Mask icon so the adjustment affects only the Gradient Fill below it.
Now drag the Levels sliders. Because the gradient sits in Screen mode, darkening it makes the rays fade and brightening it makes them stronger. The right setting depends on your photo, and the adjustment stays live either way.
Add Color with Hue/Saturation
Click the New Adjustment Layer icon again and choose Hue/Saturation. Clip this one to the layer below as well, and check the Colorize box.
Drag the Hue slider toward the yellow-orange range for warm sunrays, and nudge Saturation up until the color reads without glowing radioactive.
Step 5: Selectively Apply the Light Rays with a Layer Mask
Right now the rays cover the whole frame. A layer mask lets you choose exactly where they land.
Click the Gradient Fill’s Layer Mask thumbnail and press Ctrl I on Windows or Command I on macOS to invert it to black, which hides every ray.
Select the Brush Tool, set the foreground color to white, use a soft brush, and paint over the areas where the light should fall.
Here is the quirk: as you paint, you may notice the center of the light rays shifting around. That is default Photoshop behavior with Gradient Fill layers, and it makes precise painting nearly impossible.
To stop it, click the chainlink icon between the layer and its mask to unlink them.
Then double-click the empty area beside the layer’s name to open the Layer Style window.
Under Advanced Blending, check Layer Mask Hides Effects. The moment you check it, the ray center snaps back to where you placed it in step 3, and it stays there while you paint.
Press OK, click back on the layer mask, and finish painting the rays in exactly where you want them.
Bonus: Blur the Light Rays
Depending on the photo, razor-sharp rays can look artificial. To soften them, right-click the Gradient Fill layer, choose Convert to Smart Object, and go to Filter > Blur > Gaussian Blur.
A small blur melts the streaks into the scene, and because the filter lands on a Smart Object, you can re-open it and change the amount any time.
Frequently Asked Questions
A Gradient Fill layer. Set the Style to Angle, the Gradient Type to Noise, desaturate it, and change the layer’s blending mode to Screen. The bright streaks that remain read as light rays.
The Gradient Fill has no mask work yet. Invert its layer mask to black with Ctrl I (Windows) or Command I (macOS), then paint with a soft white brush only where the light should fall.
That is default Photoshop behavior with Gradient Fill layers. Unlink the mask from the layer with the chainlink icon, open the Layer Style window, and check Layer Mask Hides Effects under Advanced Blending. The center locks in place.
Add a Hue/Saturation adjustment layer clipped to the Gradient Fill, check Colorize, and drag the Hue slider. Yellow-orange reads as warm sunlight, and the Saturation slider controls the tint’s intensity.
Clip a Levels adjustment to the Gradient Fill. Because the rays sit in Screen mode, brightening the gradient strengthens them and darkening it fades them away.
Yes. Double-click the Gradient Fill layer thumbnail and drag directly on the image to reposition the center, or change the Angle value to rotate the rays. Nothing about the effect is baked in.
Usually they are too sharp or too saturated, or they come from a spot with no visible light source. Place the center on a bright area of the photo, ease the saturation, and add a small Gaussian Blur so the streaks melt into the scene.
Create Light Rays in Photoshop on Any Photo
One noise gradient, Screen mode, two clipped adjustments, and a mask. Every piece stays editable, so you can move the sun, change the color, or dial the rays back a week later without starting over.
Watch the video above to see every step in real time, and if you post your result, tag #PTCvids so I can see it.
Selections and Masking Mastery
Complete course includes 2.5 hours of step-by-step lessons, 6 structured modules, downloadable practice files, and custom Photoshop brushes. Everything you need to master selections and masks in one place.
Keep going
The masking half of this effect is a skill worth owning. My Selections and Masking Mastery course goes deep on it.
And if you are new here, subscribe on YouTube for a new Photoshop tutorial every week.
If you enjoyed this tutorial, make sure to follow PTC on YouTube! And if you create something using this tutorial, share it on social media with the hashtag #PTCvids for a chance to get featured!
Related Links
Final Image
Drag the slider to see before and after
![After: How to Create Light Rays in Photoshop! [5 EASY Steps]](https://photoshoptrainingchannel.com/wp-content/uploads/2021/01/after-lightrays.jpg)
![Before: How to Create Light Rays in Photoshop! [5 EASY Steps]](https://photoshoptrainingchannel.com/wp-content/uploads/2021/01/before-light-rays.jpg)
