Saturday, September 25, 2021

Illustrator - All About Bushes

 

All About Brushes

Brushes let you stylize the appearance of paths. You can apply brush strokes to existing paths, or you can use the Paintbrush tool to draw a path and apply a brush stroke simultaneously.

There are different types of brushes in Illustrator: calligraphic, scatter, art, pattern, and bristle. You can achieve the following effects using these brushes:

Calligraphic brushes

Create strokes that resemble those drawn with the angled point of a calligraphic pen and are drawn along the center of the path. When you use the Blob Brush tool, you can paint with a calligraphic brush and automatically expand the brush stroke into a fill shape that merges with other filled objects of the same color that intersect or are adjacent in stacking order.

Scatter brushes

Disperse copies of an object (such as a ladybug or a leaf) along the path.

Art brushes

Stretch a brush shape (such as Rough Charcoal) or object shape evenly along the length of the path.

Bristle brush

Create brush strokes with the appearance of a natural brush with bristles.

Pattern brushes

Paint a pattern—made of individual tiles—that repeats along the path. Pattern brushes can include up to five tiles, for the sides, inner corner, outer corner, beginning, and end of the pattern.

Brush types

A. Calligraphic Brush B. Scatter Brush C. Art Brush D. Pattern Brush E. Bristle Brush 

Scatter brushes and Pattern brushes can often achieve the same effect. However, one way in which they differ is that Pattern brushes follow the path exactly, while Scatter brushes do not.

Arrows in a Pattern brush
Arrows in a Pattern brush bend to follow the path (left), but arrows remain straight in a Scatter brush (right).

See a video on using brushes.

Brushes panel overview

The Brushes panel (Window > Brushes) displays brushes for the current file. Whenever you select a brush in a brush library, it is automatically added to the Brushes panel. Brushes that you create and store in the Brushes panel are associated only with the current file, which means that each Illustrator file can have a different set of brushes in its Brushes panel.

Show or hide a type of brush

  1. Choose any of the following from the panel menu: Show Calligraphic Brushes, Show Scatter Brushes, Show Art Brushes, Show Bristle Brushes, Show Pattern Brushes.

Change the view of brushes

  1. Choose Thumbnail View or List View from the panel menu.

Change the order of brushes in the Brushes panel

  1. Drag a brush to a new location. You can move brushes only within their type. For example, you cannot move a Calligraphic brush to the Scatter brush area.

Duplicate a brush in the Brushes panel

  1. Drag the brush onto the New Brush button  or choose Duplicate Brush from the Brushes panel menu.

Delete the brushes from the Brushes panel

  1. Select the brushes and click the Delete Brush button  . You can select brushes that aren’t used in a document by choosing Select All Unused from the Brushes panel menu.

Work with brush libraries

Brush libraries (Window > Brush Libraries > [library]) are collections of preset brushes that come with Illustrator. You can open multiple brush libraries to browse through their contents and select brushes. You can also open brush libraries using the Brushes panel menu.

Note:

To automatically open a brush library when you start Illustrator, choose Persistent from the brush library’s panel menu.

Copy brushes from a brush library to the Brushes panel

  1. Drag the brushes to the Brushes panel or choose Add To Brushes from the brush library’s panel menu.

Import brushes into the Brushes panel from another file

  1. Choose Window > Brushes Libraries > Other Library and select the file.
  2. In the Brush Library panel, click on the individual brush definition or all the brush definitions that you need to import and select Add To Brushes from the Brush Library panel menu (flyout menu).

Create new brush libraries

  1. Add the brushes you want to the Brushes panel, and delete any brushes you don’t want.
  2. Choose Save Brush Library from the Brushes panel menu, and place the new library file in one of the following folders so that it will appear in the Brush Libraries menu when you restart Illustrator:
    • (Windows) User/AppData/Roaming/Adobe/Adobe Illustrator <version number> Settings/Brushes
    • (Mac OS) Library/Application Support/Adobe/Adobe Illustrator <version number> Settings/Brushes
    • Replace <version number>  with the following values, depending on the version of Illustrator that you have installed on your system. For more information, see Replace Illustrator version number.
    Note:

    If you place the file in a different folder, you can open the library by choosing Window > Brush Libraries > Other Library and selecting the library file.

Apply brush strokes

You can apply brush strokes to a path created with any drawing tool, including the Pen tool, Pencil tool, or basic shape tools.

  1. Do one of the following:
    • Select the path, and then select a brush in a brush library, the Brushes panel, or the Control panel.

    • Drag a brush onto the path. If the path already has brush strokes applied to it, then the new brush replaces the old brush.

    Note:

    If you want to apply a different brush to the path and want to use the brush stroke settings used with the original brush, hold down Alt (Win) or Option (Mac OS) when clicking the new brush you want to apply.

