Blog.SpoonGraphics

Create a Simple Vibrant Light Effect in Photoshop

Read the article

This post was originally published in 2009
The tips and techniques explained may be outdated.

Starting away from the computer, we’ll use a few household objects to create some photographic resources. Then follow this Adobe Photoshop tutorial to manipulate the images with various tools and techiques to produce a vibrant design made up of intense light streams effect.

Vibrant Light Streams

My previous How to Create Intense Light Streaks in Photoshop article turned out to become the most popular tutorial here on Blog.SpoonGraphics, so it seems to be quite a hot topic! It makes sense, therefore to take another look at the intense light effects area of design and experiment with a range of techniques to produce our own vibrant artwork.

In this article we’ll be starting from scratch, working away from the computer to gather together the resources which we’ll be manipulating later. If you would prefer to skip straight to the digital techniques, download the ready-made resources from the Six Free High-Res Glowing Light Stream Images post and head on down the page!

To begin, you’d need a couple of items, namely a digital camera some kind of torch. Ideally an SLR type camera would be the better option, as an extremely long exposure time and small aperture setting are required. Torch wise, any household light emitting device will do, but feel free to experiment with various styles of torches, bulb, LED etc.

Find yourself a large space, close all curtains and turn out the lights making the area as dark as possible. Setup your camera on a tripod or sturdily rest on a hard surface, in manual mode set the camera to a high Aperture F value to increase the depth of field, and lengthen the shutter speed to around 20 to 30 seconds.
With torch in hand and camera active, wave your arms around like a mad-man/mad-woman until the shutter closes. Experiment with various camera settings and movement techniques to record a collection of images to choose from.

After a few attempts you’ll have a good selection of images to work with. Here’s my example we’ll be working with in this article. Feel free to download it yourself.

Open up the light stream image into Photoshop, adjust the Levels, Curves and Hue/Saturation to darken out the background and brighten up the light streams.
Import the image into a new document and erase out the edges to blend smoothly into a black background.

On a new layer, use the Gradient Tool to overlay three bright colours from the edges of the document. Change the blend mode to Color.

Press CTRL/CMD + U to open up the Hue/Saturation window and move the slider to adjust the colours to a palette that takes your preference.

Choose a dark purple colour and select a soft brush tip.

Create a new layer and set the blending mode to Color Dodge. Paint over areas of the light stream with the purple brush to intensify specific areas, such as the crossing of two points. The Color Dodge setting burns into the colours producing a vibrant effect.

Create a new 4px by 4px document. Zoom right in and draw a line diagonally across the document with the Pencil Tool. Go to Edit > Define Pattern.

Back in the main document, fill a new layer with the pattern using the Fill Tool set to Pattern from the drop down menu. Change the blending mode to Overlay and reduce the opacity to around 25%.

Create a Layer Mask on this layer and paint areas of black onto the mask to erase out sections of the scan lines.

Create another pattern swatch, this time based on a single square, which will repeat to form a tiny dotted pattern.

Fill another new layer, again set to Overlay at 25% with this new swatch and erase out areas using a Layer Mask.

Draw a large gradient of dark purple onto a new layer, reduce the opacity right down to 15%. This will be needed for the next step, the overlaying technique we’ll be using won’t work on pure black, so the subtle purple is added to allow the effect to shine through.

In the Brush options palette create a custom brush that is made up of multiple particles. Start by reducing the hardness of a standard circular brush to 0, and setting the spacing to 100.

Under Shape Dynamics, adjust the size Jitter to 100%. If you’re using a Pen Tablet the option of Pen Pressure will allow the effect of the brush by manipulated depending on the force used with the tablet.

Under Scattering, adjust the Scatter to 1000%.

On a new layer set to Color Dodge, paint over areas of the light streams to add a range of particles, adding to the vibrant style of the design.

Create a new brush, this time with similar settings but using a larger and harder brush tip.

Sampling a light blue from the design, paint in a range of lens flare style shapes. Use the Blur tool to add depth by blurring some of the flare shapes.

Change the layer style to Color Dodge and reduce the opacity to 60%.

Use the same colour to fill a range of diagonal strips, drawn with the Polygonal Lasso Tool.

Erase out the edges of the strips to blend them into the document.

Change the layer style of these strips to Soft Light to allow the colour mix to add to the vibrant design.

Vibrant Light Streams

Make any final tweaks and adjust the design into a composition that suits. Here I’ve simply added some text, also using the Color Dodge blending mode to tie it into the design.

