Popular Tags

Smashing Magazine - we smash you with the information that will make your life easier. really.

Adobe Photoshop Tutorials – Rainbows, Glows and Light Effects

Advertisement

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

  • Lines Tutorial
    A super simple tutorial that makes rainbow colored lines. It shows you how to give them an appearance of brightness and depth.

    Lines Tutorial in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Expressive Lighting Effects in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Vector Polishing Techniques in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • 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.

    Flare Effect Wordpress in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Sparklin Hot Girl in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Amazing Photoshop light effect in 10 Steps
    “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.

    Buy Me A Coffee in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Creating Fantastic Fantasy in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Neon lights with Photoshop
    Tutorial on how to make glowing lights effects out of vector shapes and brushes.

    Neon Lights Photoshop in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Electrifying Energy Beams
    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 Beams in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Add Another Dimension in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Lighting Effect Zee in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Extreme sports branding
    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 Branding in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Intense Light Streaks in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Chroma Wallpapers
    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 Wallpapers in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Advanced Glow Effects in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Lighting Effects – Beam Wave
    Learn to transform a one pixel lines into a glowing beam. Then add radial balls of light to emulate a pulse explosion.

    Photoshop Lighting Effects in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Add A Sparkle Trail in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Creating light motion trails & glowing sparks
    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 Motion Trails in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Blue Glow Layout in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Fantasy Art Photoshop tutorial
    Learn to create a fantasy image with glowing halos of lights and stars. Notice how you can apply glow directly to a cropped image. The tutorial creates the halos with the Elliptical Marquee tool. It applies a stroke and then a glow to the selection, on its own layer.

    Fantasy Art Photoshop in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Photoshop: Light Beam
    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 Beam in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Even fairies have to rest – glow and lightning tutorial
    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.

    Fairies Glow Lighting in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • 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 Light Fx in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Swirling Aurora in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

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

    Hello in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

  • Seriously Cool Photoshop Explosion Effect
    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.

    Explosion Light Effect in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

Which techniques can be applied?

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 effects 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.

Chroma9 in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects
In the tutorial Chroma Wallpapers, 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 Wallpapers 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?

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.

Lights in Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects
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 Stream 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.

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

Post Rating
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading ... Loading ...

Tags: ,