Draw paths and apply brush strokes simultaneously

  1. Select a brush in a brush library or the Brushes panel.
  2. Select the Paintbrush tool  .
  3. Position the pointer where you want the brush stroke to begin, and drag to draw a path. A dotted line follows the pointer as you drag.
  4. Do one of the following:
    • To draw an open path, release the mouse button when the path is the desired shape.

    • To draw a closed shape, hold down Alt (Windows) or Option (Mac OS) as you drag. The Paintbrush tool displays a small loop . Release the mouse button (but not the Alt or Option key) when you are ready to close the shape.

      Illustrator sets down anchor points as you draw. The number of anchor points is determined by the length and complexity of the path and by the Paintbrush tolerance settings.

      Tip: To adjust the shape of a brushed path after you finish drawing it, first select the path. Then position the Paintbrush tool on the path, and drag until the path is the desired shape. You can use the technique to extend a brushed path as well as change the shape of the path between the existing end points.

Paintbrush tool options

Double-click the Paintbrush tool to set the following options:

Fidelity

Controls how far you have to move your mouse or stylus before Illustrator adds a new anchor point to the path. For example, a Fidelity value of 2.5 means that tool movements of less than 2.5 pixels aren’t registered. Fidelity can range from 0.5 to 20 pixels; the higher the value, the smoother and less complex the path.

Smoothness

Controls the amount of smoothing that Illustrator applies when you use the tool. Smoothness can range from 0% to 100%; the higher the percentage, the smoother the path.

Fill New Brush Strokes

Applies a fill to the path. This option is most useful when drawing closed paths.

Keep Selected

Determines whether Illustrator keeps the path selected after you draw it.

Edit Selected Paths

Determines whether you can change an existing path with the Paintbrush tool.

Within: _ pixels

Determines how close your mouse or stylus must be to an existing path to edit the path with the Paintbrush tool. This option is only available when the Edit Selected Paths option is selected.

Remove brush strokes

  1. Select a brushed path.
  2. In the Brushes panel, choose Remove Brush Stroke from the panel menu or click the Remove Brush Stroke button  .
  3. You can also remove a brush stroke by selecting the Basic brush from the Brushes panel or Control panel.

Convert brush strokes to outlines

You can convert brush strokes into outlined paths to edit the individual components of a brushed path.

  1. Select a brushed path.
  2. Choose Object > Expand Appearance.

    Illustrator places the components of the expanded path in a group. Within the group are a path and a subgroup containing the brush stoke outlines.

Create or modify brushes

You can create and customize calligraphic, scatter, art, pattern, and bristle brushes depending on your requirement. For scatter, art, and pattern brushes, you must first create the artwork.

Follow these guidelines when creating artwork for brushes:

  • The artwork cannot contain gradients, blends, other brush strokes, mesh objects, bitmap images, graphs, placed files, or masks.

  • For art and pattern brushes, the artwork cannot contain type. To achieve a brush-stroke effect with type, create an outline of the type and then create a brush with the outline.

  • For pattern brushes, create up to five pattern tiles (depending on the brush configuration), and add the tiles to the Swatches panel.

Note:

You can make the brushes you create available for every new document by adding the brush definition to the New Document Profile. For more information on new document profiles, see About new document profiles.

Create a brush

  1. For scatter and art brushes, select the artwork you want to use. For pattern brushes, you can select the artwork for the side tile, but it isn’t necessary. For detailed guidelines to create pattern brushes, see Guidelines for constructing pattern tiles. To know more about pattern brush options, see Pattern brush options.
    Note:

    If you do not want to see a seam between the artwork pieces used to create the pattern brush, turn off the Anti-Aliasing option from Edit > Preferences > General (Windows) or Illustrator > General > Preferences (Mac OS).

  2. Click the New Brush button  in the Brushes panel. Alternatively, drag the selected artwork to the Brushes panel.
  3. Select the type of brush you want to create, and click OK.
  4. In the Brush Options dialog box, enter a name for the brush, set brush options, and click OK.

Modify a brush

  • To change the options for a brush, double-click the brush in the Brushes panel. Set the brush options and click OK. If the current document contains brushed paths that use the modified brush, a message appears. Click Apply To Strokes to change pre-existing strokes. Click Leave Strokes to leave pre-existing strokes unchanged, and apply the modified brush to new strokes only.
  • To change the artwork used by a scatter, art, or pattern brush, drag the brush into your artwork and make the changes you want. Then Alt‑drag (Windows) or Option-drag (Mac OS) the modified brush onto the original brush in the Brushes panel.
  • To modify a brushed path without updating the corresponding brush, select the path and click the Options Of Selected Object button in the Brushes panel or select options of selected object from the Brushes panel menu (flyout menu).

Brush options

You can specify different options for the different types of brushes. To change the options for a brush, double-click the brush in the Brushes panel.

Scatter, Art, and Pattern brushes all have identical options for colorization.