Overall, while light streaks can just as easily be created digitally on the computer, I think using hand crafted light streaks from a camera and real light source gives that extra element of detail to the design.

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!

91 Comments

  1. Asmaa' says:

    Great Tutorial!! , VERY informative , learned something new and will definitely give it a try! thanks for sharing!

    (0)
  2. Nice tut here, great step by step instruction going on.

    (0)
  3. Best tutorial I have seen in a while!! I love how simple you keep everything but it looks great! :)

    (0)
  4. Kate says:

    Very nice tutorial…That effect is so cool. I love how you started out with a raw photograph. You are so creative and all your tutorials are amazing! Thanks!

    (0)
  5. I love light effects. I haven’t tried long exposures using lights before, but I know you can get interesting results using several methods. Thanks for the stellar tutorial!

    (0)
  6. Tom Ross says:

    Really nice one mate. I love the hands on approach of the torch photography.

    (0)
  7. Mykal Cave says:

    This is a new way of doing compared to a lot of the tutorials out there. But is anyone else getting a little worn out on this effect? I see it on everything and anything.

    (0)
  8. Marco says:

    So simple, yet so creative – Just what we (readers) expect from you. Amazing outcome Chris, really love it!

    Keep up the good work!

    (0)
  9. ace tutorial! very creative!

    (0)
  10. Thankyou for the kind comments everyone, glad to hear some of the steps helped out.

    (0)
  11. Kevin says:

    Very good tutorial, good job!

    (0)
  12. Nikki says:

    Wow this is a beautiful tut! I will definately try it out very soon! Thanks for posting :)

    Am tweeting it now!

    (0)
  13. loswl says:

    Awesome effect, I love the colors you used, nice tut :o)

    (0)
  14. Nice one Chris Like the way you explain the use of the torch and Camera, quite a lot of people don’t understand the way to create these effects.

    Keep up the good work mate.

    (0)
  15. Arian says:

    I’ve always wondered what the camera settings for those light paintings are. Thanks for the tutorial :D

    (0)
  16. very good outcome and detailed description, thanks! :)

    (0)
  17. Patternhead says:

    Great tut Chris.

    This kind of effect is popping up all over the place. I guess your clear and detailed explanation will mean we’ll see it even more ;)

    (0)
  18. TMaxson says:

    VERY nice tutorial… very very nice work. Thanks a bunch! (c:

    (0)
  19. Nacho says:

    WOW!!! Really cool, very good tut!
    I’ll try it!

    (0)
  20. Navdeep says:

    Really cool tut!

    (0)
  21. James Coupar says:

    Excellent tutorial!

    Always wanted to know how to create these effects.

    My hat is off to you!

    (0)
  22. Dave says:

    Great image. Thanks for a great tutorial!!!

    (0)
  23. Paul Morales says:

    Great tutorial thanks. Keep them coming ;)

    (0)
  24. Mitchnash1 says:

    Thanks – another stunning tutorial.

    (0)
  25. Keep up the good work!

    (0)
  26. cool effect:)nice one chris:)

    (0)
  27. Tashi says:

    simple and pleasing!!
    I tried out this tutorial and boy! the effects keeps getting better!!
    especially just blending layer styles..so much cool fx!!

    thanx once again!

    (0)
  28. Awesome tut! Will try!

    (0)
  29. Cirdain says:

    Will try when I learn how to navigate my camera.

    (0)
  30. Great tutorial! It was really easy to follow and the results are excellent.

    Great tutorial :D

    (0)
  31. JohnONolan says:

    Very ‘abduzeedo’ – I like it!

    (0)
  32. desiztech says:

    Woow very nice!!

    (0)
  33. Some great light effects there. Good job done.

    (0)
  34. PhotoFree says:

    One of the many downfalls of Paint Shop Pro — you can’t use tutorials like this one! Great job, I might be purchasing a photoshop package soon instead. Impressive.

    (0)
  35. Bill Lowden says:

    Wow! Great tutorial. This open ups a lot of texture and background options. I love the fact that you showed how to gather the light sources as opposed to using something already on the net. Thanks!

    (0)
  36. Lucy says:

    Really good indepth tutorial, I really enjoyed how you went into detail and took it that step further than normal tuturials – I am a fan.

    (0)
  37. Wade Jackman says:

    nice attention to detail. great tutorial.

    (0)
  38. abby says:

    very nice

    (0)
  39. Snurf says:

    One wicked tutorial man…

    (0)
  40. WOW! Thank you very much! Nice tutorial!! Looking forward another great tutorial!!

    (0)
  41. aravind says:

    Woooow…
    really cool.. :)

    (0)
  42. Excellent tut, Chris! I’m diggin’ the photo technique rather than creating it digitally. Agreed on the extra level of detail it creates as well.

    (0)
  43. Luan says:

    Congratulations for site!!

    (0)
  44. Luan says:

    Congratulations for tutorial!!

    (0)
  45. Great Tutorial. I learned something new.

    (0)
  46. sam says:

    I made a similar effect while camping.

    I took a stick and made the end start to smolder then spun it around and it produced this:
    ^http://www.flickr.com/photos/samleh/412858165/in/photostream/

    (0)
  47. A nice extensive tutorial for sure. I have this in my favorites.

    (0)
  48. themisfit says:

    what a great tutorial! Consider it bookmarked.

    (0)
  49. Sick tutorial, thanks for the tips!

    (0)
  50. Faisal says:

    Once in a while, someone comes along and leads you by the hand to show the immense simplicity in technology…You are a great teacher. Thank you for the great tutorials….

    (0)
  51. chris says:

    damn so many great tuts on one site!!! keep up the great work :)

    (0)
  52. Yorch says:

    30 minutes trying in photoshop and I could not do anything .. only the patterns easy but .. in corel it takes to me 10 minutes. Photoshop is hard and difficutl to me why?
    EXCELLENT tutorial of course :)

    (0)
  53. Its beautiful design, very simple but awesome

    (0)
  54. ferst says:

    excuse my noobness, but i cant get the results on the step mentioned:

    On a new layer, use the Gradient Tool to overlay three bright colours from the edges of the document. Change the blend mode to Color.

    Is there a step missing?

    (0)
    • Hey Ferst, draw three blobs of gradient, using three different colours onto the document (as per the image with the blue, yellow and pink), then change this layer’s blending mode to Color in the drop down menu at the top of the layers palette.

      (0)
      • Thiago says:

        i just love you chirs spooner with all due respect! haha I’m noobie like ferst and I was already sad thinking of posting something no one would reply for, and then you came with the light! Thanks. People like you make the difference. And people like me shouldn’t step ‘the getting started’ lessons and learn things ‘na tora’ as we say in Brazil, but it’s a way to get there anyway. Now I know what blend mode is. Tomorrow I’ll be ashamed of my noob comment, but right now I’m so happy lol.

        (0)
  55. Thomas says:

    Great tutorial Chris, I featured it on TutorialKing.eu

    (0)
  56. lewis says:

    could u explain the step with the gradient tool a bit more ? it doesnt rly comes out as it is supposed to hehe. thnx in advance ;-)

    (0)
  57. metaforico says:

    thanks for the tutorial. that comes out very well. I love the gradient colors. looks so simple and is very detail. thanks for sharing the steps.

    (0)
  58. lewis says:

    hehe figuered out the 2nd step. tho the brush part isnt working. i took the exact same settings as u did and setted it to color dodge but it doesnt seem to work any idea what might be wrong ?

    (0)
    • Color Dodge can sometimes seem to only give good results depending on the underlying colour. OR, if the brush isn’t making a mark at all, try changing the Pen Pressure setting to Fade, which should help if you’re using a good old mouse.

      (0)
  59. Let me Test my smarts with this simple vibrant light effect in photoshop

    (0)
  60. iNck says:

    Nice tutorial as usual.

    Just wanted to ask, what font was used?

    Thx

    (0)
  61. James Mann says:

    Wow, that looks really nice and effective. I usually use some kind of stock vectors for something like this, as i never have the time to spend on creating these effects from stratch. However, it looks pretty straight forward and not as time consuming as i thought.

    Thanks for the tutorial

    JM

    (0)
  62. myDevWares says:

    Thanks for tut…was really wondering how designers come up with these abstract swirls!

    (0)
  63. wicked tutorial. done a lot of these kinds of pictures using glow sticks. awesome results!

    (0)
  64. This is brilliant. I’ve made a couple of my own images with light flashes but I definitely like your way better. This was an excellent tutorial by the way, keep it up.

    (0)
  65. peter says:

    thank you for this tutorial

    (0)
  66. Keith says:

    Great tutorial, thanks!

    (0)
  67. John Holland says:

    Thank you very much for this. I had no idea how this effect was done – you opened up my eyes! Thank you!

    (0)

Comments are now closed