Macromedia Fireworks 1

[DTP Reviews]
[Vector Reviews]
[Bitmap Reviews]
[Web Reviews]
[3D Reviews]

[3ds max 6]
[3DSOM Pro ]
[Acrobat 7]
[Acrobat 6]
[Acrobat 5]
[Acrobat 4]
[Acrobat 3]
[Acrobat Capture 2]
[Advanced Render 2.5]
[Articulate Presenter 5]
[AutoEye 2]
[AutoEye 1]
[Avenue.Quark]
[Bryce 5.5]
[Camtasia Studio]
[Canvas X]
[Canvas 9]
[Canvas 8]
[Canvas 7]
[Canvas 6]
[Canvas 5]
[Captivate 1]
[Carrara 5 / Pro]
[Carrara 4 / Pro]
[Carrara Studio 3]
[Cinema 4D 9.5]
[Cinema 4D 9]
[Cinema 4D 8.5]
[ColorDrive 1.5]
[CompuPic Pro 6]
[CompuPic Pro 5]
[Contribute 2]
[Contribute]
[Corel Designer 12]
[Corel Designer 10]
[Designer 9]
[Designer 1/8]
[CorelDraw X3]
[CorelDraw 12]
[CorelDraw 11]
[CorelDraw 10]
[CorelDraw 9]
[CorelDraw 8]
[CorelDraw Office 9]
[CorelDraw Premium 9]
[Creative Suite 2]
[Creative Suite 1]
[Deep Exploration 3]
[Deep Paint 2]
[Deep Paint 3D 2]
[Digital Image Suite 9]
[Director MX]
[Director 8.5]
[Director 8]
[DreamSuite 1]
[Dreamweaver 8]
[Dreamweaver MX 2004]
[Dreamweaver MX]
[DrawPlus 8]
[Expression 3]
[Expression 2]
[Eye Candy 4000]
[Fireworks 8 ]
[Fireworks MX 2004]
[Fireworks MX]
[Fireworks 4]
[Fireworks 3]
[Fireworks 2]
[Fireworks 1]
[Flash Professional 8]
[Flash MX Pro 2004]
[Flash MX 2004]
[Flash MX]
[Flash 5]
[Flash 4]
[Flash 3]
[FlashCom MX]
[Flightcheck 3]
[Flix Pro]
[Fontographer 4.1]
[FrameMaker 6]
[FrameMaker 5.5]
[FreeHand MX]
[FreeHand 10]
[FreeHand 9]
[FreeHand  8]
[FrontPage 2003]
[FrontPage 2002]
[FotoFusion 3]
[Generator 1]
[Genetica 2]
[Genuine Fractals 3.5]
[Genuine Fractals]
[GoLive CS2]
[GoLive CS]
[GoLive 6]
[GoLive 5]
[GraphicXtras]
[Headline Studio 1]
[Hexagon]
[Illustrator CS2]
[Illustrator CS]
[Illustrator 10]
[Illustrator 9]
[Illustrator 8]
[Illustrator 7]
[Image Doctor]
[InDesign CS2]
[InDesign CS]
[InDesign 2]
[InDesign 1]
[ImageReady 1]
[ImageStyler 1]
[Intellihance Pro 4]
[Intellihance 3]
[KnockOut 2]
[KnockOut 1.5]
[KPT 7]
[KPT 6]
[KPT 5]
[KPT 3]
[LiveMotion 2]
[LiveMotion 1]
[Mystical Lighting ]
[Mystical Tint]
[Namo WebEditor 5.5]
[NetObjects Fusion 7.5]
[OnOne Photoshop Suite]
[PageMaker 7]
[PageMaker 6.5+]
[PageMaker 6.5]
[PagePlus 6]
[PagePlus 5]
[PagePlus 4]
[Paint Shop Pro X ]
[Paint Shop Pro 9]
[Paint Shop Pro 8]
[Paint Shop Pro 7]
[Paint Shop Pro 6]
[Paint Shop Pro 5]
[Paint Shop Pro 4]
[PSP Album 5]
[PSP Studio]
[Painter IX]
[Painter 8]
[Painter 7]
[Painter 6]
[Painter 5.5]
[Painter 5]
[Painter 4]
[Painter Essentials 3]
[Photo Album 6]
[PhotoArtMaster]
[Photo-Brush]
[PhotoDeluxe BE]
[PhotoDraw 2000 2]
[PhotoDraw 2000 1]
[PhotoFrame 1]
[PhotoGraphics 1]
[PhotoImpact 11]
[PhotoImpact 10]
[PhotoImpact XL]
[PhotoImpact 8]
[PhotoImpact 6]
[PhotoImpact 5]
[PhotoImpact 4]
[PhotoImpact 3]
[Photo-Objects 2]
[PhotoPaint 8]
[PhotoSEAM]
[Photoshop CS2]
[Photoshop CS]
[Photoshop 7]
[Photoshop 6]
[Photoshop 5.5]
[Photoshop 5]
[Photoshop 4]
[Photoshop Album 2]
[Photoshop Album]
[Ph/shop Elements 4]
[Ph/shop Elements 3]
[Ph/shop Elements 2]
[Photoshop Elements]
[PhotoSuite 7 ]
[PhotoSuite 5]
[PhotoSuite 4]
[PhotoSuite III]
[PhotoSuite II]
[PhotoTools 2]
[Picture Publisher 8]
[Piranesi 4 ]
[Piranesi 3]
[Portfolio 3]
[Poser 6]
[Poser 5]
[Poser Pro Pack]
[PrintOffice 2000]
[PrintOffice 1]
[PressReady 1]
[Publisher 2003]
[Publisher 2002]
[Publisher 2000]
[Publisher 98]
[Pxl SmartScale]
[QuarkXPress 6.5]
[QuarkXPress 6]
[QuarkXPress 5]
[QuarkXPress 4]
[Real-Draw Pro 3]
[Real Draw Pro 2]
[Sapphire Plug-ins]
[Satori 3]
[Satori 2.5]
[Sketch and Toon]
[SketchUp 5]
[SketchUp 4]
[SketchUp 3]
[SketchUp 2.1]
[SnagIt 6.2]
[Streamline 4]
[Studio 8]
[Studio MX 2004]
[Studio MX]
[Studio Pro 2 ]
[Swift 3D 4 ]
[Swift 3D 3]
[Swish 1]
[Swish 2]
[Test Strip 3]
[Texture Maker 2]
[Toon Boom Studio 3]
[Toon Boom Studio 1]
[Type Manager Deluxe]
[Vector Studio 2]
[Vector Studio 1]
[Ventura 10]
[Ventura 8]
[Ventura 7]
[Virtual Painter]
[Vue 5 Esprit]
[Vue 4 d'Esprit]
[Vue 5 Infinite]
[Vue 4 Professional]
[Web3D 2]
[Web3D 1]
[WebEasy Pro 5]
[WebPlus 8]
[WildFX]
[WildPresenter]
[Windows Draw 6]
[Windows Draw 5]
[Wright Design 1]
[Xara Xtreme]
[Xara X1]
[Xara X]
[Xara 2]
[Xara 1]
[Xara3D 6]
[Xara3D 5]
[Xenofex 2]
[Xfrog 3.5 / 4.x]
[XPress 6.5]
[XPress 6]
[XPress 5]
[XPress 4]
[xRes 2]


[Home / What's New]
[DTP / Publishing]
[Vector Drawing]
[Bitmap / Photo Editing]
[Web Design]
[3D Software]
[All Reviews]
[All Articles / Tutorials]
[Book Search / Shop]
[Site Map / Search]
[Contact]
 

you can help support the site with a direct donation or by shopping via the following links:

[Amazon.com]
[Amazon.co.uk]
[Amazon.ca]

Thank you!

 

 

Macromedia has come up with a completely new breed of  product that combines the best of vector and bitmap processing to provide a near  ideal environment for producing web graphics.

Fireworks screenshot

The vast majority of images on the Web are based on the bitmap formats GIF and JPEG and are created with typical bitmap-editors like Paint Shop Pro or Photoshop. The irony is that these programs were designed long before the Web existed and even now they are still primarily focused on producing images for print. Macromedia has recognised the obvious drawbacks of treating web imaging as a sideline and has come up with a new dedicated solution. Fireworks has been designed from the ground up solely for the production of web images. More than this, like Corel Xara (see page ), Fireworks recognises that although its end products are bitmaps that doesn't necessarily mean that you need to work in a bitmap environment to create them.

Fireworks is a revolutionary program but its interface is reassuringly familiar. In fact it looks pretty much like any other bitmap program with a dockable info palette next to the colour bar down the right hand side of the screen and various tabbed floating palettes for controlling brushes, fills, layers and so on. The Toolbox is pretty standard too with the typical paintbrush, paint bucket and eyedroppers all available, although the lasso tools are mysteriously grayed-out. Creating a new file is also a sure sign of a bitmap application as you are asked to set its size and resolution in pixels.

When you use the paintbrush tool to paint on the image, however, the difference instantly becomes apparent. As soon as you have finished drawing the stroke, a blue line appears down its centre. You can then use the Pointer tool to select the stroke for repositioning, or the Transform tool for rescaling, resizing, rotating, or skewing. Beyond this, you can even use the Subselect tool to edit individual nodes and the Freeform tools to interactively reshape the line. From the huge flexibility on offer, it's clear that you must be working in vector mode - a feeling reinforced by the presence of the clearly object-based rectangle, oval and polygon tools.

However, it's not quite as simple as that. If you now open the Brush palette you can change the colour and width of the brush's stroke or shape's outline just as you would in a drawing program. What's completely new, though, is the ability to retrospectively change the brush style of the line. This isn't a question of angling the nib to produce minor calligraphic variations, which is the best that the average drawing program can offer. Instead you can totally change the appearance of the line so that it looks as if it's been sprayed on with a soft airbrush, drawn with a marker pen or made up of confetti!

Fireworks offers eleven general brush categories ranging from pencil, charcoal, and crayon through to 3D and unnatural. Within each category there are up to five options so that the oil selection, for example, offers broad splatter and textured bristle variations. The effects are all pixel-based which explains how they can look so excitingly natural. The downside is that if you zoom in beyond 100% the naturalism is lost as the pixelization becomes apparent. For print work this could cause problems but, as scaling and high resolution aren't important for web work, this isn't an issue if you use your image size-for-size.

Playing around with the range of brush styles soon becomes addictive especially as Fireworks offers even more creative options through the ability of strokes to show bitmap-based textures. The program comes with 26 of these ranging from burlap through to wood and taking in grass, microbes and DNA along the way. These patterns are also available from the Fill tab on the floating formatting palette, together with an impressive array of editable gradients ranging from the basic linear and radial through to the more striking starburst and satin. By clicking on the object with the Fill tool, you can interactively control the various fill effects by adjusting the fill arrow handles. Using the opacity toolbar you can also control the object's transparency. Unlike Corel Xara there are no options for producing graduated transparencies, but you can set a blend mode so that an object's colours interact with those beneath it in the stacking order.

The third tab of the core Brush and Fill palette is the Effects panel. This uses the same principle of bitmap-based formatting of vector-defined objects to offer five striking effects. With any selected object or group of objects it's possible to apply a drop shadow, emboss, glow or an inner or outer bevel. The control is comprehensive so that the drop shadow, for example, offers options for setting opacity, softness, angle and distance. It's the bevel effects, however, which will probably prove most useful for web designers. The ability to control width, contrast, softness and angle and to save named effects within a file makes creating consistent web buttons child's play. Even better, as the effects are live and non-destructive, it's easy to either create variations for rollover buttons or to instantly change the look of a whole web site with one click of the mouse.

Of course creating the buttons themselves is only part of the job. Another crucial aspect of web imaging is text handling. By now I was expecting great things of Fireworks and I have to admit a slight sense of disappointment with the text handling. Generally text is much easier to manage in a vector environment than in a bitmap one, so I thought you'd be able to click and edit text in place on the layout just as you can in Corel Xara or Corel Draw. In Fireworks, however, when you click with the text tool a separate dialog appears in which you enter and format your text. To see the effect of changes onscreen you can click on the Apply command, but it's impossible to reposition the text to see how it really works in the layout until you exit the dialog. The formatting control is pretty basic too with no features such as paragraph spacing or bulleting let alone text flow between text blocks.

As soon as you exit the dialog, however, the benefits of Fireworks object-based approach come into play with the ability to resize, rotate, skew, and apply perspective effects to the text without losing the high anti-aliased quality. Even more importantly, simply by double-clicking on the text it's possible to reopen the dialog to edit the text or formatting. It's this editability and flexibility that really make Fireworks ideal for the creation of web images. The unique features like bitmap-formatted paths and live effects deserve to grab the headlines, but it's the basic ease-of-use offered by staple drawing features, such as alignment, grouping, layering, text editability and a multiple undo, which make the biggest difference when compared to creating web buttons in a bitmap editor.

Fireworks general object-level working mode is undoubtedly the secret of its success, but sometimes it's necessary to get your hands dirty with some pixel-editing. Any object or group can be converted to a bitmap using the Convert to Image command. To edit the converted object, or any other imported bitmap, it's then a simple matter of double-clicking on it with the Pointer tool. The new bitmap-editing mode is indicated by a blue-and-black dashed outline around the image and by the fact that the text, path and free transform tools are grayed out in the Toolbox, while the various selection marquees become available. The majority of tools are shared between object and bitmap mode and work in a similar way but with one major difference. The paintbrush tool, for example, produces exactly the same strokes as it would in object mode, but they are non-editable.

Swapping between modes is fast and efficient and Fireworks' pixel-editing feels pretty responsive too. In terms of the power on offer, Fireworks offers the core bitmap tools such as a magic wand for colour-based selection and a rubber stamp for cloning. The rubber stamp is useful for removing blemishes in scanned images, but otherwise the retouching options are limited. There are no dodge or burn tools, for example and no in-built options for global colour correction. Worse, the in-built filters are limited to blurring and sharpening which aren't going to help much in getting your work noticed.

To some extent Fireworks makes up for the limited nature of its in-built bitmap power through its support for third-party Photoshop plug-ins. It also throws in a slightly bizarre selection of plug-in filters from PhotoOptics to show what these can do, though they tend to be over complex and print-orientated. Generally, Fireworks' ability to edit at the pixel level is a huge advance on programs like Corel Xara, but with no support for scanning or basic colour correction it's not going - and isn't intended - to replace a dedicated photo-editor. As such, Fireworks good support for externally-produced bitmap formats and especially multi-layered Photoshop PSD files is probably the most important of its bitmap features.

The majority of web graphics aren't merely decorative, they also serve a navigational function, and so an important feature of any web imaging program is how it handles hyperlinks. From programs like PhotoImpact and Corel Xara I've become used to applying URLs on an object basis, but Fireworks takes a different approach with a dedicated URL toolbar with which you can add hotspots on a layer above the image. At first this seemed unnecessarily laborious, but the advantages soon become apparent with the ability to preview all URLs - colour-coded if necessary - and complete flexibility over hotspot positioning. It's also possible to copy an object to a URL layer which makes life considerably easier - though if you then move an object you have to remember to reposition its hotspot. When you add the URLs you can also specify the status bar message and target frame.

Once the image and any links have been set up, you're ready to export the graphic. Irritatingly, if you don't want to output the whole image, you can't just export the current selection but must first mark off the area to export with the dedicated Export Area tool. Like the URL tools, this arguably offers more control, but it's a serious pain when you're just wanting to output a series of buttons. Once you've marked out your area, double-clicking with the tool calls up the Export Preview dialog. Like Corel Xara the huge advantage that the dialog offers is the ability to preview the effect of changes on image quality and file size so that optimization becomes straightforward. Although Fireworks doesn't offer automated previewing within your browser, it does allow up to four versions of the image to be compared simultaneously so that, for example, you can see what difference saving an image as a JPEG rather than a GIF would make.

The control offered over outputting options is absolutely comprehensive. With the GIF option for example, it's possible to choose between various palettes such as the 216 Web safe colours, an adaptive palette derived from the image, or a custom palette that you've saved previously. Once you've chosen the palette, you can still change the number of colours to be included, choose those which you want to be made transparent and even add, delete or replace individual colours. If there are more colours in the image than in the palette you can control whether the missing colours are simulated by dithering and even set to what degree this happens. The WebSnap Adaptive palette is a particularly useful option in which colours that are near in value to the browser-safe colours are automatically converted. Once you are happy with your settings, you can save them to reapply in future. Using the Batch command you can also mass convert whole directories of images based on your settings.

Fireworks control over the creation of GIF, JPEG and PNG files is unmatched, but the program also recognises that producing the files isn't necessarily the end of the job - they also have to be integrated into the HTML workflow. It therefore offers a Generate HTML checkbox on export which automatically produces the necessary code. For image maps it's possible to create both client- and server-side maps, though the failure to provide options to automatically copy the code to the clipboard or to overwrite the relevant <MAP> tag in an existing HTML file gives Corel Xara the edge here. Fireworks definitely takes the lead, however, with its ability to mark out sections of a graphic with its Slice tool. This allows different areas of an image to be given their own URLs and also to be treated differently - as a 64-colour GIF or full-colour JPG for example - when it comes to export. When Fireworks outputs the sliced files it automatically produces the HTML table necessary to reassemble the image.

Even more impressive is the way that Fireworks can be used to create rollover buttons that respond when the user clicks on them or simply moves their mouse over them. The process involved really shows off Fireworks at its best. First you add the basic rectangle shapes on their own layer and button text on a layer above. Selecting all the rectangles you can instantly give them a bevelled button appearance with the Effects panel. Three new frames can then be added with the Frames palette and the existing buttons copied to each. Using the pre-defined options in the Effects panel, you can then automatically give the buttons on each frame a raised, highlighted, inset and inverted appearance. Exporting the file as a GIF or JPEG Rollover exports the four different buttons and also generates an HTML file containing the Javascript necessary to swap between each of the four possible Up, Over, Down and onClick states.

Such interactivity is very much state-of-the-art and is only supported by the most recent Java-enabled browsers. A simpler way of making your site seem more dynamic is the animated GIF. Fireworks supports the creation of these with each frame in an image corresponding to an animation cel. The advantage of the program's combined bitmap-vector approach is that you can not only open and pixel-edit existing GIFs, but also combine them with object-based sprites and text before rendering the final file. This rendering is controlled through Fireworks Export Preview window which also allows the timing, order, disposal method and looping of frames to be set. By default only those pixels that are different between frames are saved to optimize file size.

The combination of pixel and object editing is powerful, but the lack of tools to help automate the animation process is slightly disappointing. It's possible to automatically distribute a selection across frames, for example, but without any blending function or in-built transitions the production of smooth movements and morphs is unnecessarily time-consuming. Animation is certainly an area that Macromedia can improve on in future releases, along with text handling and bitmap editing. Most welcome of all would be a bit more thought about usability as the methods for selecting hidden objects, controlling transformations, working with guidelines and grids and especially exporting selections are all more awkward than they should be.

For the first release of a genuinely radical program, it's not surprising to find a few omissions and rough edges. Instead the real surprise is just how mature and professional Fireworks feels already. The credit for this must go to the strength of the program's underlying architecture. It's this successful integration of object-based flexibility and bitmap-based outputting that really makes Fireworks unique. The blurring of the distinction between vector and pixel will eventually have important repercussions for all design work, but for web imaging it means that Fireworks immediately bursts into the must-have category.

Features

5

Ease Of Use

4

Value For Money

4

Overall

5

ratings out of 6

Fireworks
Software / Upgrade
Save $$!   Save ££!
Books / Reference
Save $$!   Save ££!

System Requirements: Pentium or higher, 64Mb of RAM, 100Mb of disk space, SVGA, CD-ROM, Windows 95, 98, 2000 or NT 4 (with SP3)

Tom Arah

April 1998


Hopefully you've found the information you were looking for. For further information please click here.

For free trials and special offers please click the following recommended links:

For further information on the following design applications and subjects please click on the links below:

[3D], [3ds max], [Adobe], [Acrobat], [Cinema 4D], [Corel], [CorelDRAW], [Creative Suite], [Digital Image], [Dreamweaver], [Director], [Fireworks], [Flash], [FreeHand], [FrameMaker], [FrontPage], [GoLive], [Graphic Design], [HTML/CSS], [Illustrator], [InDesign], [Macromedia], [Macromedia Studio], [Microsoft], [NetObjects Fusion], [PageMaker], [Paint Shop Pro], [Painter], [Photo Editing], [PhotoImpact], [Photoshop], [Photoshop Elements], [Publisher], [QuarkXPress], [Web Design]

To continue your search on the designer-info.com site and beyond please use the Google and Amazon search boxes below:

Google
Web designer-info.com

       
designer-info.com: independent, informed, intelligent, incisive, in-depth...
 


All the work on the site (over 250 reviews, over 100 articles and tutorials) has been written by me, Tom Arah It's also me who maintains the site, answers your emails etc. The site is very popular and from your feedback I know it's a useful resource - but it takes a lot to keep it up.

You can help keep the site running, independent and free by Bookmarking the site (if you don't you might never find it again), telling others about it and by coming back (new content is added every month). Even better you can make a donation eg $5 the typical cost of just one issue of a print magazine or buy anything via Amazon.com or Amazon.co.uk (now or next time you feel like shopping) using these links or the designer-info.com shop - it's a great way of quickly finding the best buys, it costs you nothing and I gain a small but much-appreciated commission.

Thanks very much, Tom Arah


 
[DTP/Publishing] [Vector Drawing] [Bitmap/Photo] [Web] [3D]
[Articles/Tutorials]
[Reviews/Archive] [Shop]  [Home/What's New]

Copyright 1995-2005, Tom Arah, Designer-Info.com. Please get in contact to let me know what you think about a particular piece or the site in general.