Menu Search
Jump to the content X X
Smashing Conf San Francisco

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 San Francisco, 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 material1. This article provides a resource of Adobe Photoshop Light Effects tutorials. These tutorials offer an assortment of techniques for making your work creatively glow. [Content Care Nov/28/2016]

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

Photoshop Light Effects Tutorials Link

Vector Polishing Techniques5

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

rainbows-light16

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.

rainbows-light28

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.

rainbows-light310

Creating A Fantastic Fantasy Night Sky In Photoshop11

Create cartoon style clouds with rainbows, stars, and glowing effects. Based on a Nik Ainley design.

rainbows-light412

Electrifying Energy Beams13

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.

rainbows-light514

Advanced Glow Effects15

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

rainbows-light616

Creating light motion trails & glowing sparks17

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.

rainbows-light718

8 Steps to Adding Fantasy Lighting with Photoshop19

Some magical light coming from behind the model.

rainbows-light820

Space Lighting Effects in 10 Steps 21

How to create a space scene with some nice Lighting Effects in 10 Steps.

rainbows-light922

Flying Girl in Photoshop23

Use some stock photos and mix them together to create a nice light effect.

rainbows-light1024

Luminescent Lines25

Create some thin flowing lines that look as if they emit light.

rainbows-light1126

Create a Vintage Light Bulb27

How to use a bulb image, with some textures and layer styles, to create a fabulous, bright illuminated text effect in Photoshop.

rainbows-light1228

Lighting Effect Photoshop Tutorial29

In this Photoshop tutorial, you will learn how to light up even a black/white image using lighting techniques and how to use adjustment layer to achieve realistic and believable light effect in Photoshop.

rainbows-light1330

Create a Crazy Disco Effect31

In this Photoshop tutorial you will create a crazy disco effect using some textures, blending modes and a touch of creativity.

rainbows-light1432

Sparkler Light Text Effect33

A cool looking sparklers light text effect Photoshop tutorial. You will learn how to create a sparkler typography using any font type that you want.

rainbows-light1534

Classic Light Effect in Photoshop35

How to create a super cool text light effect mixing some photos to give more realism.

rainbows-light1636

Create Light Painted Typography37

How you create a similar look of a traditional light painting photography technique in Photoshop.

rainbows-light1738

Fiery lighting effects39

Apply fire and smoke and learn how to blend it perfectly to master this fiery lighting effect.

rainbows-light1840

Design a Coldplay/Apple Inspired Portrait41

This tutorial will show you how to create a portrait based on the style of the latest Coldplay Ad.

rainbows-light1942

Create a Fantasy Manipulation43

how to create a nice floating woman in a forest. Turn the forest from day to night and paint realistic hair and light effects.

rainbows-light2044

Add fantasy light effects to photo-based artworks45

By creating your own brush in Adobe Illustrator, and using scanned elements with Photoshop, it’s a simple process to create otherworldly scene.

rainbows-light2146

Create A Retro Cosmic Design in Photoshop47

This tutorial will teach you how to recreate a Retro Cosmic designs.

rainbows-light2248

Animated Rainbow49

In this tutorial you will learn how to create a Rainbows wallpaper.

rainbows-light2350

Create striking photo and vector mash-ups51

In this tutorial, leading illustrator Neil Duerden shows how he got stuck into creating one of his stylish images.

rainbows-light2452

Lighting Effect in Photoshop53

In this tutorial you will learn how to create a realistic photometric lighting effect.

rainbows-light2554

Egg Planet55

Egg Planet is a fantastic globe photo manipulation.

rainbows-light2656

Paint Dancers57

Making of the Imaginary Paint Dancers in Adobe Photoshop.

rainbows-light2758

Show me the light59

How to use stock images to make a beautiful digital artwork with nicely colored lights.

rainbows-light2860

Cosmic glows61

Create cosmic glows and lighting effects with particles in After Effects and Photoshop.

rainbows-light2962

