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.

Modifying Applied Gradients

You can use Flash's fill-transform tool to modify a gradient fill. You can rotate the fill or change its size and center point.

To move a gradient fill's center point:

  1. In the Toolbar, select the fill-transform tool ( Figure 3.99 ).
    fig_0399_newfilltrnsfrmtl.jpg

    Figure 3.99 The fill-transform tool (left) and the pointer with which you manipulate gradients (right).

    The pointer changes to the fill-transform-pointer.
  2. Position the pointer over the graphic element whose gradient you want to modify.
  3. Click. Handles for manipulating the element appear ( Figure 3.100 ).
    fig_03100a_lingrdnthndlsw.jpg

    Figure 3.100 Handles for transforming fills appear when you click the fill with the fill transform pointer.

  4. Drag the center-point handle to reposition the center point of the gradient ( Figure 3.101 ).
    fig_03101a_prevwmvcntrpntw.jpg

    Figure 3.101 Drag the center-point handle to reposition the center of the gradient within your shape.

To resize a gradient fill:

  1. With the fill-transform tool selected in the Toolbar, click the graphic element that contains the gradient you want to modify.
  2. To change the width of a linear gradient, drag the square handle ( Figure 3.102 ).
    fig_03102_lingrdn.jpg

    Figure 3.102 With a linear gradient selected, use the fill-transform tool to drag the square handle inward and create a narrower rectangle for a gradient.

    The pointer changes to a double-headed arrow. Dragging toward the center of your shape squeezes the blend into a narrower space; dragging away from the center of your shape spreads the blend over a wider space.
  3. To change the shape of a radial gradient, drag the square handle ( Figure 3.103 ).
    fig_03103_radial.jpg

    Figure 3.103 With a radial gradient selected, use the fill-transform tool to drag the square handle inward to create a narrower oval for a gradient.

    The pointer changes to a double-headed arrow. Dragging toward the center of your shape creates a narrower oval space for the blend; dragging away from the center of your shape creates a wider oval space.
  4. To change the radius of a radial gradient, drag the circular handle next to the square handle ( Figure 3.104 ).
    fig_03104_radgrd.jpg

    Figure 3.104 With a radial gradient, drag the first round handle outward to create a larger radius.

    The pointer changes to a double-headed arrow within a circle. Dragging toward the center of your shape squeezes the blend into a smaller circular space; dragging away from the center of your shape spreads the blend over a larger circular space.

To rotate a gradient fill:

  1. With the fill-transform tool selected in the Toolbar, click the graphic element with the gradient you want to modify.
  2. To rotate the gradient, do one of the following:
    • To rotate a linear gradient, drag the round handle ( Figure 3.105 ).
      fig_03105_lingr.jpg

      Figure 3.105 As you drag the gradient's rotate handle with the fill-transform tool, you spin the gradient around its center point.

    • To rotate a radial gradient, drag the round handle farthest from the square handle.
    The pointer changes to a circular arrow. You can rotate the gradient clockwise or counterclockwise.
30. Applying Attributes of One Graphic Element to Another | Next Section Previous Section