Blog.SpoonGraphics

How to Create Intense Light Streaks in Photoshop

Read the article

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

A couple of subscribers left their comment on a previous post that collated a range of inspiring graphic artwork from digital artists across the world. The commentors asked how the light stream effect on some of the pieces was created. I did a little research and picked up a couple of tips from similar tutorials to present a walkthrough on how to create intense light streaks flowing around an object or person.

Intense light streams in Photoshop
View Full Size

1.jpg

Firstly find a subject to base the flowing light streams on. I picked out an image of a drinks can to relate to the original piece of artwork that inspired the subscriber.
Using the Pen Tool draw a path around the object, make the selection and paste into a new document using a black background.

2.jpg

Reselect the object by CMD/CTRL + Click on the layer, go to Select > Feather and enter 1px. Inverse the selection and hit delete.
Duplicate the layer and set the layer style to Multiply, drop the Opacity to suit.
These tips help the object blend with the background a little more realistically by erasing out the hard edges and altering the lighting and shadows.

3.jpg

On a new layer draw a circular marquee and add a Gradient fading to black with a colour of your choice, here I've chosen a cool green.
Transform the gradient and squash it vertically to add a little perspective.

4.jpg

Open up some kind of texture and paste it into the document. This particular image is a watercolour texture from the GoMedia Freebies. Desaturate to remove the colour.

5.jpg

Change the blending mode to Multiply to render the white areas of the texture transparent.

6.jpg

7.jpg

Back on the can or object layer add an Outer Glow through the Layer Styles, the key is to change the blending mode to Color Dodge to give a really intense glow.

8.jpg

Prepare a brush for creating the flowing light streams, experiment with the brush settings to give a thin tapered stroke. The main option to adjust is the Control and Minimum Diameter settings in the Shape Dynamics section.

9.jpg

Use the Pen Tool to draw a smooth flowing path, with the Pen Tool still selected right click and select Stroke Path, ensure the Brush option is selected along with Simulate Pressure.

11.jpg

Add another Outer Glow to the layer of the brush stroke using similar Color Dodge settings.

12.jpg

Draw as many streams as you like around the object, keeping the lines flowing as smoothly as possible in a variety of directions.

13.jpg

The Color Dodge effect works the best when the objects overlap the coloured gradient, here I scale up the gradient to allow for more light effects around the object.

14.jpg

Unfortunately the straight edges of the texture layer show through, use a large eraser to blend them out.

15.jpg

Add a little atmosphere to the object by placing a few blobs of colour on a new layer. Changing the blending mode to Soft Light will give a slight green glow to the object as if it is reflecting the green light from the intense glowing lines, overall adding a little more realism.

16.jpg

Make a selection from the object layer, inverse and delete out the unwanted area.

17.jpg

The light streams look okay flowing out from underneath the object but they would look a little better if they interacted in some way. Move the light stream layer above the object.

18.jpg

Erase out the majority of the lines leaving select areas which blend into or around the object.

19.jpg

A common addition to this trendy style is an array of glowing light particles. Setup another brush, this time play around with the Scatter, Spacing and Size Jitter options.

20.jpg

Brush in a range of dots and blobs with varying brush sizes to cover the whole of the object and flowing lines. Add the same Outer Glow layer style as the light stream layer.

21.jpg

Erase out the most of the particles to leave a subtle effect with slight differences in opacity.

22.jpg

Finish off the image with a few focal rings on multiple layers with very low opacity. These help relate to the objects that appear when photographing light with a camera, adding a little extra realism.

Intense light streams in Photoshop
View Full Size

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!

