Adobe Fireworks Explained

Adobe Fireworks
Developer:Adobe Systems
Discontinued:yes
Latest Release Version:CS6 (12)
Operating System:Windows, macOS
Genre:Raster graphics editor, vector graphics editor
License:proprietary

Adobe Fireworks (formerly Macromedia Fireworks) was a bitmap and vector graphics editor, which Adobe acquired in 2005. Fireworks was made for web designers for rapidly creating website prototypes and application interfaces. Its features included slices, which are segments of an image that are converted to HTML elements, and the ability to add hotspots, which are segments of an image that are converted to hyperlinks. It was designed to integrate with other Adobe products such as Adobe Dreamweaver and Adobe Flash. It was available as either a standalone product or bundled with Adobe Creative Suite. Older versions were bundled with Macromedia Studio. Adobe discontinued Fireworks in 2013, citing the increasing overlap in functionality with its other products such as Adobe Photoshop, Adobe Illustrator, and Adobe Edge.[1]

User interface

Fireworks' user interface is consistent with the rest of Adobe Creative Suite, similar to that of Adobe Photoshop. On macOS, it is possible to display the application in multiple document interface mode or the standard viewing mode where all toolbars float freely on the screen.

Features

Hierarchical layers

All the layers can be accessed from the Layers panel. Layers may be wider or taller than the image itself. However, the final image is produced by hiding those areas that exit the image boundary.

Smart guides

Fireworks support guides, horizontal or vertical lines that act like a real-world ruler to help drawing, content placement and image composition. A user may place one or more guides on the image at any time and use it as a visual aid. For instance a guide is useful when a piece of text must be placed in line with another graphical item. Additionally, the user may enable the snap feature of the Fireworks, which causes objects (pieces of image, text or layers) drag to the vicinity of a guide to snap to it.

The smart guides however, are not placed by users. They are areas of the image that may interest the user such as the image boundaries, middle of the image or general boundaries of another object. When a user drags an object, Fireworks tries to guess what the user intends to do with the object and draws temporary visual and placement aids. This feature was added with the release of CS4.[2]

Symbols

Reusable elements can be designated as symbols and placed at multiple pages or on the same page. When the master symbol is edited, Fireworks propagates the change to all instances of that symbol.

9-slice scaling

This feature ensures that rounded rectangles maintain their roundness when transformed depending on where the guides are placed. CS4 has this feature exposed as a tool. With this feature introduced in the CS3 version, its usage was limited to symbols.

Image optimization

Fireworks were created specifically for web production.[3] Since not every user may be in possession of a fast Internet connection, it is in the best interest of the web developers to optimize the size of their digital contents. In terms of image compression, Fireworks has a better compression rate than Photoshop with JPEG, PNG and GIF images.[4]

Adobe Creative Suite integration

Fireworks understands the Adobe Photoshop and Adobe Illustrator file formats (.psd and .ai files) as well as Encapsulated PostScript format (.eps files).

Export

Fireworks can export images to multiple file formats including PNG, JPEG, GIF, Animated GIF, TIFF, SWF, BMP, WBMP and PDF. It can also export to SVG (with the help of a free Export extension[5]) and FXG 2.0. Fireworks can export to HTML by converting slices to HTML elements.

States

Previously known as frames, states are used for animation purposes. They are also used for defining behaviors in cases of symbol buttons like Up, Down, Over (changing the visual style of buttons on click, release, and hover with the mouse).

Version history

See also

Further reading

Notes and References

  1. Web site: The Future of Adobe Fireworks. Adobe . https://web.archive.org/web/20170630165604/http://blogs.adobe.com/fireworks/2013/05/the-future-of-adobe-fireworks.html . 2013-05-06 . 2017-06-30 . 2020-03-12.
  2. News: Tommi . West . Design Learning Guide for Fireworks: Using Smart Guides and tooltips for precise positioning and layout . 2007-03-01 . 2009-12-03 . https://web.archive.org/web/20090611072148/http://www.adobe.com/devnet/fireworks/learning_guide/design/design_guide_pt4.html . 2009-06-11 . dead .
  3. News: Assorted garbage . JPEG Optimization: The Fireworks Advantage . 2009-10-09 . 2009-12-04.
  4. News: Fireworks vs Photoshop Compression . Web Designer wall . 2009-10-30 . 2009-12-04.
  5. .