How to Create Intense Light Streaks in Photoshop
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.
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.
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.
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.
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.
Change the blending mode to Multiply to render the white areas of the texture transparent.
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.
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.
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.
Add another Outer Glow to the layer of the brush stroke using similar Color Dodge settings.
Draw as many streams as you like around the object, keeping the lines flowing as smoothly as possible in a variety of directions.
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.
Unfortunately the straight edges of the texture layer show through, use a large eraser to blend them out.
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.
Make a selection from the object layer, inverse and delete out the unwanted area.
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.
Erase out the majority of the lines leaving select areas which blend into or around the object.
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.
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.
Erase out the most of the particles to leave a subtle effect with slight differences in opacity.
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.
Like This Post? - Sharing & donating are great ways to say Thanks!
March 10th, 2008 at 9:43 pm
[...] How to Create Intense Light Streaks in Photoshop Related StuffAdobe Photoshop CS3 Tutorials - Extract Complex ShapesHow to design a sexy header for your site using CSSPhotoshop Disasters45 Photoshop Tutorials for Better Navigation | Vandelay Website Design [...]
March 10th, 2008 at 10:52 pm
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
March 10th, 2008 at 11:44 pm
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
Heres a promo I did a couple of weeks ago
Take care
Mali
March 11th, 2008 at 10:53 am
[...] Article Source : Créer une lumiére intense [...]
March 11th, 2008 at 12:19 pm
Another sweet tutorial. Very cool techniques to create the light streaks and light particles. Thanks!
March 11th, 2008 at 9:51 pm
so sick man !!! awesome !!!
thanks
March 12th, 2008 at 12:47 am
Fantastic tutorial: Real quality. Thank you for sharing your techniques. It’s genuinely appreciated.
March 12th, 2008 at 4:00 pm
[...] En primer lugar, debes seleccionar el objeto sobre el que aplicarás los trazos de luz y añadir una nueva capa, insertando en ella una marca circular con un gradiente del color que desees. Luego, aplica una textura (de GoMedia por ejemplo) y modifica las opciones de saturación para quitarle el color. Posteriormente, emplea el pincel con los rayos de luz, retoca un poco la imagen, incluye los puntos de luz y listo.Enlace: blog.SpoonGraphics [...]
March 12th, 2008 at 6:21 pm
Ah yeah ! great
March 12th, 2008 at 9:53 pm
Is this Tutorial for CS3 only? tried this in CS and some features aren’t working….. Will it work at least in CS2?
March 13th, 2008 at 5:01 am
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
March 13th, 2008 at 7:56 am
Fantastic tutorial: Real quality
March 13th, 2008 at 8:33 am
Thanks for sharing! This is great, I mean amazing
March 13th, 2008 at 11:04 am
Very cooll !
March 13th, 2008 at 10:34 pm
Nice and simple!!
March 14th, 2008 at 6:21 am
Your work is inspiring, your tutorials are the most useful ever! thanks bunches!~
March 14th, 2008 at 5:17 pm
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.
March 15th, 2008 at 1:57 pm
hi
I’m korea girl.
nice to me to
your tutorials very good!
March 18th, 2008 at 1:40 am
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.
March 23rd, 2008 at 4:05 am
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!
March 26th, 2008 at 4:55 am
[...] Light Streaks Tutorial Date March 25th, 2008 Filed in Design [...]
March 26th, 2008 at 6:07 am
[...] How to Create Intense Light Streaks in Photoshop [...]
March 28th, 2008 at 11:42 am
[...] How to Create Intense Light Streaks in Photoshop at [...]
March 30th, 2008 at 2:42 pm
very nice
March 31st, 2008 at 3:49 am
[...] How to Create Intense Light Streaks in Photoshop - from Blog.Spoon Graphics [...]
April 1st, 2008 at 4:57 pm
you need to be more detailed, most of us arent professional designers
April 1st, 2008 at 10:27 pm
Cool! Nicely done.
April 2nd, 2008 at 3:24 am
this is great!
April 3rd, 2008 at 3:10 pm
[...] How to Create Intense Light Streaks in PhotoshopThis tutorial shows you how to create light streaks that appear to flow around an object. [...]
April 7th, 2008 at 7:25 am
thanks alot
April 8th, 2008 at 5:00 pm
nice
April 8th, 2008 at 7:44 pm
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?
April 9th, 2008 at 12:56 am
[...] How to Create Intense Light Streaks in PhotoshopThis tutorial shows you how to create light streaks that appear to flow around an object. [...]
April 9th, 2008 at 2:55 am
Fun! I chose purple.
April 9th, 2008 at 8:31 am
[...] Read Tutorial No Comments Leave a Commenttrackback addressThere was an error with your comment, please try again. name (required)email (will not be published) (required)url [...]
April 9th, 2008 at 5:42 pm
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
April 9th, 2008 at 5:47 pm
cool, cool,
but make a movie clip? kinda hard to understand by reading
April 11th, 2008 at 9:59 pm
exelente 1000 gracias
April 14th, 2008 at 6:47 pm
[...] How to Create Intense Light Streaks in Photoshop This tutorial shows you how to create light streaks that appear to flow around an object. [...]
April 16th, 2008 at 10:30 am
[...] Intense light streaks (perhaps not that basic) @ Spoongraphics [...]
April 17th, 2008 at 3:22 pm
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
April 18th, 2008 at 12:10 am
This needs to be much more detailed for people who aren’t very good with Photoshop yet.
April 18th, 2008 at 12:58 am
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.
April 21st, 2008 at 9:43 am
[...] How to Create Intense Light Streaks in Photoshop This tutorial shows you how to create light streaks that appear to flow around an object. [...]
April 22nd, 2008 at 12:43 pm
[...] How to Create Intense Light Streaks in Photoshop This tutorial shows you how to create light streaks that appear to flow around an object. [...]
April 30th, 2008 at 1:54 pm
Great job! shame, not enough details.
May 2nd, 2008 at 5:06 am
great work!
May 3rd, 2008 at 10:49 pm
Wow wonderfull effects,thx
May 4th, 2008 at 10:51 am
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=)
May 9th, 2008 at 11:46 pm
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