- Setting Selection Preferences
- Selecting Lines with the Selection Tool
- Selecting Fills with the Selection Tool
- Using a Selection Rectangle
- Using the Lasso Tool
- Deselecting Elements
- Repositioning Elements Manually
- Repositioning Elements Numerically
- Basic Editing Tasks: Cut, Copy, Paste
- Editing Existing Elements with Assistance
- Moving End Points with the Selection Tool
- Moving Points with the Subselection Tool
- Reshaping Curves with the Selection Tool
- Reshaping Curves with the Subselection Tool
- Converting, Removing, and Adding Points
- Reshaping Fills
- Changing the Size of Graphic Elements
- Reorienting Graphic Elements
- Distorting Graphic Elements
- Changing the Envelope of Selected Elements
- Modifying Strokes
- Using the Eraser Tool in Normal Mode
- Using the Faucet Modifier
- Modifying Fill Colors
- Creating Solid Colors: Color Mixer Panel
- Creating New Gradients
- Creating Color Sets
- Putting Gradients to Work
- Modifying Applied Gradients
- Applying Attributes of One Graphic Element to Another
- Converting Lines to Fills
This chapter is from the book
This chapter is from the book
This chapter is from the book
Creating New Gradients
In addition to solid colors, Flash works with gradients—bands of color that blend into each other. Gradients can be linear (parallel bars of color) or radial (concentric rings of color). Gradients can create interesting visual effects and are useful for adding shading—to make a circle look like a sphere, for example.
Flash defines each gradient with a set of markers, called gradient pointers, that indicate which color goes where in the lineup of color bands. You define the color for each pointer. By positioning the pointers on the gradient-definition bar, you control how wide each band of color is. Each gradient can contain as many as eight colors.
You define new gradients in the Color Mixer panel.
To create a three-color linear gradient:
- Open the Color Mixer panel.
- From the Color Mixer panel's Fill Style menu, choose Linear (
Figure 3.85
).
The tools for defining gradients—a color-proxy box (a set of swatches for setting a gradient pointer's color) and a gradient-definition bar—appear.
Figure 3.85 Choose Linear from the Fill Style menu to access the tools for defining linear gradients.
- If the panel is collapsed, click the triangle in the bottom-right corner of the panel.
The Color Picker and gradient- preview window appear (
Figure 3.86
).
Figure 3.86 The expanded Color Mixer panel displays the gradient-preview window and Color Picker.
- Position the pointer on or below the gradient-definition bar. Flash adds a plus sign to the pointer, indicating that you can add a new gradient pointer in this area.
- To add a new pointer, click anywhere along the gradient-definition bar. Flash adds a new gradient pointer containing the color currently specified in the Color Mixer.
- To change the leftmost pointer's color, select it and then do one of the following:
- Click the color-proxy box in the top half of the Color Mixer panel, and choose a color from the set of swatches that appears.
- Enter new values in the Alpha and/or RGB or HSB fields.
- Choose a new color in the Color Picker.
- Enter a new value in the Hex field.
- Repeat step 6 for the middle and rightmost pointers.
- Drag the pointers to position them on the gradient-definition bar (
Figure 3.87
).
Place pointers closer together to make the transition between colors more abrupt; place them farther apart to spread the transition out over more space. As you modify the gradient, your changes appear in the Toolbar's fill-color box. The new gradient also appears in the Property Inspector for any tools that create a fill—say, the oval tool. Those tools are now loaded and ready to create shapes using that gradient.
Figure 3.87 Choose a color for each gradient pointer. The colors and positions of the pointers on the bar define a gradient's color transitions.
)
)
)
To create a new radial gradient:
- Open the Color Mixer panel.
- From the Fill Style menu, choose Radial. The tools for defining circular gradients appear. The gradient-definition bar looks the same as it does for linear gradients, but the preview shows your gradient as a set of concentric circles (
Figure 3.88
). The leftmost pointer defines the inner ring; the rightmost pointer defines the outer ring.
Figure 3.88 Choose Radial from the Fill Style menu to create a circular gradient. The preview window translates the horizontal gradient-definition bar into the appropriate circular color transitions.
- Follow steps 4 through 8 of "To create a three-color linear gradient" earlier in this chapter to define the color transitions in the radial gradient.
)
TIPs
- To modify an existing gradient, choose it in the Color Swatches panel. Flash switches the Color Mixer panel to gradient mode and displays the selected gradient. Now you can make any changes you need.
- Gradients can have transparency. You simply use a transparent color in one or more gradient pointers (see "To define a color's transparency" earlier in this chapter). If a gradient has transparency, a grid shows up in the gradient pointer, in the color-proxy box, and in the transparent part of the gradient in the preview window (
Figure 3.89
).
Figure 3.89 When transparent colors make up part of a gradient, grid lines appear in the gradient pointer, the color-proxy window, and the gradient-preview window.
- Each pointer in a gradient can have a different alpha setting. To create fade effects, try creating a gradient that blends from a fully opaque color to a transparent one.
)
You can save a new gradient by adding it to the Color Swatches panel.
To add a gradient to the Color Swatches panel:
- Create a new gradient, using any of the techniques outlined in the preceding sections.
- In the Color Mixer panel, do one of the following:
- From the Options menu, choose Add Swatch.
- Position the pointer over the blank area of the Color Swatches panel, and when the paint-bucket icon appears, click.