Light Painting in FireworksListThumbs

Light Painting in Fireworks

May 09, 2008

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:

Help us to share this!

21 Comments

lonstile05/09/2008

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

Everson J. Pereira05/09/2008

Great Tut.. Fireworks rocks :D

Markus05/09/2008

Complicated, but it looks better :D

Przepisy05/09/2008

nice effect

Dochere205/10/2008

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

Artist Anika05/12/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.

Rajita - Logo Design05/14/2008

The light effects are superb.Very useful for designers.

Aaron06/17/2008

Very very very cool!

Sunny06/20/2008

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 !

Anonymous11/05/2008

really relyyyyy coool!
i love it

Angel11/09/2008

Excelent effect!!!

ivaned_801/02/2009

Really Creative !!! Good Tutooo !

Allivan Solutions By Ivaned_8

Doc Campbell01/05/2009

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.

w7e03/30/2009

:( 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 :(

Anonymous08/23/2009

Hi there...

im very new to fireworks (1 week) & never used photoshop. Do you know how to make faces/arms look slimmer like they do in magazines?

Keep up the good work.

Thank you in advance.

R

=)10/28/2009

omg, this is sooo cool =)

OyunCambazi11/12/2009

I'm really very useful to follow a long-time see this as a blog here Thank you for your valuable information.

peynir
- peynir yap?m? ve hakk?nda di?er her?ey.
kulevinç Kulevinç hakk?nda arad???n?z her?ey.

Anonymous11/17/2009

I would say this is good, but its not. Its just a cheat way of doing something that involves a lot of skill. Light painting is when you take a picture with a long exposure and draw in the air with a bright light. It looks better when done properly. look aat tuff done by Toby Keller, or the animation group Pika Pika.

Nabil11/19/2009

excellent tutorial! help me understand fireworks features better! :D

but it would be awesome if you could make a post explaining about when to change the pressure, angle, speed, etc setting. For some of this setting, I've tried to change from its maximum value to its minimum but see no difference.

Thanks for this tutorial! :)

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?