In Tutorials Apr 29, 2008136
How to Create Brilliant Light Streaks in Photoshop
Lighting effects have become quite popular, and are an effective way to add bright eye catching details to a photo or illustration. In this tutorial, you will learn a simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs.
Step 1
First, lets create a nice background for our effect. Open up a new Photoshop file, and fill the background with black. Now, create a new layer and fill it with white. We will use the Lighting Effects filter (Filters > Render > Lighting Effects) on this layer to create a nice soft gradient. Next to the Intensity slider, choose any color that you like as long as it is somewhat dark. For this example, I have chosen a dark pink/purple.
Step 2
Now lets create a light from which all of our streaks will be created. Start by creating a new layer and setting it’s blend mode to screen. Then use the Elliptical Marquee Tool to make a circular selection and Feather(Select > Modify > Feather) it with a value of 20 pixels. This will give our light a nice glow around the edges. Using the Radial Gradient Fill tool, we are going to give it some color and intensity. I like to use 3 colors for the gradient. The first and inner most color should be white or something close to it. Make sure to start the fill in the middle of your selection and end it a the edge.
Step 3
Make a copy of the light layer that we just created, and hide the original. You will need it later to make additional streaks. Now, lets scale(Edit > Transform > Scale) the light so that it is much flatter. Doing this allows you to control the thickness of your streak.
Step 4
Now we get to start having fun. To give our light that streak look there are two filters we can use: Wave(Filter > Distort > Wave) and Twirl(Filter > Distort > Twirl). By using Wave, you can achieve some very nice looking irregular paths for your light. Like any other filter with sliders, it takes some tweaking to achieve the result you are after, but you will probably need to up the wave length and amplitude considerably. Also, try applying the Wave filter multiple times to the same layer.
The Twirl filter will give you a streak that is moving in a more radial type of path.
Also, don’t be afraid to combine the two. By doing so you will be adding more detail to each streak, and making the overall effect more interesting.
136 Comments
Apr 29, 2008
A very simple yet powerful effect, thanks!
Apr 29, 2008
really nice effect!
Apr 29, 2008
nice one, dude!!!
Apr 29, 2008
nice tutorial! looks good.
May 1, 2008
Hey, nice tutorial. I’ll try this out and see what else I can apply it too. Would be good for smaller images and icon backgrounds as it is quite eye catching.
Thanks,
May 1, 2008
very cool tutorial, thanks for this!!
May 6, 2008
Awesome simple yet eye-catching effect. I hope to use it in one of my sites
Thank you-
May 7, 2008
[...] friend Henry Jones has whipped up an amazingly simple but effective Photoshop tutorial on creating dramatic light streaks. The end result could be used for anything from desktop wallpapers to website background [...]
May 8, 2008
Really cool effect, thanks for sharing
May 12, 2008
Amazing how simple it is to achieve this effect. Great tutorial, thanks!
May 12, 2008
Thats a brilliant tutorial there, shows how easy Photoshop can be… I can’t afford the software, but this will be good to know if I get to use it at school.
May 12, 2008
That’s a very nice effect, and very well explained. Gonna have a play
May 13, 2008
Good site I “Stumbledupon” it today and gave it a stumble for you.. looking forward to seeing what else you have..later
May 13, 2008
I’ve never seen it done that way. Very cool. Thanks.
May 13, 2008
thank u gr8 effect
May 14, 2008
Very cool, stumbled.
May 14, 2008
Well Done.
May 14, 2008
That’s pretty nifty. I’m gonna try it and see how mine comes out.
May 15, 2008
On my Photoshop program, the Lighting Effects doesn’t work. When i am on render under filter, the lighting effects letters are not black, however they are a translucent grey.
May 15, 2008
love the effect.
May 16, 2008
the effect only works on RGB images for those of you who can’t use photoshop help
May 17, 2008
Wow, really nice effect. I never thought it would be so simple to create these streaks.
May 17, 2008
Awesome Tutorial! The possibilities of what you can achieve with this simple technique is endless. Thanks for posting this.
May 17, 2008
Nice, I usually use the pen tool to make streaks of light, I think I can use this.
May 17, 2008
Nice tutorial.
Stumbled it!
May 21, 2008
great effect.
but im having a problem at step 4
ive shrunk the thing down to narrow and thin(ish) and then when i try and apply any effects it doesnt do it. well it does do it, but they have no noticeable affect (the white bit gets a little bit blurred at the most). anyone care to shed some light?
thanks in advance,
regards john.
May 22, 2008
cancel that last comment
i’d just shrunk the thing too much. works fine now
stumbling it now.
May 22, 2008
john,
Glad to hear that you figured it out.
May 22, 2008
Sick tutorial, great effect = love it! Thank you for taking the time to show us the process.
May 25, 2008
nice one..you could just twirl a rectangle to get a similar effect, but the varying pressure in this one makes it much better! thnx..
chk out my blog too if anyone is interested in wallpapers and tutorials.. mind it i am still an amateur!!
[thephotoshopper(dot)blogspot(dot)com]
May 26, 2008
this is great, i just hope that no one over uses it…but alas…it will most likely happen.
May 27, 2008
Nice technique, I have been looking for something like this for a while. Good stuff!
May 28, 2008
What a simple way… thanx!
May 28, 2008
Nice one, simple but very cool!
Jun 2, 2008
Great, thanks!
Jun 2, 2008
Cool! Thanks! I’ll definitely use the technique you described for creating wavy lines.
Jun 5, 2008
nice
Jun 14, 2008
hey henry,
at step 4 im on the copied layer and i want to apply the filter (filter > distort) but under distort the only active option is “lens correction”? cant select anything else (wave/twirl)
loving the effect though, once completed..
hahah
Jun 14, 2008
Hey,
This is awesome!
Great!
Jun 18, 2008
ohh man i know i will sound a lil noob
bt m nt geting the secon step.plz help
Jun 25, 2008
Very nice tutorial, thanks I learned something new
Jul 1, 2008
Good and easy effect thx again
Jul 6, 2008
Hi. I cant find the Elliptical Marquee Tool for step 2. I have Adobe CS 2, does that matter? I cant find it T_T
Jul 7, 2008
very nice but i have one problem on step2… where can i find the Radial Gradient Fill tool?
thx
Jul 7, 2008
@Tom – If you click on the Rectangular Marquee Tool, you will see the Elliptical Marque along with some others.
@jookeer – If you click on the Gradient Tool in the tool bar, you will find the Radial Gradient Tool at the top.
Hope that helped.
Aug 2, 2008
Wow i like it it’s so cool I did one But i don’t Look the same!!
http://i248.photobucket.com/albums/gg162/machbr10/Twril.jpg
Aug 3, 2008
I’ve go a problem with step 2.
How do you change the color of the radial gradient tool ?
I clicked on ‘gradient tool’ on the left,
then, on the upper part of the screen, I clicked on ‘radial gradient’
If I drag a line, I just get a white light there…
Help would be much appreciated because I’m new with photoshop.
Aug 11, 2008
Simply S U P E R B….
Sep 8, 2008
gr8 effect thanx for sharing
Sep 10, 2008
[...] How To Create Brilliant Light Streaks [...]
Sep 22, 2008
I will try this one later very attractive tutorial and I would say that is Brilliant two thumbs up for you.
Sep 25, 2008
how do you make the layers overlap in a way that gives the 3d effect? i tried this technique and mine came out much flatter, because i didnt get the twirls overlapping in a way that makes it look like it has depth.
it still looked good, but not as polished as your finished product
Oct 2, 2008
Creating a Brilliant Light Streaks in Photoshop…
In this tutorial, you will learn a simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your photoshop designs.
……
Oct 2, 2008
Looks good! Only thing I would choose to do differently is make it in black and white first then add colour at the end with the ‘Color Balance’ tool. Lots of control, and very visual.
Oct 11, 2008
looks nice with easy to use settings..
Oct 11, 2008
Wow! Nice effect! Thanks for sharing!
Oct 16, 2008
Very cool effect! Loved it!
Oct 17, 2008
that looks so cool
Oct 17, 2008
love this !!!!!!!!!!!!it reallii helped a lot!!!!!!!!!!!!!!!:)
Oct 18, 2008
Pure awesomeness, man.
Oct 19, 2008
brilliant thanks alot ill achive it soon !!!
Oct 19, 2008
Great work and keep it up…….
Oct 19, 2008
simple yet very fantastic, thanks!
Oct 19, 2008
wow wow wow great effect and i love it so much
i will put one like that in my site logo
Nov 4, 2008
cool effect..exellent work..
Nov 7, 2008
Great effect, and easy to replicate. I think I’m going to have fun with this while I try to create some new ads.
Thanks for the tip!
Ashley
Nov 15, 2008
holy!!! i dont believe it was that simple!!!!!!
awesome tutorial!
Nov 25, 2008
Cheere brother. Exellent Work
Dec 1, 2008
Thanks broo, simple but nice technique. i like it
Dec 5, 2008
esta muy bueno este tutorial
tu nota es de 20 puntos.
Dec 15, 2008
really nice effect, the haeviest part is to translate it for me into german =)
Dec 27, 2008
i folllow all steps but i don’t know why something wrong after step 4 i can’t do perfect wave and twirl i use cs2, cs3 but still i can’t. could someone explain me i’ll appriceate. thank you.
friendstore@hotmail.com
Dec 28, 2008
love the effect.
thx a lot
Dec 28, 2008
thank you for this tutorial
Jan 10, 2009
Erm.. Im having trouble creating the Light source in the center of the layer. I set the gradient and everything, but it still just stays blank.
Help please?
Jan 21, 2009
Very nice tutorial. As a web designer, this will definately help me with some of the abstract background designs that I can do for my clients…Keep it up!!
Feb 8, 2009
[...] How To Create Brilliant Light Streaks in Photoshop [...]
Feb 15, 2009
A really cool effects, inspirative!
Feb 24, 2009
Very Nice Tutorial
Feb 28, 2009
thank you for the tutorial
Mar 12, 2009
wow, cool, tks
Mar 19, 2009
very good, thanks
Mar 26, 2009
Hi. Very cool tutorial. Could you tell me which kind of effects have you appied to the image? I can’t reach the same effect and i like it so much.
Thank you
Apr 14, 2009
[...] Brilliant Light Streaks Simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs. [...]
May 5, 2009
Very nice tutorials and thank you for sharing!
May 15, 2009
[...] How to Creat Brilliant Light Streaks in Photoshop [...]
May 26, 2009
[...] How to Creat Brilliant Light Streaks in Photoshop [...]
May 27, 2009
[...] How to Create Brilliant Light Streaks [...]
May 31, 2009
Great one! Super handy!! I’ve been pissing around with brushes trying to get the same effect – and failed!
Jun 6, 2009
[...] 72. How to Create Brilliant Light Streaks in Photoshop [...]
Jun 9, 2009
my one looks somethin like that :/ great tut, really helps out
Jun 12, 2009
can sombody explain the second step??? i need some help great toturial awsome effect!!!!
Jun 17, 2009
OMG!
this is somewhat easy compare to the others…
thanks alot dude!
it’s worth reading and trying.
kudos!
Jun 28, 2009
wow this is easier than i thought.
great tutorial.
Jun 29, 2009
[...] Brilliant Light Streaks Simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs. [...]
Jul 3, 2009
[...] How to Create Brilliant Light Streaks in Photoshop [...]
Jul 5, 2009
How to Create Brilliant Light Streaks in Photoshop…
In this tutorial, you will learn a simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs….
Jul 7, 2009
[...] How to Create Brilliant Light Streaks in Photoshop [...]
Jul 8, 2009
My apologies I was in 16-bit…
Cheers
Jul 9, 2009
[...] #1 – How to Create Brilliant Light Streaks in Photoshop [...]
Jul 13, 2009
[...] How to Create Brilliant Light Streaks in Photoshop [...]
Jul 16, 2009
[...] How to Create Brilliant Light Streaks in Photoshop: http://designreviver.com/tutorials/how-to-create-brilliant-light-streaks-in-photoshop/ [...]
Jul 16, 2009
I tried to do this, but for some reason my attempt at Step 2 didn’t come through…. I used the circular marquee tool, and than used the gradient overlay and I got nothing…..
Jul 16, 2009
I also set the blend mode to Screen….
Jul 16, 2009
never mind…. lol
Aug 27, 2009
[...] 4.How to Create Brilliant Light Streaks in Photoshop [...]
Aug 27, 2009
[...] Brilliant Light Streaks Simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs. [...]
Sep 9, 2009
[...] ???????(How to Create Brilliant Light Streaks) [...]
Sep 14, 2009
Nice tuto!! Thanks!
Sep 15, 2009
[...] Brilliant Light Streaks Simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs. [...]
Sep 15, 2009
[...] Photoshop Tutorial »How to Create Brilliant Light Streaks« würde ich ganz klar in die Rubrik »Photoshop Quick Tipp« einordnen, zeigt es doch in 4 [...]
Sep 16, 2009
[...] Tenéis el Tutorial en el siguiente link: Ver Contenido‘ [...]
Sep 20, 2009
One of the best and easy tutorial ever O_O
THanks so much
Sep 24, 2009
[...] http://designreviver.com/tutorials/ how-to-create-brilliant-light-streaks-in-photoshop/ [...]
Oct 2, 2009
[...] Brilliant Light Streaks Simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs. [...]
Oct 5, 2009
[...] How to Creat Brilliant Light Streaks in Photoshop [...]
Oct 5, 2009
[...] Brilliant Light Streaks Simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs. [...]
Oct 7, 2009
Great tutorial !
Very easy and simple ! Thanks for sharing with us !
Oct 8, 2009
This is the BOMB! Sorry, been listening to Spotify too long today! Seriously cool and simple effect.
Thanks!
Oct 17, 2009
[...] How to Create Brilliant Light Streaks in Photoshop [...]
Oct 20, 2009
WoW
Awesome Tutorial. Easy and well explained . Fantastic to learn. Thanks to share this nice tutorial.
Nov 2, 2009
very nice !
Nov 2, 2009
really nice effect!
thanks.
Nov 3, 2009
[...] How to Create Brilliant Light Streaks in Photoshop [...]
Nov 5, 2009
Thanks for sharing
ASP.Net Hosting
Nov 6, 2009
Thanks for the info. Very helpful !
ed hardy men hoodies
Nov 8, 2009
Nice one – just used this recently!
Nov 11, 2009
[...] Como crear brillantes rayas con luz [...]
Nov 14, 2009
Realy nice trik..
Nov 21, 2009
[...] Create Brilliant Light Streaks in Photoshop [...]
Nov 22, 2009
love this it reallii helped a lot
i like this
Dec 9, 2009
[...] Brilliant Light Streaks Simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs. [...]
Jan 27, 2010
this information most important for me.
thanks…
Jan 28, 2010
[...] 4. How to Create Brilliant Light Streaks in Photoshop [...]
Feb 4, 2010
[...] How to Create Brilliant Light Streaks in Photoshop [...]
Feb 9, 2010
wow it really worked!!
and it’s cool. good job
Leave a Comment