Adobe recently started a slow push away from supporting Fireworks since CS6. But it’s still quite the popular(and affordable) software amongst web designers. You can build vector and bitmap objects to mockup wireframes, website layouts, icons, and similar graphics.
In the past we’ve put together a Fireworks web design tutorial on website navigation. The program is quite forgiving and it’s easy to learn with a bit of practice. So in this gallery I’ve compiled a series of 20 brilliant Fireworks tutorials made for newer web designers. You’ll learn how to create smaller graphics like buttons or banners, all the way up to full webpage layouts.
Rock Band Website
Game Center Layout
Grooveshark UI
Apple Air Banner
Personal Portfolio
Abduzeedo Job Board Banner
Interactive Prototype in PDF
Wellknown.as Website Tutorial
Hosting Layout with Fireworks
Creating an icon in Fireworks
Export CSS & Images with Fireworks
Creating a Basic Wireframe
iPhone App Icon with Fireworks
iCloud Logo Design
Siri Icon Design
3D Text Effect
Complex Vector Shapes
Leather Button UI
Pretty Login Box
Clean Website Template
Check out these other related web design tutorial galleries:
25 Adobe Dreamweaver CS6 Tutorials for Web Designers
32 Photoshop Tutorials for Creating Web & Mobile Graphics
Author: Jake Rocheleau
Jake is a creative designer, illustrator, and web developer. He frequently writes articles involving new-age design concepts and freelance management skills. You can find him in Google or follow his tweets @jakerocheleau