To customize a stroke instance for Art Brushes or Pattern Brushes, click the Options of Selected Objects icon in the Brushes Panel and set the stroke options. For art brush you can set the stroke width along with flipping, colorization, and overlapping options. For pattern brush, you can set the scaling options along with flipping, fitting, and colorization options.

Calligraphic brush options

Angle

Determines the angle of rotation for the brush. Drag the arrowhead in the preview, or enter a value in the Angle box.

Roundness

Determines roundness of the brush. Drag a black dot in the preview away from or toward the center, or enter a value in the Roundness box. The higher the value, the greater the roundness.

Diameter

Determines the diameter of the brush. Use the Diameter slider, or enter a value in the Diameter box.

The pop‑up list to the right of each option lets you control variations in the shape of the brush. Select one of the following options:

Fixed

Creates a brush with a fixed angle, roundness, or diameter.

Random

Creates a brush with random variations in angle, roundness, or diameter. Enter a value in the Variation box to specify the range within which the brush characteristic can vary. For example, when the Diameter value is 15 and the Variation value is 5, the diameter can be 10, or 20, or any value in between.

Pressure

Creates a brush that varies in angle, roundness, or diameter based on the pressure of a drawing stylus. This option is most useful when used with Diameter. It is available only if you have a graphics tablet. Enter a value in the Variation box to specify how much more or less than the original value the brush characteristic will vary. For example, when the Roundness value is 75% and the Variation value is 25%, the lightest stroke is 50% and the heaviest stroke is 100%. The lighter the pressure, the more angular the brush stroke.

Stylus Wheel

Creates a brush that varies in diameter based on manipulation of the stylus wheel. This option is intended to be used with an airbrush pen that has a stylus wheel on its barrel and with a graphics tablet that can detect that pen.

Tilt

Creates a brush that varies in angle, roundness, or diameter based on the tilt of a drawing stylus. This option is most useful when used with Roundness. It is available only if you have a graphics tablet that can detect how close to vertical the pen is.

Bearing

Creates a brush that varies in angle, roundness, or diameter based on the bearing of the pen. This option is most useful when used to control the angle of calligraphic brushes, especially when you’re using the brush like a paintbrush. It is available only if you have a graphics tablet that can detect the direction in which the pen is tilted.

Rotation

Creates a brush that varies in angle, roundness, or diameter based on how the drawing stylus pen tip is rotated. This option is most useful when used to control the angle of calligraphic brushes, especially when you’re using the brush like a flat pen. It is available only if you have a graphics tablet that can detect this type of rotation.

Colorization options for scatter, art, and pattern brushes

The colors that a scatter, art, or pattern brush paints depend on the current stroke color and the colorization method of the brush. To set the colorization method, select one of the following options in the Brush Options dialog box:

None

Displays colors as they appear in the brush in the Brushes panel. Choose None to keep a brush the same colors as in the Brushes panel.

Tints

Displays the brush stroke in tints of the stroke color. Portions of the art that are black become the stroke color, portions that aren’t black become tints of the stroke color, and white remains white. If you use a spot color as the stroke, Tints generates tints of the spot color. Choose Tints for brushes that are in black and white, or when you want to paint a brush stroke with a spot color.

Tints And Shades

Displays the brush stroke in tints and shades of the stroke color. Tints and Shades maintains black and white, and everything between becomes a blend from black to white through the stroke color. Because black is added you may not be able to print to a single plate when using Tints and Shades with a spot color. Choose Tints and Shades for brushes that are in grayscale.

Hue Shift

Uses the key color in the brush artwork, as shown in the Key Color box. (By default, the key color is the most prominent color in the art.) Everything in the brush artwork that is the key color becomes the stroke color. Other colors in the brush artwork become colors related to the stroke color. Hue Shift maintains black, white, and gray. Choose Hue Shift for brushes that use multiple colors. To change the key color, click the Key Color eyedropper, move the eyedropper to the preview in the dialog box, and click the color you want to use as the key color. The color in the Key Color box changes. Click the eyedropper again to deselect it.

For information and samples about each choice, click Tips.

Scatter brush options

Size

Controls the size of the objects.

Spacing

Controls the amount of space between objects.

Scatter

Controls how closely objects follow the path independently on each side of the path. The higher the value, the farther the objects are from the path.

Rotation

Controls the angle of rotation of the objects.

Rotation Relative To

Sets the angle of rotation for scattered objects relative to the page or the path. For example, if you select Page, at 0° of rotation, objects point to the top of the page. If you select Path, at 0° of rotation, objects are tangent to the path.

The pop‑up list to the right of each option lets you control variations in the shape of the brush. Select one of the following options:

Fixed

Creates a brush with a fixed size, spacing, scattering, and rotation.

Random

Creates a brush with random variations in size, spacing, scattering, and rotation. Enter a value in the Variation box to specify the range within which the brush characteristic can vary. For example, when the Diameter value is 15 and the Variation value is 5, the diameter can be 10, or 20, or any value in between.

