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 the 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 or follow on Twitter.

Sponsored Links:

More content from:

16 Comments

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

Great Tut.. Fireworks rocks :D

Complicated, but it looks better :D

nice effect

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

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

The light effects are superb.Very useful for designers.

Very very very cool!

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 !

really relyyyyy coool!
i love it

Excelent effect!!!

Really Creative !!! Good Tutooo !

Allivan Solutions By Ivaned_8

Nice. Looks like my dated version of fireworks is missing some of these options. Blur options, paint brush, etc are all a bit different but I was ale to manage recreating the effect to a degree. Thanks.

:( can someone please give me the exact way how to get to the stroke options? my ps is in a different language, and i just cant seem to be able to find anything with options similar to what you screenshoted :(

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here? Click Here.