

Strangely for a Web focused design application, Fireworks doesn’t offer this ability natively, even in Fireworks CS5, so John has created this extension which excels at this very task.
#Adobe fireworks cs6 plugins how to#
I’m singling out his “Export as Favicon” here because, when I was still active in the Adobe user forums, how to export Favicons out of Fireworks was one of the most asked questions. John Dunning is one of those extensions developers that has produced some amazing Fireworks extensions throught the years. You need it in your arsenal! 4- John Dunning’s “Export as Favicon” It will also help with layout consistency across pages and documents. The Guides panel is an extremely powerful and useful panel that will save you a lot of time when working on wireframes or finished Web site graphical mockups. The Store tab lets you save and reuse guide sets across pages within the same document if you don’t need to save them externally for reuse in other documents. In the Selection tab, you can also create guides from selected objects (including rows and columns) if you are adding guides to an exisiting design. In the General tab you can set guide rows and columns with specific “gutters” in addition to regular vertical and horizontal guides. In addition to letting you set up guides for a given layout very quickly, it enables you to save and reload the “guides sets” you may use often without the need to recreate them every time.

Now here’s a panel that has no equivalent in any other application I know of.

Hopefully, Fireworks will eventually improve its native tool set to include this very basic functionality. It just lacks the ability to set the gradient’s angle numerically to anything other than perfectly horizontal or vertical. This panel is a great time saver when working with gradients. Without the panel you’d need to “redraw” the gradient on the object requiring several extra clicks. The panel also lets you set an obect’s fill to a linear or radial gradient to solid with the click of a button. This panels lets you do just that for both the color and opacity gradient stops and lets you set the gradient direction to either vertical or horizontal (with perfect accuracy. Without this panel, it is impossible to set the position of gradient stops with numerical precision in Fireworks. 2- Grant Hinkson’s “Gradient Panel”Īnother little gem that brings some needed precision to Fireworks’ creative tool set. All in all, this is one fantastic extension and, by far, the one I use most day in and day out in Fireworks. You have to start using it to realize how useful it really is.Īs you can see from the image, the panel also offers a bunch of other useful features that Fireworks lacks natively including moving objects by a set number of pixels from its current position (relative) as well as resizing multiple objects at once individually (equivalent to Illustrator’s Transform Each). When I first came to Fireworks, I’d been using Illustrator for a while and the lack of this single seemingly small feature is one of the things I missed most in Fireworks. Using the Reference Point Grid in the Transform panel, you can select any of 9 different reference points by which to locate or transform a selection based on the bounding box of that selection.” By default, when using the Property Inspector or the Info panel in Fireworks, the reference point is always at the top left of the selection. It also determines from which point your selection is transformed. Here’s the explanation from the panel’s Help document: “The selected point in this grid is the point within the selection that the panel determines the values presented in the X and Y fields. What this does is let you read and set position values from anywhere around an object’s bounding box. Secondly (B), the Transform panel offers something called the “Reference Point Selector” (or 9 points proxy) which is native in the control panels of apps like Illustrator and InDesign (as well as a partial implementation in Flash). If you are working with a troublesome objet where a 1 px stroke is not rendering cleanly, use the Transform panel to move or resize the object by half a pixel (or smaller increments). One (A) is to enter decimal numbers for location and size fields (W/H/X/Y). Unlike Fireworks’ native Properties Inspector, the Transform panel lets you do 2 things that I find essential in my work. This extension is probably the one I use the most often during a Fireworks design or editing session.