Pressure

Creates a brush that varies in angle, roundness, or diameter based on the pressure of a drawing stylus. This option is available only if you have a graphics tablet. Enter a value in the rightmost box, or use the Maximum slider. Pressure uses the Minimum value for the lightest tablet pressure and the Maximum value for the heaviest pressure. When you choose this setting for Diameter, the heavier the stroke, the larger the objects.

Stylus Wheel

Creates a brush that varies in diameter based on manipulation of the stylus wheel. This option is available only if you have a graphics tablet that has a stylus wheel on its barrel and can detect input from that pen.

Tilt

Creates a brush that varies in angle, roundness, or diameter based on the tilt of a drawing stylus. It is available only if you have a graphics tablet that can detect how close to vertical the pen is.

Bearing

Creates a brush that varies in angle, roundness, or diameter based on the bearing of a drawing stylus. This option is most useful when used to control the angle of brushes. It is available only if you have a graphics tablet that can detect the direction in which the pen is tilted.

Rotation

Creates a brush that varies in angle, roundness, or diameter based on how the drawing stylus pen tip is rotated. This option is most useful when used to control the angle of brushes. It is available only if you have a graphics tablet that can detect this type of rotation.

Art brush options

Width

Adjusts the width of the art relative to its original width. You can specify the width using the Width option slider. The art brush Width pop-up menu has pen tablet options for adjusting scale variation, such as Pressure, Stylus Wheel, Tilt, Bearing, and Rotation. The default art brush width is 100%.

Note:

If you use the Width tool on a particular Art brush stroke instance, all the tablet data is converted to Width points. Notice that in the Width drop-down list settings, the Width Points/Profiles option is selected.

Brush Scale Options

Preserves proportions in scaled art. The options available are: Scale Proportionately, Stretch to Fit Stroke Length, Stretch Between Guides.

Direction

Determines the direction of the artwork in relation to the line. Click an arrow to set the direction:  to place the left side of the art is the end of the stroke;  to place the right side of the art is the end of the stroke;  to place the top of the art is the end of the stroke;  to place the bottom of the art is the end of the stroke.

Flip Along or Flip Across

Change the orientation of the art in relation to the line.

Colorization

Pick a color for the stroke and method of colorization. You can select from different colorization methods using this drop-down list. The options are Tints, Tints and Shades, and Hue Shift.

Overlap

To avoid joins and folds of an object’s edges to overlap, you can select the Overlap adjustment button .

Segmented art brush

Segmented art brush is an ability to define a non-stretchable portion at the ends of an art brush. From the Art brush’s Brush Options dialog box, select the Stretch Between Guides option, and adjust the guides in the preview section of the dialog box.

Art Brush options
Stretch Between Guides option in the Art brush’s Brush Options dialog box

The art enclosed between the guides is the only portion of the brush that stretches or contracts to make the art brush fit the path length.

Comparing between segmented art brush and non-segmented art brush
Comparing between segmented art brush and non-segmented art brush

A. Segmented art brush B. Non segmented art brush 

Pattern brush options

Scale Adjusts the size of tiles relative to their original size. Specify the scale using the Scale option slider. The Scale drop-down list for pattern brush tool include pen tablet options for adjusting scale variations, such as Pressure, Stylus Wheel, Tilt, Bearing, and Rotation.

Note:

If you use the Width tool on a particular Pattern brush stroke instance, all the tablet data is converted to Width points. Notice that in the Scale pop-up menu for stroke options, the Width Points/Profiles option is selected.

Spacing Adjusts the space between tiles.

Tile Buttons Let you apply different patterns to different parts of the path. Click a tile button for the tile you want to define, and select a pattern swatch from the scroll list. Repeat to apply pattern swatches to other tiles as needed.

Note:

You must add the pattern tiles you want to use to the Swatches panel before you set pattern brush options. After you create a pattern brush, you can delete the pattern tiles from the Swatches panel if you don’t plan to use them for additional artwork.

Tiles in a pattern brush
Tiles in a pattern brush

A. Side tile B. Outer Corner tile C. Inner Corner tile D. Start tile E. End tile 

Flip Along or Flip Across

Changes the orientation of the pattern in relation to the line.

Fit

Determines how the pattern fits on the path: Stretch To Fit lengthens or shortens the pattern tile to fit the object. This option can result in uneven tiling. Add Space To Fit adds blank space between each pattern tile to apply the pattern proportionally to the path. Approximate Path fits tiles to the closest approximate path without changing the tiles. This option applies the pattern slightly inside or outside the path, rather than centered on the path, to maintain even tiling.

Fit options
Fit options

A. Stretch To Fit B. Add Space To Fit C. Approximate Path 

Colorization

