A gradient is a multicolor fill in which one color gradually changes into another color. 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:. 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.
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. 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. 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. 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. 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.
To return to the default color settings white fill and black stroke , click the Black And White button in the Tools panel. 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. 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.
Note: Selecting a stroke style other than Solid can increase file size. 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 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.
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.
Note: 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. 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 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. 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. Legal Notices Online Privacy Policy. Strokes, fills, and gradients with Animate CC Search. Adobe Animate User Guide.
Select an article: Select an article:. On this page Create or edit a gradient fill Adjust Stroke and Fill color Modifying painted areas with Paint Bucket tool Transform gradient and bitmap fills Lock a gradient or bitmap to fill the Stage. Applies to: Adobe Animate.
Create or edit a gradient fill. Animate can create two types of gradients: Linear gradients change color along a single axis horizontal or vertical. To apply a gradient fill to existing artwork, select an object or objects on the Stage. Select a gradient type from the Type menu:. The gradient is added to the Swatches panel for the current document.
Adjust Stroke and Fill color. Adjust stroke and fill color using the Tools panel. Click the Stroke or Fill Color control, and select a color swatch. To remove any stroke or fill, click the No Color button. To Swap colors between the fill and the stroke, click the Swap Colors button in the Tools panel. Apply a solid color fill using the Property inspector. Select a closed object or objects on the Stage.
To select a color, click the Fill Color control and do one of the following:. Select a color swatch from the palette. Select a stroke color, style, and weight using the Property inspector.
To select a stroke style, click the Style menu and select an option. To create a custom style, click Custom in the Property inspector, select options in the Stroke Style dialog box, and click OK.
(PDF) Adobe Animate CC Classroom in a Book | Aziz Assefa – replace.me.Adobe Animate: There Are 4 Things You Need to Know
Use the Free Transform tool You can perform individual transformations or combine several transformations, such as moving, rotating, scaling. Animate introduces a new Rotation tool that lets you rotate the Stage view temporarily, to help you draw and paint at a particular angle. The release of Adobe Animate CC provides a comprehensive authoring environment for In addition, you need to download the free Adobe AIR runtime.
Create 3D graphics in Animate – Transforming objects
Use this guide to create 3D graphics in Animate. Use the orange free rotate control to rotate around the X and Y axes at the same time. Animate introduces a new Rotation tool that lets you rotate the Stage view temporarily, to help you draw and paint at a particular angle.