Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Design > Adobe Creative Suite

  • Print
  • + Share This
This chapter is from the book

Resizing Graphic Elements

Flash gives you several ways to resize, or scale, selected graphic elements. You can interactively scale one or more selected items on the Stage. You can also set specific scale percentages or dimensions for a selected item in the Transform panel, the Position and Size section of the Property inspector, and the Info panel.

To resize a graphic element interactively

  1. In the Tools panel, from the transform-tools submenu, select the free-transform tool, or press Q red-circle-a.jpg.
    04-14-a_freetrnsfrmtool.jpg

    red-circle-a.jpg The free-transform tool lets you select and transform elements interactively. The tool’s modifiers (in the Options section of the Tools panel) govern the types of changes you can make to a selected object. With no modifiers selected, you can scale, rotate, and skew; the pointer changes to an appropriate icon as it interacts with different areas of a selected object on the Stage.

  2. Select a graphic element on the Stage. The element highlights, and transformation handles appear at the sides and corners of the element’s bounding box.
  3. In the Tools panel, select the Scale modifier il-scaletrnsrm.jpg.
  4. Position the pointer over a handle. The pointer changes to a double-headed arrow il-dblarrowpntr.jpg.
  5. To resize the element, do one of the following:
    • To change the element’s width and/or height, drag a side handle, top handle, and/or bottom handle.
    • To scale the element proportionally, drag a corner handle.

    Dragging toward the center of the element reduces it, while dragging away enlarges it red-circle-b.jpg.

    04-15-b1_freetrnsfrmtool.jpg

    red-circle-b.jpg In Scale mode, the free-transform tool can only resize a selected object. Choosing Scale mode prevents you from accidentally rotating or skewing a selected object when dragging a transformation handle.

To resize an element via the Transform panel

  1. With the Transform panel open, select an element on the Stage.

    Scale Width and Scale Height percentages appear in hot-text controls in the top section of the Transform panel. When you select an element that hasn’t been resized, width and height are set to 100 percent.

  2. To resize the element without changing its aspect ratio (the proportion of width to height), do the following:
  • In the top section of the Transform panel, set the Constrain/Unconstrain modifier to Constrain mode il-lckchnicon.jpg. Clicking the icon toggles between Constrain and Unconstrain modes.
  • Use the Scale Width or Scale Height hot-text control to enter a new percentage red-circle-c.jpg.
04-16-c1_lckchn.jpg

red-circle-c.jpg To resize a selected element, use the Transform panel’s Scale Width and Scale Height hot-text controls to enter new percentages. In Constrain mode (top), when you change the percentage of one dimension, Flash automatically updates the other. The Transform panel also lets you enter values for rotating and skewing selected elements.

In Constrain mode, changing the Scale Width percentage also changes the Scale Height percentage (and vice versa).

or

To resize the element and allow the aspect ratio to change, do the following:

  • Set the Constrain/Unconstrain modifier to Unconstrain mode Image.
  • Use the Scale Width and/or Scale Height hot-text controls to enter new percentages.

In Unconstrain mode, you can enter different values for Scale Width and Scale Height.

To resize an element using the Property inspector

  1. With the Property inspector open, select an element on the Stage.

    The Position and Size section of the Property inspector contains Width and Height hot-text controls displaying the dimensions of the selected shape’s bounding box.

  2. To resize the element, do one of the following:
  • To preserve the aspect ratio, set the Constrain/Unconstrain modifier to Constrain mode il-lckchnicon.jpg. Use the Width or Height hot-text control to enter a new value red-circle-d.jpg. Changing the value for one dimension automatically changes the other.
  • To allow the aspect ratio to change, set the Constrain/Unconstrain modifier to Unconstrain mode Image; use the Width and/or Height hot-text controls to enter new values.
04-17-d1_slctddo.jpg

red-circle-d.jpg When you select a drawing-object (top), the Position and Size section of the Property inspector displays the dimensions of that element’s bounding box (bottom). To resize the element, use the Width and/or Height hot-text controls to enter new values. In Constrain mode il-lckchnicon.jpg, Flash preserves the ratio of width to height. In Unconstrain mode il-unlckchnicon.jpg, you can enter independent width and height values.

  • + Share This
  • 🔖 Save To Your Account