9-slice scaling lets you scale vector and bitmap objects without distorting their geometry, retaining the look of key elements like text or rounded corners.
Symbol containing text
Group containing text that is rotated/distorted/skewed
Fireworks provides two methods of 9-slice scaling: symbol scaling with permanent slicing guides you can readjust, and standard scaling with temporary guides you apply once. Symbol scaling is ideal for objects you plan to reuse many times. Standard scaling is ideal for quick, one-time adjustments to bitmap objects or basic shapes that you’re incorporating into design mockups.
For a video tutorial on creating scalable objects with 9-slice scaling, see www.adobe.com/go/lrvid4036_fw. For a demonstrative example of using 9-slice scaling, see the article by Sarthak Singhal at http://www.adobe.com/go/learn_fw_9slicescaling_en.
Apply 9-slice guides to a symbol
eDouble-click the symbol or button to enter symbol-editing mode.
In the Properties panel, select Enable for 9-slice Scaling Guides.
Move the guides and place them appropriately on the button or symbol. Make sure that the parts of the symbol that you don't want to be distorted when scaling (for example the corners) are outside the guides.9-slice scaling guides positioned so that corners aren’t distorted when the button is resized.
(Optional) Lock the guides: In the Properties panel, select Lock for 9-slice scaling guides.
To return to the containing page, click the page icon at the top of the document panel .
Resize the symbol as needed by using the Scale tool .The button scales without distorting corner shape.After applying 9-slice guides to a symbol, you can nest it in the protected regions of other 9-sliced symbols, creating complex objects that scale perfectly.
Scale in one dimension with three slices
If you plan to scale an object in only one dimension, you can use three slices instead of nine.
For vertical scaling, drag the horizontal slicing guides to the edge of the object.
For horizontal scaling, drag the vertical guides to the edge.
9-slicing standard objects
The 9-Slice Scaling tool creates temporary slicing guides that help you scale objects without distorting their geometry. This tool is helpful for quickly scaling bitmap objects or basic shapes for design prototypes and mockups.
Guides you create with the 9-Slice Scaling tool disappear after a single use. For more permanent slicing guides that you can reuse multiple times, see 9-slicing symbols.
On the canvas, select a bitmap object or vector shape.
In the Tools panel, select the 9-Slice Scaling tool .Note: If you selected an Auto Shape in step 1, Fireworks prompts you to ungroup it. Do so only if you have finished adjusting Auto Shape control points.
On the canvas, arrange the slicing guides to best retain the geometry of the object. (For details, see 9-slice scaling.)
Transform the object by dragging a corner or side handle.