9-Slice Scaling Transform

Back to Tutorial List

Fireworks CS4 now gives you the ability to use the 9-Slice scaling tool on symbols, vector and bitmap objects.

Step 1. Draw a Basic Bitmap Shape

Select the Marquee Tool ( M ) and set the feather to 10 pixels to create a rounded rectangle bitmap.

Now draw the rectangle which will have feathered (rounded) edges.

Step 2. "Old Skool" Scaling

First change the background color to black, so you can see the shape better. Then select the rectangle with the scale tool (not the scale 9) and resize the rectangle. Notice how the feather is expanded and doesn't display well anymore?

Step 3. Scaling the "Scale-9" Way

Now undo the previous scale and choose the Scale-9 tool. Select the rectangle and scale the shape.

This time you will see the feather is properly maintained and creates a very clean bitmap object.

You now can create pretty interesting results with this new tool. Just one more reason why Fireworks CS4 is a great release.