2007
Lens flare effects from scratch with Fireworks
This tutorial is inspired by this one, which was inspired by what the author found here. Basically you can take pretty much any good logo and add a nice glowy lens flare effect on it. Here the WordPress logo will be used. I’m a WordPress fan anyway. I’m going to show you how to do just that with Fireworks.
1. Grab the logo and put it on a black canvas.
2. Make a rectangle and set its fill to radial gradient with blue (#0066CC) on both ends. Set its outer edge to 0% opacity. Put it underneath the logo and you will get a blue glow.
3. Now draw a white shape with the exact size and shape to the logo, this one is a perfect circle. Using the subselection tool, select the top vector point and delete it.
Set the edge to Feather, value 70. Put it between the logo and the glow. Now you have a more interesting glow.
4. Now draw another exact shape on top of the logo and set its fill to radial gradient, white on both ends and outer edge 0 opacity. You will get a white glow in the center, then move the gradient position to the bottom left. This is where we want the ‘light’ to leak out, but you can position it anywhere you want.
5. This step is a little long. Draw a line and shape it with the free transform tool into a semicircular line outlining the bottom side of the logo. Configure it to the following:
Color: #CCCCCC
Edge: 20
Texture: Chiffon 30%
Brush: Oil>>Splatter
Edit Stroke>>Advanced: Spacing: 60%, Size: 48
6. Draw a small white circle with Feather edge 100%. Move it to the ‘leak’ point. In this case its the bottom left.
7. Draw a bigger circle with invisible fill, and white outline. Set the outline to size 15 and 100% edge, and its opacity to 5%. Position that on the ‘leak’ point.
And there you have it. A decent lens flare effect.
Tweak all you want and you can do wonders. The power lies in your creativity!


























November 19th, 2007 at 9:32 am
Wow… The effect is nice.
November 19th, 2007 at 3:13 pm
Thank you. Enjoy the tutorials!
March 18th, 2008 at 1:33 pm
nice tutorial!
March 28th, 2008 at 5:41 pm
simple thoughts excellent result.
July 31st, 2008 at 6:33 am
nice tutorial.Do you know how to do digital painiting or vectorize like in photoshop on fireworks.Thank you.
September 20th, 2008 at 9:50 am
evista background evista animated
September 26th, 2008 at 1:38 am
This is a great tutorial! Thanks allot for the help!
April 10th, 2009 at 10:47 pm
Awesome Tutorial. Finally I have found a website were I can get great tips from.
Good Work.
April 15th, 2009 at 4:37 pm
After reading this article, I feel that I really need more info. Could you suggest some resources ?
April 20th, 2009 at 9:38 am
Fantastic effect.
More fireworks tuts please.
Keith D
February 8th, 2010 at 4:24 pm
[...] http://firetuts.com/2007/10/23/lens-flare-effects-from-scratch-with-fireworks/ [...]
July 12th, 2010 at 11:06 am
ones described in the article is really interesting information, articles, and I wish you continued good work.