Advertising
  1. 1
    JoomlaNinja
    April 3rd, 2008 6:11 am

    Smashing mag strikes again!

    Love this one :)

  2. 2
    giackop
    April 3rd, 2008 6:19 am

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

  3. 3
    Mike
    April 3rd, 2008 6:38 am

    the best photoshop tutorial collection i’ve seen.

    thanks SM! *thumbs up*

  4. 4
    YUI
    April 3rd, 2008 6:44 am

    another bunch of photoshop tutorials, thanks

  5. 5
    David
    April 3rd, 2008 6:54 am

    Once again, an absolutely amazing collection!

  6. 6
    Altair
    April 3rd, 2008 6:56 am

    Great article… i love light effect…

  7. 7
    Arriane
    April 3rd, 2008 7:24 am

    This is superb! Thanks for the collection of tutorials!

  8. 8
    Aria
    April 3rd, 2008 7:34 am

    Wow! Great! thx so much!!

  9. 9
    Gautch
    April 3rd, 2008 8:07 am

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

  10. 10
    anwar
    April 3rd, 2008 8:23 am

    that,s amazing whit photoshop!!

  11. 11
    Haobam
    April 3rd, 2008 8:47 am

    PSDTuts.com is one cool Photoshop tutorial site

  12. 12
    Vlad Gerasimov
    April 3rd, 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

  13. 13
    ali
    April 3rd, 2008 9:14 am

    pretty much all of them were from psdtuts

  14. 14
    Shobhit
    April 3rd, 2008 9:15 am

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

    Smashing u guys are the best

  15. 15
    fabio Sasso
    April 3rd, 2008 10:02 am

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

  16. 16
    David
    April 3rd, 2008 2:45 pm

    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 ;)

  17. 17
    The Fachia
    April 3rd, 2008 3:28 pm

    I like the flare effect for Wordpress logo.

  18. 18
    flko
    April 3rd, 2008 4:20 pm

    GREAT TUTTOS, i like all

  19. 19
    imsraaia
    April 3rd, 2008 4:51 pm

    Excellent collection…

  20. 20
    Chris
    April 3rd, 2008 6:16 pm

    @”Anonymous”

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

  21. 21
    Kim
    April 3rd, 2008 7:26 pm

    @”Anonymous”

    I’m not remotely offended by anything in the article but like Chris said, something that is offensive to one may not be to another. Sadly, the only think that offends me on this page is your comment…

  22. 22
    Oscar
    April 3rd, 2008 7:49 pm

    Espectaculares!!!.

  23. 23
    christopher jack
    April 3rd, 2008 9:50 pm

    wow, coool. that is what i want to study : )
    thanks.

  24. 24
    Rohil
    April 3rd, 2008 10:16 pm

    I am sorry but this is getting very repetitive. We have seen most of the tutorials before. Anyone who reads Smashing magazine surely reads PSDtuts and other good graphic sites as well. and thus. These tutorials have already been publicised enough.

  25. 25
    Paulo
    April 3rd, 2008 10:19 pm

    Great tutorials guys, as always!

  26. 26
    Frank Felix
    April 3rd, 2008 10:55 pm

    Die beste und schönste PS Tutorial-Sammlung, die ich je gesehen habe! Danke!
    The best and nicest PS tutorial-collection i’ve ever seen! Thanks! :P

  27. 27
    Psycho2481
    April 3rd, 2008 11:50 pm

    damn, you did it again xD

    best collection, awesome things,…

    SM rockz

  28. 28
    gr8pixel
    April 3rd, 2008 11:56 pm

    hold on.. hold on… is this for real?? wait imma scroll back and see… LOL
    awesome tutorials! thanks guys!

    cheers SM \m/

  29. 29
    One Winged Angel
    April 4th, 2008 1:28 am

    I really love this tutorials collection. They sure help me a lot. Thanks SmashMag!

  30. 30
    Jason
    April 4th, 2008 5:19 am

    Although these are great tutorials… this style has seen its day. Its over used these days.

  31. 31
    Beppone
    April 4th, 2008 6:14 am

    Veeery nice… thanks….. :)

  32. 32
    designlabel
    April 4th, 2008 6:22 am

    Thanks for this list though i knew most of em’ already but its good to have a list. :-)
    DesignLabel

  33. 33
    Skeku
    April 4th, 2008 6:54 am

    Sorry, but I find this post very repetitive. Ok, nice effects but in most cases, same things about glows and lighting effects.

  34. 34
    VTFootballGrad
    April 4th, 2008 7:23 am

    This is why Photoshop rocks.

  35. 35
    kidslovemusic
    April 4th, 2008 8:20 am

    Absolutely great. Thank you!

  36. 36
    bobo
    April 4th, 2008 4:45 pm

    starting to double up from other ps posts. maybe less is more in this case so you can post more later

  37. 37
    Ex
    April 4th, 2008 7:10 pm

    Nice tutorials guys, as always!

  38. 38
    Mikkel
    April 4th, 2008 11:47 pm

    I absolutely agree, its like its so over used..

  39. 39
    Jason Reed
    April 5th, 2008 5:56 am

    Wonderful resource list. I can’t wait to try some of the new ones that I haven’t seen before.

  40. 40
    Reginald
    April 5th, 2008 9:42 am

    This post is literally jam packed with exceptional hard to find yet practical and useful information.

    Thanks for investing the time and effort this post may have required.

  41. 41
    Lorelei
    April 6th, 2008 2:33 am

    Hi,

    Thank you so much for adding my tutorial (fantasy art, by loreleiweb.com) to your list, it’s a great honour for me!

  42. 42
    alex
    April 6th, 2008 9:32 am

    the greatest ever..thank you very much for your precious information.

  43. 43
    pocketfullofroses
    April 6th, 2008 1:08 pm

    wow that’s stunning… thanks a lot for all these awesome tutorials!!!

  44. 44
    Avasilcai Daniel
    April 6th, 2008 3:47 pm

    For every lightning effect you’ll need a dark background, that’s the first rule,
    as you see in your examples are almost all with a dark background.

  45. 45
    John Nelson
    April 8th, 2008 1:52 am

    Wow, pretty usefull.

  46. 46
    mellowdesign
    April 8th, 2008 12:05 pm

    Lighting is one of my favourite areas of Photoshop – a great post!

  47. 47
    iuliux
    April 13th, 2008 1:49 am

    hey, what took you so long? :)
    I’ve been searching for this effect for some time

  48. 48
    bojja
    April 14th, 2008 11:08 pm

    Best stuff, excellent !!!
    Thank You :-)

  49. 49
    JB Burayag
    April 27th, 2008 8:54 pm

    its awesome!!! very addictive….

  50. 50
    Prashant
    April 29th, 2008 12:12 pm

    Awesome tuts. Lovely works and great learning for newbies like me.

  51. 51
    VIDA
    April 29th, 2008 10:19 pm

    U are the best ..it really helped me a lot..thanks !

  52. 52
    rodrigo
    May 6th, 2008 3:13 pm

    Hola podrian colocar esta misma pagina pero en español
    para ver los controles

    espero respuestas

    gracias

  53. 53
    Web Design
    May 15th, 2008 9:41 pm

    Great Tutorials!

  54. 54
    euge
    May 19th, 2008 6:45 pm

    amazing..i really like it..:)

  55. 55
    Kumar D'signer
    May 19th, 2008 9:27 pm

    Awsomeeeeeeeeeee tutorials. Smashing Guys trully doing amazing Job.

  56. 56
    Holly
    May 30th, 2008 12:30 am

    im so glad i came accross this website youve helped me out loads :D thankyouuuu

  57. 57
    Bisri
    June 4th, 2008 1:24 am

    Woww .. :) great list SM. Todays trend : Glow and Light Effects … Rockkkkss …

    I’ve created a social link share about tutorial links for designer. Visit Tutzz.com. I hope it will be useful.

  58. 58
    sanza
    June 5th, 2008 12:12 am

    Sweeeeeeeet! thanks

  59. 59
    Malshan
    June 8th, 2008 1:54 am

    Nice very nice thanks for adding this stuffs I very much appriciate your work thanks again

  60. 60
    musique101
    June 18th, 2008 5:09 pm

    All of them are beautiful to look at But some of the tutorials are hard to follow and too long. I know that everyone likes to show off but I think it will be muh better if someone can post the basic steps to get those effects instead of “do this do that”.

  61. 61
    Denny
    July 15th, 2008 6:41 pm

    so coooooooooooool!!!!!!!!!!

  62. 62
    perrycoke
    July 17th, 2008 10:45 am

    very good stuff here

  63. 63
    Sebel
    July 18th, 2008 3:53 am

    I wonder how this pictures would be print. If I change the Color-Profile to CMYK the colors are natural not that bright as in RGB…

  64. 64
    Oneal
    July 22nd, 2008 8:56 am

    HOOOOOAAAAAAAAAAAAAAAAAA nice really nice

  65. 65
    Qyounk
    July 30th, 2008 12:39 pm

    you’re the best

  66. 66
    R3X
    August 15th, 2008 2:04 am

    I’m truly grateful for all your effort into helping us noobs.

  67. 67
    me
    August 30th, 2008 3:17 pm

    utterly speechless

  68. 68
    Gemma
    September 2nd, 2008 2:15 am

    Yet another fantastic compilation. This one is especially inspiring. So well done, Smashing Magazine – never failing to impress!

  69. 69
    StormVonk
    September 5th, 2008 8:47 am

    dammmmm awesome!!! Really Well Done Once Agian!

  70. 70
    Zach D.
    September 9th, 2008 1:14 pm

    Dude, I love you! I have been looking for stuff like this everywhere. Very nice collection, you rock!!!

  71. 71
    Robert
    September 18th, 2008 10:54 pm

    So Far this is one of the best collection of tutorials I ever got on the internet. Keep up the great job.

  72. 72
    Mareike
    November 3rd, 2008 6:04 am

    BEAUTYFUL EFFECTS i love it! How can i get them or how do i have to work with photoshop, that i can handle it alone? Awesome…

    Greetz Mareike from vinergy

  73. 73
    Alexei
    November 11th, 2008 10:36 pm

    WOW this is quite impresive for me i can create more nice looking sig and banner using this tutor i hope you will release moooore efect that will booms my skilll up and UP hahahaha btw thanks

  74. 74
    Mimi
    November 24th, 2008 9:30 pm

    Will definitely try my hand at a few of these. Thanks! :)

  75. 75
    party,am
    December 2nd, 2008 1:31 am

    The most of tutorial ..

    it very very Good …

    i love thai page ..

  76. 76
    Lisa
    December 2nd, 2008 4:07 am

    this is superb . but how can u download it?

  77. 77
    ?007
    January 7th, 2009 11:38 am

    wooooooooooooooooooooow realy i searshed for tut like this and i finaly found lol

  78. 78
    yomi
    January 10th, 2009 4:08 am

    thanks for every thing

  79. 79
    iLse
    January 13th, 2009 6:25 pm

    zttaa muuY wenOO gRaaCiaaaz! :D

  80. 80
    Ashesh
    February 7th, 2009 4:44 am

    Smashing magazine is absolutely Superb!
    Best of luck to the editorial team.

  81. 81
    Hussain Aswan
    February 24th, 2009 11:57 am

    dame seein these stuff here made me horny :D

  82. 82
    Siew Ching
    March 16th, 2009 10:26 pm

    It’s amazing,thx for sharing
    >@<

  83. 83
    bresson
    March 24th, 2009 9:55 am

    stop referring and linking to computerarts.com – their tutorials seem to be written in stupor induced hazes because they seldom ever work and are filled with errors. otherwise nice tutorial but would have been better had you actually tested some of these tuts for quality as some are just horrific

  84. 84
    Kyle007
    March 26th, 2009 6:56 pm

    I love it…..Thanks for everything!……I love it

  85. 85
    Abadi
    April 1st, 2009 4:30 am

    Amazing, really nice !!

    Thank you alot !

  86. 86
    Ahmad
    April 14th, 2009 8:38 pm

    Hiiiii
    I like your technics but some time problem with images inwhich these not show the view….
    otherwise this is best….

  87. 87
    wgs_ind
    April 20th, 2009 1:24 am

    thank’s very much for tutorial..

  88. 88
    GaryO
    May 9th, 2009 3:55 am

    There’s no link to the ‘“Flare” Effect As Seen On WPCustomization.com’ Tutorial. Can anyone help?

  89. 89
    Kat
    May 10th, 2009 11:14 pm

    AMAZING!!! Thanks a lot

  90. 90
    torrado
    June 2nd, 2009 6:17 am

    yyesssssssssssss, i like it!!wwoowwwwwwwww

  91. 91
    elaine
    June 11th, 2009 5:42 pm

    awesummmmmmmmmmmmmmmmmmmmmmmmm i lurvee this fankkkk uuuuuuuuuuu

  92. 92
    nancy
    July 19th, 2009 6:38 pm

    i can’t do that. it’s very beautifull.

  93. 93
    Lintu
    September 6th, 2009 6:18 pm

    This is amazing! Can’t wait to try it!! XD Thankies!

  94. 94
    the andy leon
    October 7th, 2009 12:12 pm

    whats photoshop?….

  95. 95
    miemii
    October 8th, 2009 3:37 pm

    Awesome tutorials!!
    Thanks a lot *bows*

  96. 96
    Ryla
    October 9th, 2009 10:21 am

    ONE WORD: beautiful *__*

  97. 97
    adodo
    October 14th, 2009 8:12 pm

    great ! love it so… :D

  98. 98
    paul
    November 5th, 2009 12:54 pm

    Fantastic collection, will save me a bunch of time.
    Thanks for compiling!

  1. 00

    There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.

Leave a Comment

Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!



Advertisement Advertise with us!
Join in Smashing Forum
  • No items transmitted. Please check back later.
Post your job
Advertisement