I’m taking a break from the Bellabean Coffee design series this week to show a quick example of my workflow with Adobe Fireworks from start to finish. In this quick tutorial I’ll demonstrate how to design a typical bar style navigation and then export the images for inclusion in an HTML document. The Fireworks PNG source file for this will be included at the bottom of this post. If you’re just starting out, you can download the 30-day full feature Adobe Fireworks demo here (note: A relatively painless account setup is required to download the free demo).

(more…)