Design, CG Graphics & Inspiration
Adobe Fireworks: Useful Articles and Tutorials

Adobe Fireworks: Useful Articles and Tutorials

Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It provides the tools you need to create expressive, highly optimized graphics for the web, screen and different devices and brings a lot of great visual and graphic design capabilities. As many of you may know, that with Fireworks you have the ability to edit interfaces of your sites or applications in both vector and bitmap modes. Moreover, to ease your work it has Pages/Master Pages, Layers, States and Symbols that are of a great help when creating a Web design. So, if you’d like to learn more about Adobe Fireworks, than you should certainly look through the articles and tutorials we’ve gathered on this topic. Hope, you’ll find them useful!

Introducing Adobe Fireworks CS5

Introducing Adobe Fireworks CS5 in Adobe Fireworks: Useful Articles and Tutorials

Why Adobe Fireworks is better?

Why Adobe Fireworks is better? in Adobe Fireworks: Useful Articles and Tutorials

Fireworks For Beginners: A Complete Getting-Started Toolbox

Fireworks For Beginners: A Complete Getting-Started Toolbox in Adobe Fireworks: Useful Articles and Tutorials

50 reasons NOT to use Photoshop for Web Design

The following list offers a comparison with a rough indication of the time savings when using Fireworks.
50 reasons NOT to use Photoshop for Web Design in Adobe Fireworks: Useful Articles and Tutorials

The Power of Adobe Fireworks: What Can You Achieve With It?

The Power of Adobe Fireworks: What Can You Achieve With It? in Adobe Fireworks: Useful Articles and Tutorials

Adobe Fireworks: Is It Worth Switching to CS5?

Adobe Fireworks: Is It Worth Switching to CS5? in Adobe Fireworks: Useful Articles and Tutorials

Learn How to Create an Amazing Website Layout with Curves in Fireworks

Learn How to Create an Amazing Website Layout with Curves in Fireworks in Adobe Fireworks: Useful Articles and Tutorials

Brushed Metal Effect in Adobe Fireworks

Ever wondered how you can create a brushed metal effect in Adobe Fireworks in just a few steps ? Read this post to learn how.
Brushed Metal Effect in Adobe Fireworks in Adobe Fireworks: Useful Articles and Tutorials

Create a Slideshow in Adobe Fireworks CS4

This tutorial will teach you how to create a beautiful slideshow gallery with transition effects, categories, captions and resizable images in Fireworks CS4.
Create a Slideshow in Adobe Fireworks CS4 in Adobe Fireworks: Useful Articles and Tutorials

How to Create a Grunge Polaroid Photo in Adobe Fireworks

In this tutorial we will show you how to create a grunge Polaroid photo using Adobe Fireworks and its unique ability to work with textures.
How to Create a Grunge Polaroid Photo in Adobe Fireworks in Adobe Fireworks: Useful Articles and Tutorials

How to Design a Clean Website Template From Scratch in Adobe Fireworks

In this tutorial, a basic understanding of the Adobe Creative Suite will be required, for example familiarity with Photoshop or Illustrator will be ideal, but if you already have Fireworks experience then that will be a huge bonus for you.
How to Design a Clean Website Template From Scratch in Adobe Fireworks in Adobe Fireworks: Useful Articles and Tutorials

How To Create a Pretty Little Login Box in Fireworks

In this tutorial we will use Adobe Fireworks to create a sharp, pixel perfect login box, using basic Fireworks techniques that can be applied to most User Interface (UI) elements for the web or in desktop and mobile apps.
How To Create a Pretty Little Login Box in Fireworks in Adobe Fireworks: Useful Articles and Tutorials

How to create a sleek oversized search bar in Fireworks

In this tutorial we will explore shape and layer style techniques to create an oversized search bar in Adobe Fireworks.
How to create a sleek oversized search bar in Fireworks in Adobe Fireworks: Useful Articles and Tutorials

3 Reasons to Use Fireworks Instead of Photoshop for Web Design

3 Reasons to Use Fireworks Instead of Photoshop for Web Design in Adobe Fireworks: Useful Articles and Tutorials

Mastering shadows in Photoshop, Illustrator and Fireworks, who’s the winner?

Mastering shadows in Photoshop, Illustrator and Fireworks, who's the winner? in Adobe Fireworks: Useful Articles and Tutorials

Creating a Basic Wireframe Using Adobe Fireworks

Creating a Basic Wireframe Using Adobe Fireworks in Adobe Fireworks: Useful Articles and Tutorials

Tilt shift effect

Even though Fireworks is a great web workhorse its still possible to create some nice photo manipulation effects similar to photoshop. In this article i’ll go through a simple way to approximate the “tilt shift” effect we see all over flickr and alike.
Tilt shift effect in Adobe Fireworks: Useful Articles and Tutorials

Transparent borders in Fireworks

So you want to have box with solid fill and semi-transparent borders? Adobe Fireworks does not currently have a insant hands-on access to adjust the opacity of borders (aka Strokes). However the functionality for opacity control is there – it is just hidden.
Transparent borders in Fireworks in Adobe Fireworks: Useful Articles and Tutorials

Simple tutorial: How to create button

In the following tutorial you will learn to create a nice yellow button in Adobe Fireworks. This is particularly useful for people who want to make perfectly buttons for websites and applications.
Simple tutorial: How to create button in Adobe Fireworks: Useful Articles and Tutorials

Multi-Border Rectangle

CSS allows a different width and color to be applied to the border on each side of an HTML element, but Fireworks’ rectangles are limited to a single border color and thickness. The Multi-Border Rectangle auto shape addresses this limitation, making it easy to mock up CSS-style borders.
Multi-Border Rectangle in Adobe Fireworks: Useful Articles and Tutorials

How To Create a Slick Navigation Bar In Adobe Fireworks

How To Create a Slick Navigation Bar In Adobe Fireworks in Adobe Fireworks: Useful Articles and Tutorials

Make 3D button images in Fireworks

In this tutorial you are going to learn how to create three glossy button effects using Adobe Fireworks.
Make 3D button images in Fireworks in Adobe Fireworks: Useful Articles and Tutorials

Touch Application Prototypes (TAP). For iPhone and iPad, using Adobe Fireworks

This tutorial shows you how to use our method to make your Fireworks prototype work for the Apple iPhone and iPad.
Touch Application Prototypes (TAP). For iPhone and iPad, using Adobe Fireworks in Adobe Fireworks: Useful Articles and Tutorials

SHARE THIS POST

Andrew is the chief editor of Splashnology blog. He has many years of experience within the web design industry and has a passion for the latest web technologies. 3D Models Marketplace

Subscribe for the hottest posts

Subscribe to our email newsletter for useful tips and freebies.

  • Nice collection of Firework Tutorials.

  • Guest

    Fireworks is the most underrated program Adobe has.

  • Thank you for featuring some of our tutorials here.

  • Percy

    Awesome resource and tutorials. Thank you

  • Nice collection of Firework Tutorials.

  • Guest

    Fireworks is the most underrated program Adobe has.

  • Thank you for featuring some of our tutorials here.

  • Percy

    Awesome resource and tutorials. Thank you