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.
-
Radial
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.
-
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 transform the gradient, such as to make a vertical gradient instead of a horizontal one, use the Gradient Transform tool. See Transform gradient and bitmap fills for more information.
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 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.
-
(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.
Note:
When the drawing mode is set to Straighten or Ink, the Smoothing slider is disabled.
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.
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.
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)
- In this mode, when a user clicks the mouse using paint bucket, you can notice the color that is being replaced. In this case, let us consider that green color is being replaced by red now.
- As the user drags across artwork, this option replaces only the contours which are filled with that green color.
- If the user drags across an empty closed contour, it is filled with red.
- At the time of mouse click if the underlying contour was empty, then this option fills empty contours when the user drags the paint bucket tool.
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.
-
Click an area filled with a gradient or bitmap fill. A bounding box with editing handles appears. When the pointer is over any one of these handles, it changes to indicate the function of the handle.
Focal point
The focal point handle appears only when you select a radial gradient. The rollover icon for the focal point handle is an inverted triangle.
Size
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.
Rotation
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.
Width
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°.
Radial gradient controls
A. Center point B. Width C. Rotation D. Size E. Focal point. -
- To change the width of the gradient or bitmap fill, drag the square handle on the side of the bounding box. (This option resizes only the fill, not the object containing the fill.)
- To change the height of the gradient or bitmap fill, drag the square handle at the bottom of the bounding box.
- To rotate the gradient or bitmap fill, drag the circular rotation handle at the corner. You can also drag the lowest handle on the bounding circle of a circular gradient or fill.
- To change the focal point of a circular gradient, drag the middle circular handle on the bounding circle.
- To skew or slant a fill within a shape, drag one of the circular handles on the top or right side of the bounding box.
Note:
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.
