This time in Fireworks tutorial, I will teach you how to create a colourful glowing light trail. This is rather a simple tutorial that can be performed in only 6 basic steps. So get ready to create something like this:
First, create a dark blank canvas in any size of your choice. It is not necessarily black. For a better result, you can use a dark background image as well. But in this tutorial, I will use a blank black canvas.
Second, draw above shape using the Pen Tool and play around with the points using Subselection Tool(A) to get a smooth curve on the outline.
Draw a few of them with various orientation and curves. While in this process, you may want to put a bright color for the outline and transparent [#FFFFFF] for the fill color to make easier for you to work on a dark background.
When you are done with your shape, remove the outline color and fill the shape with any bright color. I am using #FFFF00 for this first shape of mine.
Now, we want to work with the glow. From the Properties pane at the bottom, click the + button next to Filters > choose Shadow and Glow > choose Glow. From the Glow setting, set the value as shown in the following screenshot.
The values are not fixed – you can play around with it until you like what you see 
And yeah, it is better to choose the same color of the glow with the color of the shape itself.
Optionally, you can alter the coordination of the shape using the Distort tool. This will make your shape are coming from the very back towards the screen – yeah right . But hey, you can try out.
As you create more and more shapes, combine them all – play around with the layers position. If you look at the green shape, I used the distortion method – making it thicker at one end and thinner on the other. Yes, you can manually do that, but thats another alternative.
Finally as you can see in the final outcome, I added few small circles around the shapes to enhanced the area.
Good luck!
Update: Here is the source file of the final result.
Fireworks layered PNG.
PreviousWordpress theme FTW 2.0
nice tutorial~
Simple tutorial and cute result. Good job!
thanks guys
umm, klau guna photoshop dpt jugak kan??
just a bit messy on the colour lah.
hurrm, btw what is the function of fireworks??
hope u can answ me.
Love the image presentation. The result are nice. Tapi aku rasa photoshop lagi best glowing effectnya, aku tak pernah cuba Fireworks
kalau org bt gmbar yg kete gerak laju gune skill yg camnih jugak ke??
nice tutorial… tapi kalo ditambah lagi glow kat keliling tu aku rase lagi bertambah menarik n tambahkan sedikit blur effect. blur effect tu maskingkan dalam layer tail tu. dalam fireworks leh wat camtu ke.? raseye dlm photoshop jekan..? tu pendapat aku je…
@draxter: yeah maybe PS nye effect lg best
@adib : eh rasenye x. tu gune cara yg lg advanced kot.
@shadowX_19 : oh boleh je dlm firework tp aku x buat kat situ. ehe
Awsome awsome awsome! Given me an idea and a very useful tutorial for wavy lines, thanks!
this is really cool!
It looks nice, but I could create the same graphic in Illustrator with a pen tool that gives me better control of points and beziers.
Where’s the animation part?
Uaall…mui bien….
I fron Brazil….
Cara muito bom…
vallews pela dica…
abraço…
By…By…
Very Good!!!
Great tutorial.
But I cant do like this
I must work hard
This tutorial sucks.
Thanks very much, I’ll try this
thanks!
fire works are very entertaining.
=========
Brook
Social Bookmarking
Very nice tutorial. I’ve just tried to do the same (or a nice similar one) with Fireworks 4.
Cool!!! Thank you!!! A new client of my web design agency (Uuuu!!!) could be satisfied with this technique on his new website.
Thank you (sorry for my bad English: I’m italian)
nice tutorial
Türkçesi yok mu bunun?:(
very good, thanks
Thanks for the tutorial – its a pretty funky look. What font do you use in this one? Its pretty funky.
Great piece of work… I’m certainly goung to use this somewhere in the future.
We need all the fireworks tutorials we can get.
Thanks for sharing.
Keith D
bhut hi achha hai ..par agar yeh kam nahi kiya toh tum log dekh lena samge..isay majak muth sumaj na…
i love you reegan thanx 4 telling me about this website…luv u hunni
nice tutorial…..thanx:)
It’s a piece of cake
Very nice, the resultate is beauty
yo man..a lil bit helo here..the shapes are still alil bit blury in mine..how can i fix it
i really like this effect and must try with some of my own tutorial may be. thanks
Thank you for the nice tutorial
DVKsY4 xmaghubpayoj, [url=http://tipifpdnrnti.com/]tipifpdnrnti[/url], [link=http://elhavwkgqfhm.com/]elhavwkgqfhm[/link], http://ougyhwykdaty.com/
Great job., b2k downloadable free Nokia ringtone, kmbqj, chespirito ringtone, 6177, chevys ringtone, 73354, chewbacca mp3 ringtone, 8-DD, chesney kenny ringtone summertime, 26058, b2000 free LG mobile ringtone, >:-], Chevrolet corvette mobile phone ringtone z06,
, chesney free kenny ringtone, nzu, b2k free i love Nokia ringtone why, 086246,
Great job., axel crazy download f frog ringtone, =((, axel crazy frog ringtone, gvnveg, chutney ringtone, 80779, ax5000 LG ringtone, 9160, axel f crazy frog ringtone, 024941, chutney ringtones, cgf, axel crazy f frog ringtone, %-], axel f ringtone free, wunfp, axel crazy f free frog ringtone, cwgm,
Clear and fine desigh., Cingular ringtone for prepaid phone, 859840, Cingular ringtone king, zhasr, Cingular ringtone make, %-DD, Cingular ringtone download, pyk, Cingular ringtone LG, zdrgt, Cingular ringtone coupons, 316348, Cingular ringtone format, %-OO, Cingular ringtone composer, rzj, Cingular ringtone free v400, 1952,