• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube
  • 0 items$0.00
PTC Logo

Photoshop Training Channel

  • About
    • About The Photoshop Training Channel
    • FAQ’s
  • Tutorials
    • All Tutorials
    • 3D Photoshop Tutorials
    • Compositing Photoshop Tutorials
    • Graphic Design Photoshop Tutorials
    • Retouching Photoshop Tutorials
    • Photoshop Tools & Techniques
    • Photoshop Text Effects
    • Tip Of The Day
    • Amazon.com Tutorials
  • Premium Tutorials
  • Connect
    • Contact Us
    • PTC Newsletter
    • Facebook
    • LinkedIn
    • Pinterest
    • RSS
    • Twitter
    • Youtube
  • Resources
    • Events
  • Join The PTC Newsletter
Home » Photoshop Tutorials » Photoshop Effects » How to Create Light Rays in Photoshop! [5 EASY Steps]

How to Create Light Rays in Photoshop! [5 EASY Steps]

232
SHARES
Share on FacebookPin in Pinterest
Share on TwitterLinkedinWhatsappReddit
Subscribe on YouTube!

Posted In: Photoshop Effects | Watch on YouTube

When the weather isn’t cooperating, let this tutorial teach you how to create light rays in Photoshop in just five easy steps!

Table of contents

  • Tutorial Image
  • Create a Desaturate Noisy Gradient Fill
  • Use The Screen Blending Mode to Hide Dark Pixels
  • Place The Light Rays into Position
  • Fine-Tune The Gradient (Brightness and Color)
    • First Technique
    • Second Technique
  • Selectively Apply The Light Rays with a Layer Mask
  • Blur The Light Rays

Tutorial Image

  • You can download the tutorial image from Unsplash.

Create a Desaturate Noisy Gradient Fill

Start learning how to create light rays in Photoshop by clicking on the New Adjustment Layer icon > Gradient Fill.

On the Gradient Fill window, set the Style to Angle.

Click on the gradient to bring out the Gradient Editor window.

Then, set the Gradient Type to Noise and this will result in an interesting radial pattern that mimics sun rays.

Change the Color Model to HSB and use the H, S, and B sliders to control the color of the noise.

Start by reducing the Saturation slider to its minimum value.

 If you don’t like the current pattern of the noise, click on the Randomize button to shift through different patterns until you end up that looks similar to this:

Then, press OK to exit the window.

Use The Screen Blending Mode to Hide Dark Pixels

To create light rays in Photoshop, set the Gradient Fill Layer’s Blending Mode to Screen to hide the dark pixels, and only keep the bright pixels. This creates the illusion of light rays.

Place The Light Rays into Position

Double-click on the Gradient Fill layer thumbnail to bring out the Gradient Fill window. 

Then, simply click-and-drag on the image to reposition the light rays. 

While you’re here, you can adjust the angle of the gradient by inputting angle value or simply adjusting the angle in the circle.  

Fine-Tune The Gradient (Brightness and Color)

You can use two techniques to fine-tune the gradient for the sunrays.

First Technique

Click on the New Adjustment Layer icon and select Levels.

Click on the Clipping Mask icon to clip it to the layer below, this means it will only affect the layer directly below it, which is the Gradient Fill. 

Modify the Adjusting Levels to create more contrast or add more brightness to the gradient. Take note that the Blending Mode is set to Screen so the contrast you add to it hides the darker pixels. 

Second Technique

Click on the New Adjustment Layer icon and select Hue/Saturation. 

Click on the Clipping Mask icon to clip it to the layer below. 

Check the box for Colorize to apply color. 

Using the Hue slider, adjust it towards the yellow-orange area to achieve a warm set of sunrays. 

Using the Hue slider, adjust it towards the yellow-orange area to achieve a warm set of sunrays.

You may also increase the Saturation slider for a more vibrant look.

Selectively Apply The Light Rays with a Layer Mask

At the moment, the light rays are covering the entirety of the image, but you can choose which specific places you want to apply it.  

Click on the Gradient Fill’s Layer Mask thumbnail and press Ctrl I (Windows) or Command I (macOS) to invert the color of the Layer Mask into black. 

