- Setting Selection Preferences
- Making Selections
- Resizing Graphic Elements
- Positioning Graphic Elements
- Flipping, Rotating, and Skewing
- Distorting Graphic Elements
- Modifying Fills and Strokes
- Modifying Shapes: Natural Drawing Tools
- Modifying Shapes: Bzier Tools
- Modifying Primitive-Shape Paths
- Converting Shape Types
- Practice Session
This chapter is from the book
This chapter is from the book
This chapter is from the book
Modifying Fills and Strokes
Flash provides two methods for modifying existing fills and strokes: you can apply new attributes with a tool (the paint-bucket tool for fills, the ink-bottle tool for strokes), or you can select the fill or stroke on the Stage and choose new attributes in an appropriate panel. For fills or strokes that contain a gradient, you can also modify the way the gradient fits in the shape by using the gradient-transform tool.
To change fill color with the paint-bucket tool:
- In the Tools panel, click the active edit-fill/ stroke tool and select the paint-bucket tool from the submenu, or press K.
- Select new fill attributes (see Chapter 2).
- Click the paint bucket’s hot spot (the tip of the drip of paint) somewhere inside the fill you want to change.
The fill can be selected or deselected. The fill changes to the new color
.
)
Use Panels to Change Selected Fills and Strokes
You can modify the fill and stroke attributes of a selected graphic element by changing the settings in any appropriate panel. For example, draw an oval with a red fill and a solid, 1-point, blue stroke; then select the whole shape (note that if you create the oval as a drawing-object or primitive-shape, Flash automatically selects it). Now access the Fill and Stroke section of the Property inspector; it displays the attributes of the selected shape (or drawing-object or primitive). Select green from the Fill Color control; the oval fill changes to green. Increase the stroke height or choose a new stroke style; the oval stroke changes to match.
You can choose new colors for selected fills and strokes from any appropriate panel—Color, Swatches, or Tools—or the Property inspector. When you choose a new color from the Swatches panel, Flash uses the Color panel to determine whether that color is for fills or strokes. When the Fill Color control is selected in the Color panel, Flash applies the swatch color to selected fills; if the Stroke Color control is selected, Flash applies the color to strokes.
When a selected merge-shape has a stroke or fill set to No Color, however, the only way to change that setting is to add a fill or stroke by using the paint-bucket or ink-bottle tool (see Chapter 2).
When your selected shape is a drawing-object or primitive-shape, changing the fill or stroke attributes in the Color panel,
Tools panel, or Property inspector adds the missing element 
.
)
To change stroke color with the ink-bottle tool:
- In the Tools panel, click the active edit-fill/stroke tool and select the ink-bottle tool, or press S.
- Select new stroke attributes (see Chapter 2).
- Click the ink bottle’s hot spot (the tip of the drip of paint) in one of the following ways:
- Click directly on the stroke.
- If a shape has both stroke and fill, and both are deselected, click the fill.
- If a shape has both stroke and fill, and both are selected, click the fill.
- If a shape has both stroke and fill, and only the fill is selected, click the stroke.
The stroke takes on its new attributes
.
)
To change a gradient fill’s center point:
- In the Tools panel, from the transform-tools submenu, select the gradient-transform tool, or press F
.
- Position the pointer over the graphic element whose gradient you want to modify; the gradient can be located in a fill or
in a stroke.
The pointer changes to the gradient-transform pointer.
- Click.
Handles for manipulating the gradient appear
. You can rotate the gradient or change its size and/or center point.
- Position the pointer over the gradient’s center-point handle, the circle icon.
The move pointer appears.
- Drag the center-point handle to reposition the center point of the gradient
.
)
)
)
To change a radial gradient’s focal point:
- Follow Steps 1–3 in the preceding task.
- Position the gradient-transform pointer over the focal-point handle, the triangle.
The pointer changes to a triangle.
- Click and drag the focal-point handle to a new location
.
The focal point, where you have the most concentrated amount of the gradient’s central color, shifts to the new location.
)
To resize a gradient in a fill or stroke:
- With the gradient-transform tool selected in the Tools panel, click the graphic element that contains the gradient you want to modify.
- To change the way the gradient fits inside the fill or stroke, do one of the following:
- To change the width of a linear gradient, drag the square handle
.
The pointer changes to a double-headed arrow. Dragging toward the center of your shape squeezes the transition into a narrower space; dragging away from the center of your shape spreads the transition over a wider space.
- To change the shape of a radial gradient, drag the square handle
.
The pointer changes to a double-headed arrow. Dragging toward the center of your shape creates a narrower oval space for the transition; dragging away from the center of your shape creates a wider oval space.
- To change the radius of a radial gradient, drag the circular handle next to the square handle
.
The pointer changes to an arrow within a circle. Dragging toward the center of your shape squeezes the transition into a smaller circular space; dragging away from the center of your shape spreads the transition over a larger circular space.
- To change the width of a linear gradient, drag the square handle
)
)
)
To control overflow:
- Follow the steps in the preceding task to create a gradient that is narrower than the shape it sits in.
- In the Color panel, in the Flow section
, do one of the following:
- To extend the colors in the leftmost and rightmost gradient pointers, select Extend Color (the button on the left).
- To repeat the gradient, but with the colors in reverse order, select Reflect Color (the center button).
- To repeat the gradient with colors in the original order, select Repeat Color (the button on the right).
Note that to activate the Flow buttons, your Publish Settings must be set to publish for Flash Player 8 or later (see Chapter 18).
)
To rotate a gradient fill:
- With the gradient-transform tool selected in the Tools panel, click the fill or stroke containing the gradient you want to modify.
- To rotate the gradient, do either of the following:
- To rotate a linear gradient, drag the round handle
.
- 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.
- To rotate a linear gradient, drag the round handle
)