Pick a color for the stroke and method of colorization. You can select from different colorization methods using this drop-down list. The options are Tints, Tints and Shades, and Hue Shift.

Bristle brush

Bristle brush allows you to create brush strokes with the appearance of a natural brush with bristles. With Bristle brush, you can:

  • Create natural and fluid brush strokes that simulate the effects of painting with real brushes and media such as water color.

  • Select brushes from a predefined library or create your own brushes from the provided tip shapes such as round, flat, or fan. You can also set other brush characteristics such as bristle length, stiffness, and paint opacity.

Different Bristle brush shapes
An illustration that uses different Bristle brush shapes and characteristics for drawing

When you use Bristle brush with a graphic tablet, Illustrator interactively tracks the movements of the stylus over the tablet. It interprets all aspects of its orientation and pressure input at any point along a drawing path. Illustrator provides the output that is modeled on the stylus’s x-axis position, y-axis position, pressure, tilt, bearing, and rotation.

A cursor annotator that simulates the tip of an actual brush is displayed when using a tablet and stylus that support rotation. This annotator does not appear when other input devices such as a mouse are used. The annotator is also disabled while using the precise cursors.

Note:

Use the Wacom Intuos 3 or higher tablet with Art (6D) pen to explore the full capabilities of the Bristle brush. Illustrator can interpret all 6-degrees of freedom that this device combination provides. However, other devices including the Wacom Grip pen and Art brush pen may not be able to interpret some attributes such as rotation. These uninterpreted attributes are treated as constants in the resulting brush strokes.

While using a mouse, only x and y-axis movements are recorded. Other inputs, such as tilt, bearing, rotation, and pressure remain fixed resulting in even and consistent strokes.

For Bristle brush strokes, feedback is displayed when you drag the tool. This feedback provides an approximate view of the final stroke.

Note:

Bristle brush strokes are made up of several overlapping, filled transparent paths. These paths, like any other filled path in Illustrator, interact with the paint of other objects, including other bristle bush paths. However, the fill for strokes does not self-interact. Therefore, layered, individual, bristle brush strokes build up and interact with each other, but a single stoke scrubbed back and forth in place does not interact with itself and build up.

Use the Bristle brush

To use the Bristle brush do the following:

  1. Create a brush definition by clicking the new brush icon or selecting New Brush from the Brushes panel menu.

  2. Select the Bristle Brush option and click OK.

    Bristle Brush Options dialog box
    Bristle Brush Options dialog box

  3. In the Bristle Brush Options dialog box, specify:

    Name

    of the bristle brush. Maximum length of the brush name can be 31 characters.

    Shape

    Select from ten different brush models, which provide a different drawing experience and appearance of bristle brush paths.

    Size

    Brush size is the diameter of the brush. Like a physical media brush, the Bristle brush diameter is measured at the point where the bristles meet the handle (the ferrule). Specify the brush size using the slider or directly entering the size in the available text field. Range can be between 1mm and 10mm.

    Brush size from the original Brush definition is displayed in Brush preview in the Brushes panel.

    Note:

    The bracket keys, [ and ], are used as shortcuts for decreasing and increasing the size, respectively. The bracket keys increase and decrease the size in 1mm increments.

    Bristle Length

    The bristle length starts from the point where the bristles meet the handle of the bristle tip. The length of the bristles can be specified in the same way as other bristle brush options, by dragging the Bristle Length slider, or specifying the exact value in the Bristle Length field (25% to 300%).

    Bristle Density

    The bristle density is the number of bristles in a specified area of the brush neck. You can set this attribute in the same way as other bristle brush options. It ranges between 1% and 100%, and is calculated based on the brush size and bristle length.

    Bristle Thickness

    The bristle thickness can vary from fine to coarse (between 1% and 100%). Set the bristle thickness like other bristle brush settings, by dragging the slider, or specifying the thickness value in the field.

    Paint Opacity

    This option lets you set the opacity of the paint being used. The paint opacity can vary between 1% (Translucent) and 100% (opaque). The specified opacity value is the maximum opacity used in the brush. You can use the numeric keys[0-9] as shortcut to set the opacity of bristle brush strokes where:

    • 0 = 100

    • 1 = 10%

    • 9 = 90

    In other cases, for example, if you enter 35 in succession, the opacity is set to 35%, and if you enter 356 in succession the opacity value is set to 56 (last two digits). Any string of digits that ends with 00 are set as 100%.

    Stiffness

    Stiffness implies the rigidness of the bristles. If you set a low bristle stiffness value, the bristles are flexible. They become more rigid when you set a higher value. The bristle stiffness ranges between 1% and 100%.

  4. Click OK to create the brush definition with the chosen settings.

With the brush tool selected, and a Bristle brush definition chosen in the Brushes panel, you can create artwork using the Bristle brush.

If you try to print, save, or flatten transparency in a document with more than 30 bristle brush strokes, a warning message is displayed. These warnings are displayed when you save, print, and flatten file content.

