Light Painting in Fireworks

Last month we had written an post announcing that we would write 4 tutorials on how to create Light Painting in Photoshop, Fireworks, Pixelmator, and GIMP. The first was the Photoshop, and you can check it out at Create a Glowing Light Painting Effect. Today we will show you how to create the effect in Fireworks.

I have to say, I took quite sometime trying to find the right combination of effects and blend modes, however I believe I have found the simplest one, and achieving practically the same result as in Photoshop

Step 1

Open a new document, the image I used can be found here.

Light Painting in Fireworks

Step 2

Now get an image of The Beatles Abbey Road cd.

Light Painting in Fireworks

Step 3

With the Pen Tool(P) lets create paths, you can use white for the stroke color. Tip: Don’t use fill.

Light Painting in Fireworks

Step 4

Here lets change the stroke settings, to do that, select all paths and then go to the type of Stroke and select Stroke Options... Use the image below for reference and values.

After that click on the Advanced button. Play with the settings to see how they change the strokes, then just group the paths.

Light Painting in Fireworks

Light Painting in Fireworks

Step 5

Duplicate the group 3 times so there will be 4 groups. After that apply a Gaussian Blur with 2 radius to the 2 groups on the top. Then select the 4 groups and change the Blend Mode to Overlay.

Light Painting in Fireworks

Step 6

The Beatles are shining, now we have to do the crosswalk. Create a rectangle (it will use the same stroke settings we used before). Copy this rectangle several times, after that aling and distribute them like the image below. Then group the rectangles.

Light Painting in Fireworks

Step 7

Use the Distort tool to adjust the perspective of the rectangles. Use the photo for reference and try to follow the vanish points. After that add a Gaussian Blur with 1.3 radius and change the Blend Mode to Overlay. Duplicate this group to make it brighter.

Light Painting in Fireworks

Light Painting in Fireworks

FINAL RESULT

Light Painting in Fireworks

About author

User picture

I'm from Brazil, co-founder of Zee with Fabio. Nowadays I like to play with Fireworks, Photoshop and improve my skills in CSS. If you wanna request some posts, please feel free to contact me.

This author is brought to you by:

Tradd.us - Contextual Translator

Omo...
U tight scatter...
That's a Nigerian "pidgeon" way of saying: "Bro' U're really good"
Just wondering... I really love Graphics & hope to go into CG someday,
Can U give me tuts as a novice !
PLEASE; can U hook a brotha up !

Sunny's picture
Sunny (not verified) 06/20/2008

Very very very cool!

Aaron's picture
Aaron (not verified) 06/17/2008

The light effects are superb.Very useful for designers.

Rajita - Logo Design's picture
Rajita - Logo Design (not verified) 05/14/2008

This looks really good, and your instructions are very clear and easy to understand. Great Job! I hope you post more tutorials like this.

Artist Anika's picture
Artist Anika (not verified) 05/12/2008

Wow, looks great. Makes me want to upgrade from my ancient version of Fireworks MX =-(.

Dochere2's picture
Dochere2 (not verified) 05/10/2008

nice effect

Przepisy's picture
Przepisy (not verified) 05/09/2008

Complicated, but it looks better :D

Markus's picture
Markus (not verified) 05/09/2008

Great Tut.. Fireworks rocks :D

Everson J. Pereira's picture
Everson J. Pereira (not verified) 05/09/2008

Awesome! Keep this great job! Fireworks rocks!!!

lonstile's picture
lonstile (not verified) 05/09/2008

Post new comment

The content of this field is kept private and will not be shown publicly.
If you have a Gravatar account, used to display your avatar.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.

Wallpapers

Abduzeedos - flickr pool

Participate! Join the Abduzeedos' flickr group

Interviews

  • Chuck Anderson Interview

More in Interviews