Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Adobe Photoshop Tutorials – Rainbows, Glows and Light Effects

Lighting effects in Adobe Photoshop are used to add flare and polish to images. They communicate feelings of creativity, technology, magic, and fantasy. Creating beams, glows, motion trails, rainbows, or an assortment of other lighting effects, give your images ambiance and depth.

Now it’s time for a sparkling dose of related Photoshop learning material. This article provides a resource of Adobe Photoshop Light Effects tutorials. These tutorials offer an assortment of techniques for making your work creatively glow.

Please consider them as an extension of our ultimate Adobe Photoshop series:

Photoshop Light Effects Tutorials Link

  • Expressive lighting effects423
    This tutorial combines both vector and raster based techniques to achieve a glowing floral design. The glows are applied in Photoshop.

    Expressive lighting effects4

  • Vector Polishing Techniques5
    This tutorial covers numerous ways to transform your vector illustrations into masterpieces by using Photoshop lighting techniques, glows, and filters.

    Vector Polishing Techniques6

  • How to Make the “Flare” Effect As Seen On WPCustomization.com
    In this tutorial, the Lens Flare filter is used on the background. Then the lighting is created with brushes and different blending modes.

    How to Make the Flare Effect As Seen On WPCustomization.com

  • Sparkling Hot Girl in Photoshop7
    Utilize an assortment of techniques to achieve a sparkling design. Masks, blurs, brushes, layers styles and other effects are used in this tutorial.

    Sparkling Hot Girl in Photoshop8

  • Amazing Photoshop light effect in 10 Steps9
    “If you know a bit of Layer Styles and the Brush engine in Photoshop you will be able to create amazing effects. It will depend exclusively on your imagination and playing with the tool. Sometimes just changing some settings and you get a totally different effect.” This tutorial applies lighting effects to a coffee cup icon.

    Amazing Photoshop light effect10

  • Creating A Fantastic Fantasy Night Sky In Photoshop11
    Create cartoon style clouds with rainbows, stars, and glowing effects. Based on a Nik Ainley12 design.

    Creating A Fantastic Fantasy Night Sky In Photoshop13

  • Electrifying Energy Beams14
    In this tutorial you start with the pen tool by drawing a line. Then you transform that line into an energy beam with layer effects. This makes it glow white and purple around a microphone.

    Electrifying Energy Beams15

  • Add Another Dimension16
    Use glows and blending modes to “add another dimension” to your Photoshop artwork

    Add Another Dimension17

  • Magic lighting effect in Photoshop18
    Learn to magically make text wave and glow out of a magician’s hat.

    Magic lighting effect19

  • Extreme sports branding20
    This tutorial first covers creating a logo then it gets into the main snowboard illustration. Vector shapes are applied with layer effects and brushes to make the illustration stand out. This is part one in a series.

    Extreme sports branding21

  • How to Create Intense Light Streaks in Photoshop22
    This tutorial shows you how to create light streaks that appear to flow around an object.

    How to Create Intense Light Streaks in Photoshop23

  • Chroma Wallpapers454424
    This tutorial explains how to create an energetic design with lines. Utilize blurs, warps, and other effects. Add glowing and vibrating colors to give this image a dynamic feeling.

    Chroma Wallpapers25

  • Advanced Glow Effects26
    This tutorial teaches how to create glow effects using layer styles, the pen tool, and some color blending effects.

    Advanced Glow Effects27

  • Add A Sparkle Trail To A Photo28
    Learn how to add a sparkling trail of stars to your photos using brushes, layer styles, and effects.

    Add A Sparkle Trail To A Photo29

  • Creating light motion trails & glowing sparks30
    This tutorial covers creating light motion trails by using the pen tool with layer styles. It also covers creating sparkling stars in Illustrator and then importing them into the Photoshop design.

    Creating light motion trails & glowing sparks31

  • Blue Glow Layout32
    This tutorial reviews the process for creating a simple layout in Photoshop, while revealing techniques for creating an abstract glowing centerpiece design.

    Blue Glow Layout33

  • Photoshop: Light Beam34
    This tutorial reviews the basic process of creating a light beam in Photoshop; however, it does refer to other tutorials for some effects. The techniques in this tutorial involve using different brushes to paint the light, and then they are smeared with the Smudge Tool. There are a few filters used as well.

    Photoshop: Light Beam35

  • Even fairies have to rest – glow and lightning tutorial36
    First, the photograph is treated to make it a little darker so that the points of light in the design will stand out. Both a linear wrapping beam and points of radiating light are covered in this tutorial.

    Even fairies have to rest - glow and lightning tutorial37

  • Beautiful lighting FX effect in Photoshop
    This tutorial will show you how to make a beautiful lighting effect with the scatter brush. This tutorial covers the basics.

    Beautiful lighting FX effect in Photoshop

  • High-Tech Swirling Aurora
    This tutorial covers how to apply the Wind Filter to a waving light beam to create an aurora effect.

    High-Tech Swirling Aurora

  • Slow shutter text effect – Photoshop38
    Layers of blurred elements are used in this tutorial. This blurring technique is worked into glowing linear text and circle shapes.

    Slow shutter text effect - Photoshop39

  • Seriously Cool Photoshop Explosion Effect40
    Use layer masks and light effects to creatively break apart an image. Points of bright lights, swirly brushes, and warped lines help bring this design together.

    Seriously Cool Photoshop Explosion Effect41

