To apply a gradient fill to existing artwork, select an object or objects on the Stage.
A gradient is a multicolor fill in which one color gradually changes into another color. Animate CC (formerly Flash Professional CC) lets you apply up to 15 color transitions to a gradient. Creating a gradient is a good way to create a smooth color gradation across one or more objects. You can save a gradient as a swatch to make it easy to apply the gradient to multiple objects. Animate can create two types of gradients:
Linear gradients change color along a single axis (horizontal or vertical).
Radial gradients change color in an outward direction starting from a central focal point. You can adjust the direction of a gradient, its colors, the location of the focal point, and many other properties of the gradient.
Animate CC provides additional control over linear and radial gradients for use with Flash Player. These controls, called overflow modes, let you specify how colors are applied beyond the gradient.
To apply a gradient fill to existing artwork, select an object or objects on the Stage.
If the Color panel is not visible, select Window > Color.
To select a color display mode, select RGB (the default setting) or HSB from the panel menu.
Select a gradient type from the Type menu:
Creates a gradient that shades from the starting point to the end point in a straight line.
Produces a gradient that blends outward in a circular path from a central focal point.
note: When you select a linear or radial gradient, the Color panel also includes two other options if you are publishing for Flash Player 8 or later. First, the Overflow menu is enabled below the Type menu. Use the Overflow menu to control the colors applied past the limits of the gradient. Second, the gradient definition bar appears, with pointers below the bar indicating the colors in the gradient.
(Optional) From the Overflow menu, select an overflow mode to apply to the gradient: Extend (the default mode), Reflect, or Repeat.
(Optional) To create an SVG-compliant (Scalable Vector Graphics) linear or radial gradient, select the Linear RGB check box. This will allow the gradient to look smooth when scaled to different sizes after it is first applied.
To change a color in the gradient, select one of the color pointers below the gradient definition bar (the triangle at the top of the selected color pointer will turn black). Then click in the color space pane that appears above the gradient bar. Drag the Brightness slider to adjust the lightness of the color.
To add a pointer to the gradient, click on or below the gradient definition bar. Select a color for the new pointer, as described in the previous step.
You can add up to 15 color pointers, letting you create a gradient with up to 15 color transitions.
To reposition a pointer on the gradient, drag the pointer along the gradient definition bar. Drag a pointer down and off of the gradient definition bar to remove it.
To save the gradient, click the triangle in the upper-right corner of the Color panel, and select Add Swatch from the menu.
The gradient is added to the Swatches panel for the current document.
You can specify the stroke and fill color of graphic objects and shapes using either the Stroke Color and Fill Color controls in the Tools panel, or the Stroke Color and Fill Color controls in the Property inspector.
The Stroke Color and Fill Color section of the Tools panel contains controls for activating the Stroke Color and Fill Color boxes, which in turn determine whether the strokes or fills of selected objects are affected by color choices. Also, the Colors section has controls for quickly resetting colors to the default, setting the stroke and fill color settings to None, and swapping fill and stroke colors.
In addition to letting you select a stroke and fill color for a graphic object or shape, the Property inspector provides controls for specifying the stroke width and style.
To use these controls to change the painting attributes of existing objects, first select the objects on the Stage.
Also see: Live Preview of Colors.
The Tools panel Stroke Color and Fill Color controls set the painting attributes of new objects you create with the drawing and painting tools. To use these controls to change the painting attributes of existing objects, first select the objects on the Stage.
Click the Stroke or Fill Color control, and select a color swatch.
Click the System Color Picker button in the pop-up window, and select a color. You could also hover the pointer over different colors to preview the effect of the color on the shape.
Type a color’s hexadecimal value in the box.
To return to the default color settings (white fill and black stroke), click the Black And White button in the Tools panel.
To remove any stroke or fill, click the No Color button.
Note: The No Color button appears only when you are creating an oval or rectangle. You can create an object without a stroke or fill, but you cannot use the No Color button with an existing object. Instead, select the existing stroke or fill and delete it.
To Swap colors between the fill and the stroke, click the Swap Colors button in the Tools panel.
Animate CC allows you to preview Stroke or Fill colors live when changing them from the Color Swatch. For more information, see Live Preview of Colors.
To select a color, click the Fill Color control and do one of the following:
To change the stroke color, style, and weight for a selected object, use the Stroke Color control in the Property inspector. For stroke style, choose from styles that are preloaded with Animate, or create a custom style. To select a solid color fill, use the Fill Color control in the Property inspector.
Selecting a stroke style other than Solid can increase file size.
Is flush with the path’s end.
Adds a round cap that extends beyond the path end by half the stroke width.
Adds a square cap that extends beyond the path by half the stroke width.
(Optional) If you are drawing lines using the Pencil or Brush tools with the drawing mode set to Smooth, use the Smoothing slider to specify the degree to which Animate smooths the lines you draw.
By default, the Smoothing value is set to 50, but you can specify a value from 0 to 100. The greater the smoothing value, the smoother the resulting line.
When the drawing mode is set to Straighten or Ink, the Smoothing slider is disabled.
Line lengths exceeding this value are squared instead of pointed. For example, a Miter limit of 2 for a 3-point stroke means that when the length of the point is twice the stroke weight, Animate removes the limit point.
To change the stroke color, width, and style of one or more lines or shape outlines, use the Ink Bottle tool. You can apply only solid colors, not gradients or bitmaps, to lines or shape outlines.
Using the Ink Bottle tool, rather than selecting individual lines, makes it easier to change the stroke attributes of multiple objects at one time.
Use the Eyedropper tool to copy fill and stroke attributes from one object and immediately apply them to another object. The Eyedropper tool also lets you sample the image in a bitmap to use as a fill.
When you click a stroke, the tool automatically changes to the Ink Bottle tool. When you click a filled area, the tool automatically changes to the Paint Bucket tool with the Lock Fill modifier turned on.
The Paint Bucket tool fills enclosed areas with color. This tool lets you do the following:
Fill empty areas, and change the color of already painted areas.
Paint with solid colors, gradients, and bitmap fills.
Use the Paint Bucket tool to fill areas that are not entirely enclosed.
Have Animate close gaps in shape outlines as you use the Paint Bucket tool.
If gaps are too large, you might have to close them manually.
You can use Paint bucket tool to click and drag across the contours of an object to fill them with a chosen color. Click and drag the tool in any direction across the contours. Paint bucket tool fills the color wherever dots are captured across the contours.
When you select the Fill all regions checkbox, all regions of selection are filled with the color while dragging.
By default, the Fill all regions option is unchecked. In this mode, Paint Bucket tool fills only specific color.
When Fill all regions is not selected (default)
When Fill all regions is selected
All the regions are filled with the selected color. In case of above mentioned illustration, it is red.
You can transform a gradient or bitmap fill by adjusting the size, direction, or center of the fill.
The rollover icon for the center point handle is a four-way arrow.
The focal point handle appears only when you select a radial gradient. The rollover icon for the focal point handle is an inverted triangle.
The rollover icon for the size handle (middle handle icon on the edge of the bounding box) is a circle with an arrow inside of it.
Adjusts the rotation of the gradient. The rollover icon for the rotation handle (the bottom handle icon on the edge of the bounding box) is four arrows in the shape of a circle.
Adjusts the width of the gradient. The rollover icon for the width handle (the square handle) is a double-ended arrow.
Press Shift to constrain the direction of a linear gradient fill to multiples of 45°.
A. Center point B. Width C. Rotation D. Size E. Focal point.
To see all the handles when working with large fills or fills close to the edge of the Stage, select View > Pasteboard.
You can lock a gradient or bitmap fill to make it appear that the fill extends over the entire Stage and that the objects painted with the fill are masks revealing the underlying gradient or bitmap.
When you select the Lock Fill modifier with the Brush or Paint Bucket tool and paint with the tool, the bitmap or gradient fill extends across the objects you paint on the Stage.