35 Excellent Adobe Fireworks Tutorials

Adobe Fireworks often gets overshadowed by Photoshop, but it too can be an excellent tool for designers. If you’re not experienced with Fireworks you may want to browse through some online tutorials to get a feel for the program. In this post we’ll feature 35 of the best tutorials for Fireworks.

How to Create a Stylish Navigation Bar in Adobe Fireworks

How to Create a Stylish Navigation Bar in Adobe Fireworks

Create a Collage by Fading Images in Fireworks CS4

Create a Collage by Fading Images in Fireworks CS4

Masking in Fireworks CS4 (video)

Masking in Fireworks CS4

Fireworks 101 (video) and Fireworks 101 Part II (video)

Fireworks 101

Fireworks CS4 CSS Export (video)

Fireworks CS4 CSS Export

Fireworks CS4 Color Management (video)

Fireworks CS4 Color Management

Fireworks CS4 Layout Tools (video)

Fireworks CS4 Layout Tools

Build a Professional iPhone App Website Wireframe in Fireworks

Build a Professional iPhone App Website Wireframe in Fireworks

Create a Vibrant Digital Collage Mixing Buildings and Vector Shapes on Paper

Create a Vibrant Digital Collage Mixing Buildings and Vector Shapes on Paper

Creating Fading Light Vectors in Fireworks

Creating Fading Light Vectors in Fireworks

LED Cinema Display in Fireworks

LED Cinema Display in Fireworks

The Abduzeetles Rockband Website in Fireworks

The Abduzeetles Rockband Website in Fireworks

Website Design Tutorial: Wellknown.as Case

Website Design Tutorial: Wellknown.as Case<

Creating an Amazing Palm Pre Icon on Fireworks

reating an Amazing Palm Pre Icon on Fireworks

How to Use Quick Mask

How to Use Quick Mask

Awesome Light Effects in Fireworks Inspired by James White’s O Series

Awesome Light Effects in Fireworks Inspired by James White's O Series

Awesome Floral Type in Fireworks and Photoshop in 5 Minutes

Awesome Floral Type in Fireworks and Photoshop in 5 Minutes

Classy Personal Portfolio in Fireworks

Classy Personal Portfolio in Fireworks

Amazing Neon Lights on Fireworks

Amazing Neon Lights on Fireworks

Creating the iPhone Frame on Fireworks

Creating the iPhone Frame on Fireworks

Circular Shadows and Highlights

Circular Shadows and Highlights

Dot Matrix Effect

Dot Matrix Effect

Extracting Logos

Extracting Logos

Designing for Mobile Devices Using Fireworks CS4

Designing for Mobile Devices Using Fireworks CS4

Golden Seal

Golden Seal

Photo Realistic

Photo Realistic

Create Vista-Like Wallpapers with Fireworks

Create Vista-Like Wallpapers with Fireworks

Old Paper Effect in Fireworks

Old Paper Effect in Fireworks

Jewel Button

Jewel Button

Five Easy Steps to Create a Barcode in Fireworks

Five Easy Steps to Create a Barcode in Fireworks

Creating a Thick Text Outline

Creating a Thick Text Outline

Shiny Ribbon

Shiny Ribbon

Adobe Fireworks CS4 Photo Blur Effect

Adobe Fireworks CS4 Photo Blur Effect

How to Create Blend Mode with Adobe Fireworks CS4

How to Create Blend Mode with Adobe Fireworks CS4

Altes Web Logo Tutorial

Altes Web Logo Tutorial

Published June 1st, 2010 by

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

Join Our Newsletter!

Subscribe to our weekly newsletter chalked full of useful tips, techniques, and design goodies. We have 20,000+ loyal readers and counting! We’ll even send you a free e-book (Freelance Designer’s Guide to Multiple Income Streams) and a $10 discount on our most popular product the Freelance Starter Kit.

17 Responses

Comments are now closed on this post.

  • iddaa, June 1, 2010

    it is crazy ! i want it :)

  • Asif, June 1, 2010

    thanks, nice post…!

  • daniel, June 2, 2010

    really nice post, Fireworks is a really great alternative to Photoshop as well.

  • S. Sharp, June 3, 2010

    Thank you! Awesome, especially if you prefer (or are used to) working in Fireworks versus PhotoShop, like me :)

  • Claire Raikes, June 3, 2010

    oooh fantastic round-up… makes me want to take a week off just to go through the simpler ones amongst these… Thank you! :)

  • complex web development, June 4, 2010

    Fireworks is a a nice alternative to Photoshop as well.
    Thanks.

  • Anonymous, June 5, 2010

    I’m planning on purchasing Adobe Master Collection CS5 later this year. This is a really awesome, well put together post. Thanks a lot!

  • Tim, June 6, 2010

    I was on a Mac with OS 10.5.x and 8 GB of ram. I tried using Fireworks CS4 to build a website. It was painful. I began by opening a file originally created in Photoshop. It opened very poorly, not keeping clipping groups and some masks. This is inexcusable given that Adobe has now owned Fireworks for several years.
    So, I decided I would start from scratch. It was working fairly well, although using the brush tool to apply layer masks was incredibly slow. Almost unusable. Then I got to the 5th page and the whole program became so sluggish that it really was unusable. I don’t see how this program sucks so bad? Adobe had to go to great lengths to make it this terrible compared to when Macromedia owned it. It’s really too bad, because it has many features that are great for web designers.

  • Web design Sutton, June 7, 2010

    thanks for the tutorials

  • moda, June 8, 2010

    nice post and good tutorials. thanks for sharing.

  • Aurora Designs, June 9, 2010

    excellent fireworks videos, loving it. thank you

  • Hi,
    Thanks for sharing this wonderful information I really very appreciate with you.
    Your total post is such a very useful for all post readers and me. I am new in web designing and your post is very useful for my begging.

  • Bristol web design, June 29, 2010

    Thanks for posting this – I just need to find time to watch them.

  • Sanal Şirket, July 31, 2010

    Published because of the useful information I know, thank you. You have given us your valuable comments I wish you continued thanks to informative content

  • shaquisha, September 28, 2010

    omg i sooo agree with you Yolanda its great. i did these by myself and it was amazing . i loved it. these are sooo good. best i ever had. i do these all day everday.

  • samita, February 25, 2011

    I love this! This collection just exploded my graphics design concepts. Very big thanks