23Oct
2007

Lens flare effects from scratch with Fireworks

Posted in Effects, Intermediate by Firetuts

 

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!

 

13 comments

  1. Gravatar Jayce says:

    Wow… The effect is nice.

  2. Gravatar Justin says:

    Thank you. Enjoy the tutorials!

  3. Gravatar kai says:

    nice tutorial!

  4. Gravatar minikperi says:

    simple thoughts excellent result.

  5. Gravatar kehinde isimi says:

    nice tutorial.Do you know how to do digital painiting or vectorize like in photoshop on fireworks.Thank you.

  6. Gravatar microsoft evista says:

    evista background evista animated

  7. Gravatar micheal says:

    This is a great tutorial! Thanks allot for the help!

  8. Gravatar Elliot says:

    Awesome Tutorial. Finally I have found a website were I can get great tips from.
    Good Work.

  9. Gravatar How to Get Six Pack Fast says:

    After reading this article, I feel that I really need more info. Could you suggest some resources ?

  10. Gravatar Keith D says:

    Fantastic effect.

    More fireworks tuts please.

    Keith D

  11. Gravatar Friday 2/5/10 | First Blog says:

    [...] http://firetuts.com/2007/10/23/lens-flare-effects-from-scratch-with-fireworks/ [...]

  12. Gravatar kombi fiyatlari says:

    ones described in the article is really interesting information, articles, and I wish you continued good work.

  13. Gravatar Text Glow effect | Cranioex Design + says:

    [...] effect is fairly simple but a bit tedious and requires some patience. Thanks to Justin’s lens flare tutorial for the Oil Splatter [...]

Leave a Reply