Which techniques can be applied? Link

At the compositional level, these effects are often applied through shapes. So, you might start with the pen tool by drawing a curvy line. Or, grab a brush and draw some scattered stars. Or, open up Illustrator first to compose design elements that you then pull back into Photoshop. The tutorial Expressive lighting effects423 demonstrates how to use interesting design shapes first and then apply glowing effects to them.

Once you know how you’d like to use shapes, you can apply effects to them. Layer styles and Blending Modes are common effects used to create this look. With Layer Styles, you might apply Glow. Or, with Blending Modes, you might set the layer to Lighten, Overlay, or Color Dodge – get the element you’re working with to sparkle and shine.

Chroma Wallpapers43
In the tutorial Chroma Wallpapers454424, lines are bent with the Warp Transform tool before being given a glow treatment.

There are more techniques often used; such as different types of blurs and gradients. You could play with Photoshop’s built in lighting effects, like Lens Flare, as well. Or get creative. Mix in rainbows. Paint glowing bursts of light. Manipulate the lines and shapes your working with.

In the tutorial Chroma Wallpapers454424 lines are bent with the Warp Transform tool before being given a glow treatment. This puts a new spin on the use of glowing light techniques.

Where can I get some inspiration? Link

Consider raising it to the next level, after you’ve mastered the basics of lighting and glow techniques. To raise the quality of your glowing work you’ll need inspiration and imagination.

Look at artists, such as Chuck Anderson, that have mastered these techniques. Try to figure out what they have done – beyond the basics.

Chuck Anderson
Chuck Anderson’s work impresses with the beauty of its lightning effects.

Also, look at photographic effects; for example, look at how light appears to blur and travel in long exposure photography. See the Flickr Group Light Stream46 for samples of this kind of photography.

