Resize Vector

How to resize a vector

Web Design Tutorials

Resize Vector

How to resize vectors

In this tutorial you will learn how to resize vector graphics using the Scale Tool or the 9-Slice Scaling Tool if the object is a rounded rectangle, for example a button.

  • The Scale Tool Pointer Tool is common to almost all design software and so is elementary in its usage. However when scaling vector objects care should be taken to ensure that the object expands proportionally both in Height and Width to resize it correctly. The example below shows this.

    resize graphic with Scale Tool

  • vector buttonThe 9-Slice Scaling Tool Pointer Tool is suitable to resize vector objects where you need the corners to remain the same while the body expands, such as rectangular buttons with rounded corners. Check out the example below that shows how this works fantastically even with a complicated button.

    resize button with 9-Slice Scaling Tool

Software Required

Adobe Fireworks: Since this tutorial covers a core feature of Adobe Fireworks, any version of it will do.

Compatible Versions of Fireworks for this Tutorial

Fireworks CS6 Fireworks 4-8 | Fireworks CS3 | Fireworks CS4/CS5/CS6
Note: The features and instructions discussed in this tutorial are same across all Fireworks versions listed above; Screenshot images may differ. Recommended Version: Fireworks CS6
Please like, +1, link to and share this SmartWebby resource if you found it helpful. Thanks!