104 Comments

  1. Maxime says:

    thanks a lot.

    I’ve found another tutorial wich is completly different but with the same result. i will try this one too. this effect is finaly simple to realise.

    Thanks again

    (0)
  2. Hello Mr Spoon,

    Great touches. I really like the way you used the selection tool to create the camera lens blur with opacity effect sweet. Ive been playing around with this technique for some time always a little belter :D

    Heres a promo I did a couple of weeks ago

    Take care

    Mali

    (0)
  3. Blue Buffalo says:

    Another sweet tutorial. Very cool techniques to create the light streaks and light particles. Thanks!

    (0)
  4. so sick man !!! awesome !!!
    thanks

    (0)
  5. al_x says:

    Fantastic tutorial: Real quality. Thank you for sharing your techniques. It’s genuinely appreciated.

    (0)
  6. Zeb says:

    Ah yeah ! great :-)

    (0)
  7. Trae319 says:

    Is this Tutorial for CS3 only? tried this in CS and some features aren’t working….. Will it work at least in CS2?

    (0)
  8. kevin says:

    Could you give us some details on how to set up the brush for the flowing light streams? I couldn’t get a pretty brush

    (0)
  9. musafar says:

    Fantastic tutorial: Real quality

    (0)
  10. Barci says:

    Thanks for sharing! This is great, I mean amazing :)

    (0)
  11. arnaud says:

    Very cooll !

    (0)
  12. You the man says:

    Your work is inspiring, your tutorials are the most useful ever! thanks bunches!~

    (0)
  13. Jakob says:

    Ok, really cool effects, but you should have pasted another screenshot of yor brush settings, i couldn’t get a good one :/

    But thanks for a great guide anyway, it could have been more detailed though.

    (0)
  14. korea_lee says:

    hi
    I’m korea girl.
    nice to me to :)
    your tutorials very good!

    (0)
  15. Jasper says:

    Wow.
    That’s pretty awesome.
    Honestly, I think that Photoshop is very easy to use.
    You just need to know what to do, to make things look good.
    And you, my friend, you know.

    (0)
  16. Dan says:

    Hey i thought this was a great tut but something you should consider is not everyone knows as much as you high level designers. I have been confused through so much of this and it has stressed me out. I catch on quick but i just cant seem to get it down. Other than that this is a great great tut and the resualts were just amazing. Keep up this amazing work and i wil keep posted for more!

    (0)
  17. suresh says:

    very nice

    (0)
  18. Cool! Nicely done.

    (0)
  19. eli says:

    this is great!

    (0)
  20. ms pavan kumar says:

    thanks alot

    (0)
  21. preety yung thiing says:

    nice

    (0)
  22. Richard says:

    trying but cant get the flowing light streams, can anyone help me? I use the pen tool and created a smooth flowing path, but when I right click I cannot select Stroke Path? what am I doing wrong?

    (0)
  23. Pete says:

    Fun! I chose purple.

    (0)
  24. Jonny says:

    Hi, good tips but i only recently got Photoshop, can sum1 pllz send me a step by step version of this guide. This is a good guide only i dont know how to do many of the things on this guide. Can sum1 send me a step by step version pllz? What i meen by step by step is: layer–> arrange–> send to back etc.

    My email is:

    jonny9080@hotmail.com

    Thx again

    (0)
  25. Sannts says:

    cool, cool,
    but make a movie clip? kinda hard to understand by reading

    (0)
  26. facu says:

    exelente 1000 gracias

    (0)
  27. Seless says:

    This was a great tutorial
    Ive been looking for a this exact one and it was really helpfull
    id say im pretty great with my pen tool now :)
    so thank you

    (0)
  28. Chantal says:

    This needs to be much more detailed for people who aren’t very good with Photoshop yet.

    (0)
  29. Pyrath says:

    like Richard Said…
    “…I use the pen tool and created a smooth flowing path, but when I right click I cannot select Stroke Path? what am I doing wrong?”
    Pls and thankyou.

    (0)
  30. Vita says:

    Great job! shame, not enough details.

    (0)
  31. bomando says:

    Wow wonderfull effects,thx

    (0)
  32. WhaTheLL says:

    HAHA This are not photoshop u make me sick..!!

    not realistic tutorial.. maybe this are adobe after effects with trapcode 3d stroke , particular or shine effects.. this is a fake ,make noob us all.. xHEHE=)

    (0)
  33. uhuh says:

    This “are” too photoshop dummy. With photoshop the possiblitlities are endless.

    and the “shine effects” are used with the color dodge blending mode. why is that so hard to understand? Try it for yourself dodo!

    Great tut btw :)

    (0)
  34. emanuela says:

    Wow!I’ve to try it!
    Really nice ;)

    (0)
  35. sovsfan says:

    i dont understand

    for me,its to complicated!!!!

    but nice output though

    (0)
  36. Oxid says:

    Whoa man, I’m totally shocked. It always seemed so untouchable –these techniques and tricks to create such amazing effects–, but you brought it a little closer.
    Reading the tutorials like this, slowly I’ll become able to realize my ideas.
    Thank you very much!

    (0)
  37. 0-.-0 says:

    damn… i cant make it.. can u make it step by step… or put the name where to click……..

    (0)
  38. billy says:

    nice tut!!….but the part of making a smooth line in brush is really tricky i think you missed to make a few more steps in that section (explaining how to make the right click and the stroke part). please if yo can make an adition or send to my email it will be great.!!
    keep the good work!!!!

    (0)
  39. jmr says:

    can you give me the background color code please ?

    (0)
  40. suzy lou says:

    brilliant tutorial!!!! im an avid fan of spoongraphics tuts easy to follow if your an intermediate user of photoshop bit harder for a beginner mind

    (0)
  41. Ares says:

    I can’t seem to get my brush to take that tapered shape for the streaks, despite using “fade” and “minimum diameter” in the “shape dynamics” section. Am I doing it wrong?

    (0)
  42. nejimz says:

    awesome mannnnnnnnnn!!^^
    tanx

    (0)
  43. mary13mary says:

    cool tutorial…

    its really help a lot…

    thnx thnx

    (0)
  44. muratronik says:

    Wow great tutorial

    (0)
  45. viky says:

    hmm.. it’s good tutorial.. thanks in tutoring me sir!! ^^

    (0)
  46. jimmy gacia says:

    it’s.. so cooll..
    thanzzz for your inspiration..

    (0)
  47. Dani says:

    Wow. Pretty cool tutorial. I love it!
    Thank you very much

    (0)
  48. Rakesh says:

    Nice tutorial.. well appreciated.. some more detail could have helped the non designers.

    jus for non designers ;)

    open a blank file
    create a path> go to paths palette>
    right click on the workpath> stroke path> check the simulate pressure> and you are done.. [use hard edge brush]

    Hope it helps some one..

    (0)
  49. belen says:

    awesome! thanks

    (0)
  50. Zwopper says:

    Works great with Gimp as well!
    http://gimp.org/

    (0)
  51. janleo says:

    hello great turorial,

    i made this in real time in front of the camera.

    http://www.lapp-pro.de

    the technique is named Light Art Performance Photography, short LAPP.

    (0)
  52. sambit says:

    It’s very nice.

    (0)
  53. Love malhotra says:

    Great touches. I really like the way you used the selection tool to create the camera lens blur with opacity effect sweet. Ive been playing around with this technique for some time always a little belte

    (0)
  54. Cause so many people say that this tutorial is to completed, you should make a video to show how you created these effects. That way the viewer will be able to follow exactly what you are doing, where the tools are, and how to use all the tools. use an idea.

    really good tutorial

    s

    (0)
  55. Vishwa says:

    Brilliant job..thnx a lot.!!!!!

    (0)
  56. i got excellent results playing around with this tutorial!! MUCHAS THANK YOU VERY MUCHO AMIGO!! i like the way you don’t give much details in each step, letting me experiment myself with my own settings, and hard to copy exactly your work… tutorials MUST BE that way, to make people try his own approach, not to COPY the exact same effect… GREAT!

    (0)
  57. El Confuso says:

    Err yeah it’s a great tutorial, thing is as most have said some of us aren’t as advanced. The main issues I have are:
    1). How does one use the pen tool?
    2). How do you prepare your own brush?

    Thanks a lot, I was able to get up to the bit before the light streaks otherwise :)

    (0)
  58. @ El Confuso:
    How to use the pen tool and prepare your own brushes?
    EASY!

    just go to google.com and type “how to use pen tool photoshop” or :”photoshop pen tool tutorial” and so on…

    i’ll try to get u some tutorials in both subjects, from the thousands of bookmarks i have, but.. in the meantime, try google. Works for me everytime!.. that’s how i found this blog anyawys… well..

    (0)
  59. El Confuso says:

    I did for the pen, and found 3 and tried them but so far, I don’t find them that useful…

    (0)
  60. That is very nice lights effects.

    (0)
  61. marl says:

    sorry, i am extremely frustrated here.. you’ve lost me at this bit:
    “On a new layer draw a circular marquee and add a Gradient fading to black with a colour of your choice, here I’ve chosen a cool green.
    Transform the gradient and squash it vertically to add a little perspective.”
    i’ve tried to do this but i don’t even get close to the results in the illustration. Please can you be a little more explicit in your instructions.
    thx

    (0)
  62. izlekop says:

    This “are” too photoshop dummy. With photoshop the possiblitlities are endless.

    and the “shine effects” are used with the color dodge blending mode. why is that so hard to understand? Try it for yourself dodo!

    (0)
  63. Alton says:

    It is healthy, I shall come on your site more often, thank.,

    (0)
  64. Kerry says:

    Excellent site!,

    (0)
  65. Stefan Peter says:

    cool tutorial. very helpfull. thank you

    Happy Days

    (0)
  66. patrick says:

    you need to be more detailed, most of us arent professional designers

    (-1)

Comments are now closed