Fireworks Tutorials

Use this collection of tips, tricks and tutorials to make your Fireworks sessions more productive and fun! We will help you to get the most out of your program, whether you use Fireworks MX 2004, Fireworks 8, CS3 or the latest Fireworks CS4!

  • Home-made Fireworks tutorials you can't find anywhere else!
  • A list of quality external Fireworks tutorials ranging from basic to advanced skill levels.
  • Take the lessons home in user-friendly Adobe PDF documents!

 



Our Latest Tutorials
All of our home-made tutorials require at least intermediate graphics skills and a working knowledge of Fireworks. For basic-level tutorials, see our External Tutorials: Beginner secton.


Animated Beating HeartAnimated Beating Heart

You don't need much to create cool animations with Fireworks: this tutorial shows you how to make a beating heart animation using only a single Auto Shape, a preset style and a couple of handy commands. If only getting real love would be this simple!

 

 

Parallel Crossfading of imagesParallel Crossfading

Image transition is a popular animation technique. In this exercise you will see how to fade one image into another, using only Fireworks animated symbols.

 

 

Fireworks CS4 StampFireworks CS4 Stamp

Fireworks CS4 is nearing its official release, so this is a good opportunity to take a look at this funny little stamp I created for the occasion. A free filter and a commercial plugin were used to create this image. Spread the Fireworks love!

 

 

Circular Arrows with AutoshapesCircular Arrows with Autoshapes

Donuts + Arrows. Those two Auto Shapes are the only objects used to create this cool graphic. Yet another example of the effective manipulation of Auto Shapes, this article was inspired by Matt Stow's path-based approach to the same challenge.

 

 

 3D-layered Diagram 3D-layered Diagram, Vista-style

Make your projects stand out! Learn how to make cool 3D diagrams using the Twist and Fade command and the Cube Auto Shape. It's the first tutorial that takes advantage of Fireworks CS4 capabilities, but compatible all the way back to MX 2004.

 

 

Animated Football tutorialLearn how to create 3D animation in Fireworks!

Create and animate a 3D football using only Fireworks and an optical illusion. Great for learning advanced animation techniques and masking. The resulting image can be used in website logos and Flash games. (An improved version of our tutorial has been re-published to the Adobe Developer Center.)

 

 

Watermark Command Tutorial logo Design your own Watermark Command

Create a command from scratch, using only the History Panel. No JavaScript knowledge required! (This tutorial won the first-ever Fireworks tutorial contest.)

 

 

Fireworks Autoshapes tutorial: Logo Create a Logo with Autoshapes

This tutorial demonstrates the effective manipulation of Fireworks Auto Shapes. The resulting logo is used in my award-winning watermark command tutorial.

 

 

Lightning Tutorial Logo

Lightning Effects Explained

Check out our very first tutorial published on this new site! It's about applying lightning and electricity effects through a Fireworks plugin called Alien Skin Xenofex 2: Lightning.

 

 

Do you have a Fireworks question that is not answered here? Ask us on the Fireworks Forum! Users just like you keep sharing Fireworks tips and tricks there, and some of those may end up published here.
Filter     Order 
Item Title Author Hits
Transferring animation projects from Fireworks to Photoshop SiamJai 517
Animated Beating Heart SiamJai 2094
Pixelization in Fireworks SiamJai 585
Parallel crossfading of two images SiamJai 1832
Fireworks CS4 Stamp SiamJai 2287
Circular Arrows with Autoshapes SiamJai 1720
3D-layered Diagram, Vista-style SiamJai 1826
Lightning Effects SiamJai 4101
Starwheel Logo SiamJai 3289
Your Own Watermark Command SiamJai 2654
Thaiwonders
Become a TW Design Member
XHTML Validation
CSS Validation
TW Design