Warning dialog box
Warning dialog box when trying to print a document with more than 30 bristle brush strokes

Warning dialog box
Warning dialog box when trying to save a document with more than 30 bristle brush strokes

Warning dialog box
Warning dialog box when trying to flatten the transparency of bristle brush strokes in a document with more than 30 bristle brush strokes


The Illustrator Gradient Tool

 

A gradient is a graduated blend of two or more colors or tints of the same color. You can use gradients to create color blends, add volume to vector objects, and add a light and shadow effect to your artwork. In Illustrator, you can create, apply, and modify a gradient using the Gradient panel, the Gradient tool, or the Control panel.

Gradient types

In Illustrator, you can create the following three types of gradients:

  • Linear
    Use this gradient type to blend colors from one point to another in a straight line.
  • Radial
    Use this gradient type to blend colors from one point to another point in a circular pattern. 
  • Freeform
    Use this gradient type to create a graduated blend of color stops within a shape in an ordered or random sequence such that the blending appears smooth and natural. Freeform gradient can be applied in two modes:
    • Points: Use this mode to shade the area around a color stop.
    • Lines: Use this mode to shade the area around a line.

Note: A color stop is a point on the Gradient Annotator (for linear and radial) or on the object (for freeform) that controls the color of the gradient. You can change the color of the color stops to set a gradient 

Examples of Linear, Radial, and Freeform gradients, using three different color blends

A. Linear gradient B. Radial gradient C. Freeform gradient (Points) 

Note:

Linear and Radial gradients can be applied on the fill and the stroke of an object. The Freeform gradient can be applied only on the fill of an object.

Gradient tool and Gradient panel

You can create or modify a gradient using the Gradient tool or the Gradient panel. Use the Gradient tool when you want to create or modify gradients directly in the artwork and view the modifications in real time.

To open the Gradient tool, click Gradient Tool in the toolbox.

To open the Gradient panel, do one of the following:

  • Choose Window > Gradient.
  • Double-click the Gradient tool in the toolbar.

The Gradient panel is displayed on the canvas.

Options for linear and radial gradient (A-R) | Options for freeform gradient (R-V)

A. Active or previously used gradient B. Drop-down list for existing gradients C. Fill color D. Stroke color E. Reverse Gradient F. Gradient Annotator G. Color stop H. Mid point I. Color Picker J. Show or hide options K. Gradient types L. Stroke types M. Angle N. Aspect Ratio O. Delete Stop P. Opacity Q. Location R. Fill or stroke (with color) S. Color Stop T. Spread U. Freeform gradient V. Freeform gradient modes 

The Gradient tool and the Gradient panel have many options common between them. However, there are some tasks that you can perform only with the tool or the panel. Using the Gradient tool and the panel, you can specify multiple color stops, their location, and spread. You can also specify the angle at which colors display, the aspect ratio of an elliptical gradient, and the opacity of each color.

Gradient Annotator

For the linear and radial gradient types, when you click the Gradient tool in the toolbar, Gradient Annotator appears in the object. Gradient Annotator is a slider that shows a starting point, an end point, a midpoint, and two color stops for the starting and end points.

Gradient Annotator for a Radial Gradient

A. Gradient Annotator B. Dotted ring C. Point to change aspect ratio  D. Rotation cursor E. Point to resize radial gradient F. End point (arrow point) G. Color stop H. Mid point I. Selected color stop J. Origin point 

You can use Gradient Annotator to modify the angle, location, and spread of a linear gradient; and the focal point, origin, and spread of a radial gradient. Once the gradient annotator appears in the object, you can either use the Gradient panel or Gradient Annotator to add new color stops, specify new colors for individual color stops, change opacity settings, and drag color stops to new locations.

To hide or show the gradient annotator, choose View Hide Gradient Annotator or View > Show Gradient Annotator.

In linear and radial gradient annotators, dragging the circular end (starting point) of the gradient slider repositions the origin of the gradient and dragging the arrow end (end point) increases or decreases the range of the gradient. If you place the pointer over the end point, a rotation cursor appears that you can use to change the angle of the gradient.

Note: Freeform gradient lets you place color stops anywhere in the object. Therefore, Freeform gradient does not require a Gradient Annotator.

Apply a predefined gradient

When you click the Gradient tool to apply a gradient for the first time, the White, Black gradient is applied by default. If you had applied the gradient previously, the last used gradient is applied on the object by default.

Illustrator also provides a predefined set of gradients that you can set using the Gradient panel or the Swatches panel. In addition, you can create a gradient and save it in the Swatches panel for future use. To apply a predefined or a saved gradient from the Gradient panel:

  • Select the object on the canvas and click the Gradient drop-down in the Gradient panel.

