Home > Graphics > 50 Fireworks Tutorials for Designers

50 Fireworks Tutorials for Designers

July 21st, 2011

Get vSlider, a versatile jQuery slider plugin, for subscribing to our weekly newsletter

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:


Save on hosting with our favorite host, Eleven2. Enter the promo code “vandelay” to save:

  • 20% off each month for the first 12 months on shared hosting.
  • 30% off your first month on a cloud hosting account.

Comments are closed.