Keep your eyes and mind open. You’ll start to see these effects in the real world. Or look to fantasy art; the sparkling feel of these effects can be used to supersede reality, magically transforming your designs.

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2008/01/10/adobe-photoshop-tutorials-best-of/
  2. 2 https://www.smashingmagazine.com/2008/03/28/adobe-photoshop-video-tutorials-best-of/
  3. 3 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/expressive_lighting_effects
  4. 4 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/expressive_lighting_effects
  5. 5 http://www.webdesignerwall.com/tutorials/vector-polishing-techniques/
  6. 6 http://www.webdesignerwall.com/tutorials/vector-polishing-techniques/
  7. 7 http://abduzeedo.com/sparkling-hot-girl-photoshop
  8. 8 http://abduzeedo.com/sparkling-hot-girl-photoshop
  9. 9 http://abduzeedo.com/amazing-photoshop-light-effect-10-steps
  10. 10 http://abduzeedo.com/amazing-photoshop-light-effect-10-steps
  11. 11 http://psdtuts.com/designing-tutorials/creating-a-fantastic-fantasy-night-sky-in-photoshop/
  12. 12 http://www.shinybinary.com/
  13. 13 http://psdtuts.com/designing-tutorials/creating-a-fantastic-fantasy-night-sky-in-photoshop/
  14. 14 http://luxa.org/tutorial_electrifying_energy_beams.php
  15. 15 http://luxa.org/tutorial_electrifying_energy_beams.php
  16. 16 http://www.computerarts.co.uk/tutorials/premium_content/2d__and__photoshop/add_another_dimension
  17. 17 http://www.computerarts.co.uk/tutorials/premium_content/2d__and__photoshop/add_another_dimension
  18. 18 http://abduzeedo.com/magic-lighting-effect-photoshop
  19. 19 http://abduzeedo.com/magic-lighting-effect-photoshop
  20. 20 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/extreme_sports_branding,_part_one
  21. 21 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/extreme_sports_branding,_part_one
  22. 22 http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-intense-light-streaks-in-photoshop
  23. 23 http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-intense-light-streaks-in-photoshop
  24. 24 http://www.webdesignerwall.com/tutorials/chroma-wallpapers/
  25. 25 http://www.webdesignerwall.com/tutorials/chroma-wallpapers/
  26. 26 http://psdtuts.com/tutorials-effects/advanced-glow-effects/
  27. 27 http://psdtuts.com/tutorials-effects/advanced-glow-effects/
  28. 28 http://www.photoshopessentials.com/photo-effects/sparkle/
  29. 29 http://www.photoshopessentials.com/photo-effects/sparkle/
  30. 30 http://veerle.duoh.com/blog/comments/creating_light_motion_trails_glowing_spark/
  31. 31 http://veerle.duoh.com/blog/comments/creating_light_motion_trails_glowing_spark/
  32. 32 http://www.flash-game-design.com/tutorials/blueGlow-photoshop-tutorial.html
  33. 33 http://www.flash-game-design.com/tutorials/blueGlow-photoshop-tutorial.html
  34. 34 http://photoncubetutorials.blogspot.com/2006/04/photoshop-light-beam.html
  35. 35 http://photoncubetutorials.blogspot.com/2006/04/photoshop-light-beam.html
  36. 36 http://bwebi.com/fairy-glow-lightning.html
  37. 37 http://bwebi.com/fairy-glow-lightning.html
  38. 38 http://www.shotgunmag.co.uk/?p=33
  39. 39 http://www.shotgunmag.co.uk/?p=33
  40. 40 http://psdtuts.com/tutorials-effects/seriously-cool-photoshop-explosion-effect/
  41. 41 http://psdtuts.com/tutorials-effects/seriously-cool-photoshop-explosion-effect/
  42. 42 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/expressive_lighting_effects
  43. 43 http://www.webdesignerwall.com/tutorials/chroma-wallpapers/
  44. 44 http://www.webdesignerwall.com/tutorials/chroma-wallpapers/
  45. 45 http://www.webdesignerwall.com/tutorials/chroma-wallpapers/
  46. 46 http://www.flickr.com/groups/lightstream____/pool/
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Sean Hodge is the creative mind behind AiBURN, a weblog about design, creativity, inspiration and graphics.

  1. 1

    JoomlaNinja

    April 3, 2008 6:11 am

    Smashing mag strikes again!

    Love this one :)

    1
  2. 2

    uooooooooooo my tutorial in smashing mag?!?!?!? thanx!!!!!!

    3
  3. 3

    Wow! Great! thx so much!!

    1
  4. 4

    the best photoshop tutorial collection i’ve seen.

    thanks SM! *thumbs up*

    3
  5. 5

    another bunch of photoshop tutorials, thanks

    0
  6. 6

    Once again, an absolutely amazing collection!

    0
  7. 7

    Great article… i love light effect…

    0
  8. 8

    This is superb! Thanks for the collection of tutorials!

    1
  9. 9

    So are lighting effects and glows the new bevel or drop shadow?
    At what point is it an old out dated style?

    -1
  10. 10

    that,s amazing whit photoshop!!

    0
  11. 11

    PSDTuts.com is one cool Photoshop tutorial site

    0
  12. 12

    Vlad Gerasimov

    April 3, 2008 8:55 am

    Hey! I’ve read Psdtuts tutorial and I thought I could try to make it better! So I wrote my own Rainbows tutorial, please check it out:

    http://www.vladstudio.com/photoshoptutorials/?36

    0
  13. 13

    pretty much all of them were from psdtuts

    0
  14. 14

    Stunning TUTORIALS!!!!!
    Great to see them all in ONE…

    Smashing u guys are the best

    0
  15. 15

    Thanks a lot for listing some of the tuts I wrote ;)…

    0
  16. 16

    Sweet, now this is what I want to see more of!
    Light makes such beautiful motion within pictures!

    I’ll be back for sure now ;)

    0
  17. 17

    I like the flare effect for WordPress logo.

    0
    • 18

      Raymond Lopez

      July 5, 2010 10:21 am

      did you find the tutorial?
      I can’t find it anywhere

      0
      • 19

        Raymond Lopez

        July 5, 2010 1:22 pm

        I found a very similar one for all the people that are looking for it and can’t find it>
        great-design.blogspot.com/2007/10/creating-lens-flare-with-wordpress-logo.html

        0
  18. 20

    GREAT TUTTOS, i like all

    0
  19. 21

    Excellent collection…

    0
  20. 22

    @”Anonymous”

    I’m not seeing any degrading pictures here, but then again, that’s a bit subjective. Care to clue me in?

    0

↑ Back to top