Home / Articles / Adobe Flash / Modify Simple Graphics in Flash MX 2004

Modify Simple Graphics in Flash MX 2004

Chapter Description

Flash back to Macromedia Flash MX 2004 for a retro tutorial on how to modify simple graphics in Flash! If you're still using Macromedia Flash MX 2004, you'll want to sneak a peek at this sample chapter, which shows you how to use the selection, lasso, and subselection tools to select and modify graphics. You'll also learn about using the Property Inspector and other panels to modify elements' attributes.

Distorting Graphic Elements

The free-transform tool allows you to distort a graphic element by changing the shape of its bounding box. You can reposition one or more corners of the box individually; you can manipulate paired corner handles simultaneously to turn the rectangular box into a trapezoid; and you can stretch, shrink, and/or skew the box by moving the side handles of the bounding box. The selected element(s) stretch or shrink to fit the new bounding box. Distortion works only on raw shapes, not on grouped elements or symbols, which you'll learn about in Chapters 4 and 6.

To distort an element freely:

  1. Using the free-transform tool, select the element you want to distort. A bounding box with transformational handles appears.
  2. In the Toolbar, select the Distort modifier ( Figure 3.59 ).
    fig_0359_newtrnsfrmdistrt.jpg

    Figure 3.59 Choose the free-transform tool's Distort modifier to reposition the corner points of your selection independently.

    Note that the center point of your selection disappears, indicating that you are in Distort mode.
  3. Position the pointer over one of the transformational handles. The pointer changes to a hollow arrowhead.
  4. To change the shape of the bounding box, do one of the following:
    • To relocate one corner of the element's bounding box, position the pointer over one of the corner handles; then click and drag the handle to the desired location. You can position each of the four corner handles independently ( Figure 3.60 ).
      fig_0360a_dstrt1stcrnrbf.jpg

      Figure 3.60 Use the free-transform tool's Distort modifier to redefine the shape of an element's bounding box. You can drag each corner handle separately.

    • To skew the element, position the pointer over one of the side handles; then drag the handle to the desired position. The element skews toward the direction you drag.
    • To stretch the element as you skew it, move the selected side handle away from the element's center ( Figure 3.61 ).
      fig_0361_skewenlrgbefm.gif

      Figure 3.61 When the Distort modifier is selected, dragging the side handles of a selected element's bounding box skews the element. To enlarge (or shrink) the element at the same time, move the side handle away from (or in toward) the center of the original shape.

    • To shrink the element as you skew it, move the selected side handle toward the element's center.
  5. Release the mouse button. Flash redraws the selection to fill the new bounding-box shape.

To distort graphic elements symmetrically:

  1. Follow steps 1 and 2 of the preceding exercise to prepare an element for distorting.
  2. To taper the element, do one of the following:
    • To make the top of the bounding box narrower than the bottom, Shift-click and drag the top-right corner handle toward the top-left corner handle, or vice versa ( Figure 3.62 ).
      fig_0362a_frtrnsfbf.jpg

      Figure 3.62 Using the Distort modifier of the free-transform tool, Shift-click and drag a corner handle to taper selected elements.

    • To make the top of the bounding box wider than the bottom, Shift-click and drag the top-right corner handle away from the top-left corner handle, or vice versa.
    As you drag, the two corner handles move in tandem, coming together if you drag in or moving apart if you drag out.
  3. Release the mouse button. Flash redraws the bounding box and its contents. If you dragged in, the box appears to taper toward the top. If you dragged out, the box appears to taper toward the bottom. You can follow these procedures for the sides or bottom of the bounding box to taper the box in any direction.
20. Changing the Envelope of Selected Elements | Next Section Previous Section