To apply a predefined gradient from the swatch library:

  • Click Window > Swatches to open the Swatches panel.
  • In the Swatches panel, click the drop-down in the upper-right corner. In the list, choose Open Swatch Library > Gradients and then choose the gradient you want to apply.
  • To display only gradients in the Swatches panel, click the Show Swatch Kinds drop-down list and choose Show Gradient Swatches
Selecting a predefined gradient from the Swatch library

Create and apply linear, radial, and freeform gradients

Based on your requirements, you can choose to apply a linear, radial, and freeform gradient to your artwork.

Applying different types of gradients

Create and apply a linear gradient

To create a linear gradient, do one of the following:

  • Click the Gradient tool and then click the object on the canvas. The Gradient Type buttons are displayed in the Control panel or Properties panel. With the object selected, click Linear Gradient to apply the Linear gradient on the object.
  • In the Gradient panel, click Linear Gradient.
  • In the Properties panel, click Linear Gradient in the Gradient section.

Create and apply a radial gradient

To create or apply a radial gradient, do one of the following:

  • Click the Gradient tool and then click the object on the canvas. The Gradient Type buttons are displayed in the Control panel or Properties panel. With the object selected, click Radial Gradient to apply the Radial gradient on the object.
  • In the Gradient panel, click Radial Gradient.
  • In the Properties panel, click Radial Gradient in the Gradient section.

Create and apply a freeform gradient

To create and apply a freeform gradient, do one of the following:

  • Click the Gradient tool and then click the object on the canvas. The Gradient Type buttons are displayed in the Control panel or Properties panel. With the object selected, click Freeform Gradient to apply the Freeform gradient on the object.
  • In the Gradient panel, click Freeform Gradient.
  • In the Properties panel, click Freeform Gradient in the Gradient section.

After you click Freeform gradient, the following two options are available:

  • Points: Select this option if you want to create color stops as independent points in the object.
  • Lines: Select this option if you want to create color stops over a line segment in the object. 
Note:

To copy a freeform gradient from one object to another, use the Color Picker tool in the toolbar.

Create freeform gradient in points mode

Do the following to create, modify, and delete the freeform gradient for the point mode:

  • To add one or more color stops, click anywhere in the object.
  • To change the position of color stops, drag them and place at the desired location.
  • To delete the color stop, drag them outside the object area or click Delete in the Gradient panel or press the Delete key.
Example of creating a freeform points gradient, adding, and deleting color stops

Set spread for freeform gradient in points mode

You can set the spread of a color stop in the points freeform gradient. Spread is the circular area around the color stop in which a gradient is to be applied. To set the spread of a color stop, select the color stop and do one of the following:

  • In the Gradient panel, select or type a value in the Spread drop-down list.
  • Type a value in the Spread drop-down list in the Control panel, Properties panel, or Gradient panel. You can also use slider that appears when you click Spread.

By default the spread of color stops is 0%.  

Changing the spread of a freeform line gradient

Note:

Spread is supported only for the point mode.

Create freeform gradient in lines mode

To add color stops for the freeform gradient for line mode, do one of the following:

  • Click anywhere in the object to create the first color stop, which is the starting point for the line segment.
  • Click to create the next color stop. A straight line is added connecting the first and the second color stops. 
  • Click again to create further color stops. The straight line changes into a curved line. 

You can create multiple individual line segments in an object. To create a new line segment:

  • Drag the pointer outside the object and bring it back to the object and then click anywhere to create the first color stop for the line segment.

Note: You can also drag the line segments and join them together if you want.

To delete the selected color stops:

  • Drag them outside the object area or click Delete in the Gradient Panel.

To change the position of color stops:

  • Drag the color stop and place it at the desired location. The line segment also shrinks or expands when you change the position of a color stop. The position of other color stops remains unchanged.
Example of creating a freeform line gradient, adding, and deleting color stops

Note:

When you apply a gradient, the default experience is applied on the selected object. To disable this feature, you can deselect the Enable Content Aware Defaults option in the Edit Preferences > General (Windows) or Illustrator Preferences General (Mac OS) menu. This option is disabled for the Windows 32-bit machine.

Modify gradients

You can modify the color, origin, opacity, location, and angle of a gradient from the Gradient tool, Gradient panel, Control panel, and Properties panel. 

To directly enter into the gradient editing mode from the Gradient panel, select the object and click the Edit Gradient button. You can then edit the options, such as color stops, color, angle, opacity, location, aspect ratio, etc.

Example of modifying a Linear Gradient

A. Shades of the same color B. Two different colors C. Modified angle D. Resized annotator E. Changed location 

Example of modifying a Radial Gradient

A. Two different colors B. Changed origin within the dotted ring C. Changed location of Gradient Annotator D. Changed aspect ratio E. Changed mid-point location 

Add and modify color stops

After a gradient is applied, you can add various color stops on the Gradient Annotator.