Select the Brush tool and set the Foreground color to white (#000000).

 Click-and-drag to paint on areas you want the light rays effect to apply.

However, you might notice a bit of an error where, as you paint on different areas, the center of the light rays shifts from one place to the other. 

To disable that, click on the chainlink icon to unlink the Layer Mask from the Gradient Fill layer.

Create Light Rays In Photoshop using the Gradient Fill
Create Light Rays In PhotoshopCreate Light Rays In PhotoshopCreate Light Rays In Photoshop

Then double-click on the side of the layer to bring out the Layer Style window. 

Under Advanced Blending, check the box for Layer Mask Hides Effects. Upon checking that box, the center of the light rays will shift back to its original position that you set in the earlier step.

Press OK to apply the changes and exit the window.

Click on the Gradient Fill’s Layer Mask and return to painting on areas on the image you want the light rays to appear. 

Blur The Light Rays

Depending on the image that you are working with, you might want to soften the edges of the light rays. 

To do that, right-click on the Gradient Fill layer > Convert to Smart Object.

Choose Filter > Blur > Gaussian Blur. By blurring the light rays, you will achieve a more realistic effect. 


If you enjoyed this tutorial, make sure to follow PTC on YouTube! And if you create something using this tutorial, then share it on social media with the hashtag #PTCvids for a chance to get featured!

Related Tutorials

  • Blending Modes Explained – The Complete Guide to Photoshop Blend Modes
  • Beautiful Color Grade In Photoshop – “Homecoming” Poster – Copycat #6
  • Chrome 3D Text Using Image Based Lights
  • How To Match Colors in Photoshop – Fast and Easy Method
  • How To Make Realistic Shadows in Photoshop

Final Image

Drag The Slider To See Before & After

Diggin' these tutorials? Sign up for updates and subscriber-only tutorials…It's FREE!

Other Photoshop Tutorials You Might Like:

  • Zombie Photoshop Tutorial
  • How To Make Someone Older In Photoshop – Young To Old Tutorial
  • Make Money In PhotoshopHow To Make Money With Photoshop

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Join Over 52,000

Photoshop users who subscribe to receive tutorials straight into their inbox!

About Me:

Profile Image

Follow

Jesús Ramirez is the founder of the Photoshop Training Channel, a top Photoshop training YouTube channel with more than 1,300,000 subscribers. More.

Click The Buttons Below!

  • Follow
  • Instagram

Photoshop Tip Of The Day:

August 7, 2018

To activate multiple layers using your keyboard, press Shift Alt [ (Mac: Shift Option [) to activate the layer below the currently selected layer (or the ] key to activate the layer above).

You can keep adding to the selection one layer at a time by tapping on either of the bracket keys while holding down Shift and Alt (Mac: Option).

Get more Photoshop tips →

Tutorial Flashback

  • scripst-event-manager-photoshop
    Using The Script Events Manager In Adobe Photoshop CS6

Search

Upcoming Events

Jesús Ramirez will be presenting at the following conferences or events:

June 10, 2019
CreativePro Week 2019
CreativePro
Seattle, WA

See Previous Events

PTC’s Most Shared Tutorials This Month

  •  
    How To Blur Backgrounds in Photoshop [FAST & EASY]...
    M
    141 Shares
  •  
    Photoshop 2021 All The Best NEW Features EXPLAINED!...
    P
    106 Shares
  •  
    Make Better Cut-Outs in Photoshop with These 3 Amazing Tricks!...
    L
    88 Shares
  •  
    Photoshop 2021: Color Grading in Camera Raw...
    60 Shares
  •  
    How To Remove a GREEN SCREEN in Photoshop!...
    L
    49 Shares

My Tutorials in Spanish – Mis Tutoriales en Español

videosptc.com

Footer

About PTC

The Photoshop Training Channel is a Photoshop resource site for beginners. PTC was founded in July 2012 by Jesús Ramirez. The main goal of this site is to provide quality tips, tricks, hacks, and other Photoshop resources that allows beginners to improve their skills. More.

Connect with Us

Questions? If you have any questions, please feel free to Contact Us!
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Subscribe To Our Newsletter

Every week we'll send you Photoshop in-depth tutorials!
JOIN OUR COMMUNITY OF 52,000+ Photoshop Users!

Privacy Policy | Sitemap
Copyright © 2012 - 2021 Photoshop Training Channel.
Adobe, the Adobe Logo, Photoshop and Lightroom are registered trademarks of Adobe Systems Incorporated.