Use 9-Slice Scaling in Adobe Fireworks CS4 to Scale Objects Without Distortion

I’m sure most of you have probably attempted to scale an object in Illustrator or Photoshop with rounded corners. If so, you have probably noticed how Photoshop or Illustrator can distort the rounded corners on your objects. This is a frustration that many designers are faced with. Fireworks however has a really nice solution for this problem; the 9-Slice Scaling Tool.

The 9-Slice Scaling tool can be used to transform any object or symbol without distorting important areas like corners. In this 4-minute video tutorial I will demonstrate how to use the 9-Slice Scaling Tool to transform a button in Fireworks. In addition, I will also show how to save these settings in a button symbol.

Video Tutorial

Screenshot

Below is a screenshot of the image that we will be manipulating.

About Grant Friedman

Grant Friedman is a graphic design, blogger, and author. In addition to being the founder of this website, Grant is also the editor of Psdtuts, one of the world's most popular tutorial websites.

About

Colorburned is a design blog featuring some of the best design news, resources, and tutorials from around the web. Our focus here is to arm you with the tools and knowledge that you need to create better designs in less time.