Quick Tip: How to Increase the Quality of Large Spotlights in Photoshop

I am sure at some point you created a large light point or a gradient and noticed that the their quality diminishes along with reducing their opacity. Well, this quick tip will surely help you fix that quickly and easily.
This issue is more often encountered in web design, since you need a light spot somewhere on your background to make the page look nice and have a focus point or use a large gradient on backgrounds.
After quite a few hours of “trial and error” and a considerable amount of coffees, both spilled and drunk, found a nice solution to this problem.

Here’s what I did!

I created this image with a dark purple background and a soft brush stroke with 100% Opacity and 100% Flow. So far, the light looks nice, but it’s far too intense for a background.

ADVERTISMENT:
The Best Deals For Digital Design Assets - InkyDeals.com. Learn More>>

I’ve set the layer Blending mode to Linear Dodge (Add). Using this will preserve some texture from the background, if there is one. I’ve also set the layer’s Opacity to 40%. And from this point those pesky lines are starting to appear.

And here’s how I fixed it!

STEP 1

With the spotlight layer selected, Go to Filter > Sharpen.  Do this twice.

STEP 2

Go to Filter > Noise > Add Noise and set it to 1%, Gaussian, Monochromatic.

Here’s the difference:

For opaque gradients, the 1% Noise is enough to make the gradient look smoother.

Was this tip helpful to you? Leave a comment!

(Visited 1,547 time, 1 visit today)

13 Comments Quick Tip: How to Increase the Quality of Large Spotlights in Photoshop

  1. Pingback: Quick Tip: How to Increase the Quality of Large Spotlights in Photoshop | The best Tutorials

  2. Crazyhunk Oct 7, 2010 at 09:38

    Good tip…
    I had always just added the noise filter based on the size of the image… but sharpening twice seems be a better…

    Thank You

    Reply
  3. Pingback: Quick Tip: How to Increase the Quality of Large Spotlights in Photoshop | CG Stream

  4. Pingback: Quick Tip: How to Increase the Quality of Large Spotlights in Photoshop

  5. Pingback: 100+ Awesome Fresh Articles for Web Designers Web Developers | The best Tutorials

  6. Pingback: 100+ Awesome Fresh Articles for Web Designers Web Developers — tripwire magazine

  7. Pingback: CSS Brigit | Quick Tip: How to Increase the Quality of Large Spotlights in Photoshop

  8. Pingback: Quick Tip: How to Increase the Quality of Large Spotlights in Photoshop | The best Tutorials

  9. pG0 Oct 15, 2010 at 05:30

    oh thank a lot.

    most of the time is seems helpless do to something good to this opaque gradients…

    but now i’m happy….

    thanks again.

    Reply
  10. peter Oct 16, 2010 at 02:57

    charming girl

    Reply
  11. peter Oct 16, 2010 at 15:43

    super cool i will try it later

    Reply
  12. Pingback: 99 Fresh Tutorial & Resources For Web Designer | blogfreakz.com

Leave A Comment

Your email address will not be published.