How to Create Gradients in Fireworks CS5 Graphics
Image Rollovers in Adobe CS5 Dreamweaver
How to Add Text Effects in Adobe Fireworks Creative Suite 5

How to Scale Images in Adobe Fireworks CS5

There are three methods for scaling graphics in Adobe Fireworks Creative Suite 5 – proportional scaling, non-proportional scaling, and numeric scaling. Making images the right size is important. If an image is too large, you waste valuable download time; if it’s too small, the image looks pixelized and out of focus.

Proportional scaling

To scale an image in Fireworks proportionally (keeping the same width and height ratio), follow these steps:

  1. Select the layers you want to scale.

    If you have multiple layers, you can hold down the Ctrl (Windows) or Command (Mac) key and click the layers in the Layers panel to add them to the selection.

  2. Select the Scale tool in the Select section of the Tools panel.

    Anchor points surround your selection.

  3. To make an image smaller, click and drag a corner anchor point toward the center; to make an image larger, click a corner anchor point and drag outward.

Typically, you don’t scale a bitmap image to a dramatically larger size, because it may become pixelized. The rule of thumb is to not make raster images more than 20 percent larger. This rule, of course, doesn’t apply to vector objects.

Non-proportional scaling

If you don’t want to scale proportionally, follow these steps:

  1. Select the layers you want to scale.

  2. Select the Pointer tool in the Select section of the Tools panel.

  3. To resize an image, click and drag a corner anchor point without using the Shift key.

Numeric scaling

If you need to constrain scaling to an exact amount, you’re better off using the Image Editing panel. Follow these steps to perform numeric scaling:

  1. Select the layers you want to scale.

  2. Choose Window→Others→Image Editing.

    The Image Editing panel appears.

  3. Click Transform Commands and choose Numeric Transform from the drop-down list.

    The Numeric Transform dialog box appears.

  4. In the Width and Height text boxes, type the percentage by which you want to scale and click OK.

    image0.jpg
  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
How to Convert Artwork to a Symbol in Fireworks CS5
How to Use Tweening in Fireworks CS5
How to Add Color to Fireworks CS5 Graphics
How to Create Graphics with Fireworks CS5 Vector Tools
Adobe CS5 Dreamweaver Page Images
Advertisement

Inside Dummies.com