To add color stops:

  • Place the pointer on the Gradient annotator and when you see a + symbol below the pointer, click the Gradient Annotator. 

A color stop is added at the point you click.

To delete a color stop, select the color stop and do one of the following:

  • Press the Delete key.
  • Click the Delete button in the Gradient panel.

To select multiple color stops, press the Shift key and click the color stops.

To clear all the selected color stops, press the Escape key.

NoteWhen you select a color stop for gradient, the Control panel and the toolbar show options for modifying color stops. In addition, the color options are displayed on the Color tab to the right.

Modify color

To change the color of a color stop, do one of the following:

  • Double-click the color stop.
    The color panel is displayed in which you can choose a color you want to apply. The selected color is applied from the currently selected color stop to the next color stop.

A. Color stop B. Spread C. Opacity D. Color E. Swatches F. Color Picker G. Swatch colors 

  • Click the Swatches button on the color panel to choose a color from the available swatches. 
  • Click Color Picker on Color panel to pick and apply any color from the canvas and apply anywhere. Press Escape or Enter to exit the color picker mode. The Color panel, Gradient panel, and Properties panel provide the color picker option.
  • Open the Swatches panel by clicking Windows > Swatches. Click the object fill in the Swatches panel. The selected color is applied on the selected color stop.
Changing color using the Color panel

Modify origin, resize and rotate gradient annotator

The starting point of Gradient Annotator is called origin.

  • To change the origin, place the pointer on the starting point and drag to move it.
  • To resize the gradient annotator, drag the end point closer to or away from the starting point.

Note: Gradient Annotator cannot be resized with the starting point (origin).

Changing the origin of linear and radial gradients

Resizing the annotator for linear and radial gradients

  • To rotate the gradient annotator for Linear gradient, hold the end point of the gradient annotator. When you see a circular arrow symbol, drag the annotator and rotate in any direction. A dotted rectangle is displayed to indicate the new position of the annotator.
  • To rotate the gradient annotator for Radial gradients, place the pointer on the end point of the Gradient Annotator and drag the annotator when a circular arrow symbol appears.
    When you place the pointer within the radius range of the radial gradient, a dotted ring is displayed. You can rotate this ring along its axis to change the angle of the radial gradient. In addition, two points are displayed on the dotted ring. You can click one of those points to change the shape of the ring (aspect ratio) and click the other point to change the size of the dotted ring (spread of the gradient).

Modify location

To change the location of color stops and their midpoints:

  • Drag them along the gradient slider.
  • Add the value in the Location box in the Gradient panel. (show example of changing location of color stop).

By changing the midpoint, you can adjust the color division between the two color stops. 

Modify angle

To change the angle of the gradient:

  • Rotate the gradient annotator on the object.
  • Select or type a value in the Angle drop-down box in the Gradient panel.

Modify opacity

To change the opacity of the color stop, click a color stop and do one of the following:

  • Select or type a value in the Opacity box in the Gradient panel or Control panel. 
  • Move the opacity slider in the Control panel.

When a color stop has an opacity value less than 100%, the color appears in the checkered form in the Gradient annotator.

Reverse gradient

To reverse the colors in the gradient, click Reverse Gradient in the Gradient panel.

Save gradients as swatches

To save the new or modified gradient as a swatch in the current file, do one of the following:

  • Click the Add to Swatches button in the Gradient Menu.
  • Click the swatches menu in the Swatches panel and choose New Swatch.
  • Drag the Gradient fill box from the Gradient Panel to the Swatches panel. 
Note:

To use the gradients for future sessions, save the gradients in the Creative Cloud library.

Apply gradients on stroke

To apply a gradient on stroke of the object, select the object and do the following:

  • Choose a gradient in the Gradient panel.
  • Select Stroke(X) from the toolbar, Swatches panel, Gradient panel, and Properties panel.
  • Select one of the following stroke styles:
    • Apply Gradient within the stroke
    • Apply Gradient along the stroke
    • Apply gradient across the stroke

Apply gradients across multiple objects

To apply a linear or a radial gradient for multiple objects, do the following:

  • Apply gradient on one object. Select the other objects that you want to fill with same gradient. To do this, click the Selection tool from the toolbar. Hold the Shift key and click the objects that you want to fill with same gradient.
  • Select the Color picker tool from the toolbar and click the gradient. Then, select objects on which the selected gradient is to be applied.
  • Click the Fill icon in the Gradient panel, toolbar, or Properties panel.

Using the Gradient tool, do one of the following:

  • To create a gradient with one Gradient annotator, click anywhere on the canvas where you want the gradient to start, and drag to where you want the gradient to end. 
  • To create a gradient with a Gradient annotator for every selected object, click in the artboard where you want the gradient to start, and Alt-drag (Windows) or Option-drag (macOS) to where you want the gradient to end. You can then adjust the different gradient sliders for the different objects. (Multiple gradient sliders are only created for simple paths.)