Sci-Fi Scene63

Create this Floating Superhero Scene with Sci-Fi Lighting Effects in Photoshop.

rainbows-light3064

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 effects65 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 Wallpapers66
In the tutorial Chroma Wallpapers6867, 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 Wallpapers6867 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 Stream69 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/professional-photoshop-techniques-tutorials/
  2. 2 https://www.smashingmagazine.com/2009/03/50-stunning-photoshop-text-effect-tutorials/
  3. 3 https://www.smashingmagazine.com/2008/12/50-excellent-digital-photography-photoshop-tutorials/
  4. 4 https://www.smashingmagazine.com/2008/07/70-beauty-retouching-photoshop-tutorials/
  5. 5 http://webdesignerwall.com/tutorials/vector-polishing-techniques
  6. 6 http://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 https://design.tutsplus.com/tutorials/creating-a-fantastic-fantasy-night-sky-in-photoshop--psd-64
  12. 12 https://design.tutsplus.com/tutorials/creating-a-fantastic-fantasy-night-sky-in-photoshop--psd-64
  13. 13 http://luxa.org/tutorial_electrifying_energy_beams.php
  14. 14 http://luxa.org/tutorial_electrifying_energy_beams.php
  15. 15 https://design.tutsplus.com/tutorials/advanced-glow-effects--psd-12
  16. 16 https://design.tutsplus.com/tutorials/advanced-glow-effects--psd-12
  17. 17 http://veerle-v2.duoh.com/blog/comments/creating_light_motion_trails_glowing_spark/
  18. 18 http://veerle-v2.duoh.com/blog/comments/creating_light_motion_trails_glowing_spark/
  19. 19 http://petapixel.com/2016/02/09/8-steps-adding-fantasy-lighting-photoshop/
  20. 20 http://petapixel.com/2016/02/09/8-steps-adding-fantasy-lighting-photoshop/
  21. 21 http://abduzeedo.com/space-lighting-effects-10-steps-photoshop-tutorial
  22. 22 http://abduzeedo.com/space-lighting-effects-10-steps-photoshop-tutorial
  23. 23 http://abduzeedo.com/fying-girl-photoshop
  24. 24 http://abduzeedo.com/fying-girl-photoshop
  25. 25 http://psdlearning.com/2008/06/luminescent-lines/
  26. 26 http://psdlearning.com/2008/06/luminescent-lines/
  27. 27 http://www.freepik.com/blog/create-vintage-light-bulb-sign-adobe-photoshop/
  28. 28 http://www.freepik.com/blog/create-vintage-light-bulb-sign-adobe-photoshop/
  29. 29 http://www.psdstack.com/photoshop-tutorials/photo-effects/lighting-effect-photoshop-tutorial/
  30. 30 http://www.psdstack.com/photoshop-tutorials/photo-effects/lighting-effect-photoshop-tutorial/
  31. 31 http://www.photoshopstar.com/photo-effects/crazy-disco-effect-with-adobe-photoshop/
  32. 32 http://www.photoshopstar.com/photo-effects/crazy-disco-effect-with-adobe-photoshop/
  33. 33 http://www.psd-dude.com/tutorials/sparkler-light-text-effect-photoshop-tutorial.aspx
  34. 34 http://www.psd-dude.com/tutorials/sparkler-light-text-effect-photoshop-tutorial.aspx
  35. 35 http://abduzeedo.com/classic-light-effect-photoshop
  36. 36 http://abduzeedo.com/classic-light-effect-photoshop
  37. 37 https://design.tutsplus.com/tutorials/create-light-painted-typography-from-scratch-in-photoshop--psd-13157
  38. 38 https://design.tutsplus.com/tutorials/create-light-painted-typography-from-scratch-in-photoshop--psd-13157
  39. 39 http://blog.photoshopcreative.co.uk/blog/tutorials/master-fiery-lighting-effects/
  40. 40 http://blog.photoshopcreative.co.uk/blog/tutorials/master-fiery-lighting-effects/
  41. 41 http://www.tutorial9.net/tutorials/photoshop-tutorials/design-a-coldplayapple-inspired-portrait-in-photoshop/
  42. 42 http://www.tutorial9.net/tutorials/photoshop-tutorials/design-a-coldplayapple-inspired-portrait-in-photoshop/
  43. 43 http://photoshopsikho.com/create-a-fantasy-manipulation-with-light-effects-in-photoshop/
  44. 44 http://photoshopsikho.com/create-a-fantasy-manipulation-with-light-effects-in-photoshop/
  45. 45 http://www.digitalartsonline.co.uk/tutorials/photoshop/fantasy-light-effects-to-photos/
  46. 46 http://www.digitalartsonline.co.uk/tutorials/photoshop/fantasy-light-effects-to-photos/
  47. 47 http://www.fudgegraphics.com/2009/07/tutorial-create-a-retro-cosmic-design-in-photoshop/
  48. 48 http://www.fudgegraphics.com/2009/07/tutorial-create-a-retro-cosmic-design-in-photoshop/
  49. 49 http://designstacks.net/animated-rainbow-wallpaper
  50. 50 http://designstacks.net/animated-rainbow-wallpaper
  51. 51 http://www.digitalartsonline.co.uk/tutorials/photoshop/create-striking-photo-vector-mash-ups/
  52. 52 http://www.digitalartsonline.co.uk/tutorials/photoshop/create-striking-photo-vector-mash-ups/
  53. 53 https://design.tutsplus.com/tutorials/how-to-create-a-realistic-ies-lighting-effect-in-photoshop--psd-5318
  54. 54 https://design.tutsplus.com/tutorials/how-to-create-a-realistic-ies-lighting-effect-in-photoshop--psd-5318
  55. 55 http://alfoart.com/egg_planet_1.html
  56. 56 http://alfoart.com/egg_planet_1.html
  57. 57 http://10steps.sg/tutorials/photoshop/making-of-the-imaginary-paint-dancers/
  58. 58 http://10steps.sg/tutorials/photoshop/making-of-the-imaginary-paint-dancers/
  59. 59 https://www.psdbox.com/tutorials/show-me-the-light-digital-art-tutorial
  60. 60 https://www.psdbox.com/tutorials/show-me-the-light-digital-art-tutorial
  61. 61 http://www.digitalartsonline.co.uk/tutorials/after-effects/create-cosmic-lighting-effects-with-particles/?akw=dell-cim
  62. 62 http://www.digitalartsonline.co.uk/tutorials/after-effects/create-cosmic-lighting-effects-with-particles/?akw=dell-cim
  63. 63 https://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/the-controller-create-floating-superhero-scene-sci-fi-lighting-effects-photoshop/
  64. 64 https://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/the-controller-create-floating-superhero-scene-sci-fi-lighting-effects-photoshop/
  65. 65 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/expressive_lighting_effects
  66. 66 http://www.webdesignerwall.com/tutorials/chroma-wallpapers/
  67. 67 http://www.webdesignerwall.com/tutorials/chroma-wallpapers/
  68. 68 http://www.webdesignerwall.com/tutorials/chroma-wallpapers/
  69. 69 http://www.flickr.com/groups/lightstream____/pool/

↑ Back to top Tweet itShare on Facebook

Advertisement

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

    pretty much all of them were from psdtuts

    0
  13. 13

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

    Smashing u guys are the best

    0
  14. 14

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

    0
  15. 15

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

    I like the flare effect for WordPress logo.

    0
    • 17

      Raymond Lopez

      July 5, 2010 10:21 am

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

      0
      • 18

        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
  17. 19

    GREAT TUTTOS, i like all

    0
  18. 20

    Excellent collection…

    0
  19. 21

    @”Anonymous”

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

    0
  20. 22

    @”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…

    0

↑ Back to top