50 Fireworks Tutorials for Designers

Although Fireworks doesn’t get as much attention as Photoshop, for web designers it can be as good or a better tool for many tasks as compared to Photoshop. One of the challenges of working with Fireworks is that most of us simply feel more comfortable in Photoshop because of having more experience with it. In the  absence of experience, quality tutorials can become a very valuable resource to help with the learning curve.

In this post we’ll link to 50 tutorials that will help designers to learn more about Fireworks and what can be accomplished with it.

The Abduzeetles Rockband Website in Fireworks

The Abduzeetles Rockband Website in Fireworks

Typography/Ink Blot Effect in Fireworks

Typography/Ink Blot Effect in Fireworks

Creating a Candy Button (video)

Creating a Candy Button (video)

Five Easy Steps to Create a Barcode in Fireworks

Five Easy Steps to Create a Barcode in Fireworks

Altes Wines Logo Tutorial

Altes Wines Logo Tutorial

Circular Shadows and Highlights

Circular Shadows and Highlights

Golden Seal

Golden Seal

Classy Personal Portfolio in Fireworks

Classy Personal Portfolio in Fireworks

Fireworks – Interactive Prototypes in PDF

Fireworks - Interactive Prototypes in PDF

Creating an Amazing Palm Pre Icon in Fireworks

Creating an Amazing Palm Pre Icon in Fireworks

LED Cinema Display in Fireworks

LED Cinema Display in Fireworks

Awesome Floral Type in Fireworks and Photoshop in 5 Minutes

Awesome Floral Type in Fireworks and Photoshop in 5 Minutes

Amazing Neon Lights in Fireworks

Amazing Neon Lights in Fireworks

Creating the iPhone Framework in Fireworks

Creating the iPhone Framework in Fireworks

Build a Promotional iPhone App Website Wireframe in Fireworks

Build a Promotional iPhone App Website Wireframe in Fireworks

Photo Realistic

Photo Realistic

Shiny Ribbon

Shiny Ribbon

Dot Matrix Effect

Dot Matrix Effect

Sticky Notes

Sticky Notes

Quick ‘N Dirty Outlines

Quick 'N Dirty Outlines

Fireworks CS4 Photoshop Integration (video)

Fireworks CS4 Photoshop Integration (video)

Image Slide Show in Adobe Fireworks (video)

Image Slide Show in Adobe Fireworks (video)

Masking in Fireworks CS4 (video)

Masking in Fireworks CS4 (video)

Fireworks CS4 Flex Skinning (video)

Fireworks CS4 Flex Skinning (video)

Fireworks CS5 with Device Central (video)

Fireworks CS5 with Device Central (video)

Fireworks 101 (and Part 2)

Fireworks 101

Fireworks CS4 Color Management (video)

Fireworks CS4 Color Management (video)

Fireworks CS4 Layout Tools

Fireworks CS4 Layout Tools

Page Curl in Fireworks Tutorial

Page Curl in Fireworks Tutorial

Gel Button Fireworks Tutorial

Gel Button Fireworks Tutorial

Inlayed Orb Fireworks Tutorial

Inlayed Orb Fireworks Tutorial

Creating an Old Paper Effect in Fireworks

Creating an Old Paper Effect in Fireworks

How to Create a Beautiful Web Hosting Layout Using Fireworks

How to Create a Beautiful Web Hosting Layout Using Fireworks

How to Create a Stylish Navigation Bar in Adobe Fireworks

How to Create a Stylish Navigation Bar in Adobe Fireworks

Text Wrapping

Text Wrapping

Inset Text Effect

Inset Text Effect

Old Paper Effect in Fireworks

Old Paper Effect in Fireworks

Creating Grunge Text Using Adobe Fireworks

Creating Grunge Text Using Adobe Fireworks

Fireworks Waterdrop

Fireworks Waterdrop

Gradient Text Logo Tutorial in Adobe Fireworks

Gradient Text Logo Tutorial in Adobe Fireworks

Sparkle in Adobe Fireworks

Sparkle in Adobe Fireworks

Tech Orb Interface (video)

Tech Orb Interface (video)

Creating a Fancy Text Effect in Adobe Fireworks

Creating a Fancy Text Effect in Adobe Fireworks

Fancy RSS Button Tutorial

Fancy RSS Button Tutorial

Motion Blur in Fireworks Tutorial

Motion Blur in Fireworks Tutorial

Creating an Icon in Fireworks

Creating an Icon in Fireworks

Create Vista-Like Wallpapers in Fireworks

Create Vista-Like Wallpapers in Fireworks

Create a Planet from Scratch with Fireworks

Create a Planet from Scratch with Fireworks

Glass Text

Glass Text

Highway Sign

Highway Sign

For more tutorials and resources please see:

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

10 Responses

Comments are now closed on this post.

  • Jeremy Grancher, July 21, 2011

    A great selection, thanks a lot !

  • Igors Brezinskis, July 22, 2011

    Intresting collection! Thanks for sharing!

  • Mason Hipp, July 22, 2011

    Agreed, very good selection of tutorials. Fireworks is really getting popular, I think more and more designers are realizing how much potential it has.

    If you’re interested in getting started: http://medialoot.com/blog/fireworks-for-beginners/

    Cheers :-)

    — Mason

  • Kate, July 27, 2011

    Im impressed with your harwork, I am into this field and i can’t stop saying that the tutuorials proved to be a help in my showreel..Thanks a TON!!!!!!!

  • jacob, July 27, 2011

    Very nice, lot of good designs . Thanks so much

  • cheap north face, July 30, 2011

    I’m glad to know what Themify can offer., the themes which are very striking are a plus. Thanks for the information.

  • aledesign.it, July 30, 2011

    A great list of ideas..So nice some works..portolio for first! Thanks for sharing.

  • Justin Carroll, August 1, 2011

    Wait. People still use Fireworks? ;)

  • Kemar, August 5, 2011

    Wow, Fireworks is gaining a loyal user base. Yes, Justin people still use Fireworks my friend. Take a look at this battery tutorial http://pixelignite.com/blog/view/battery_power
    to see what could be done!

  • kendra, August 12, 2011

    i LOVE fireworks and barely ever use photoshop anymore.