Gradient Fills & Strokes

Click on a menu title above for a detailed explanation of that menu's commands.
Gradients can be used to fill or stroke path and text block graphics. Three steps are required to add a gradient to a graphic.
  • First, select the graphic(s) you want to change, open the Fill or Stroke attribute inspector, and ensure the style isn't "None" in the inspector. Now click in the inspector paint well to activate the fill or stroke attribute.

  • Next, create the gradient. Open the Gradient Editor from the Window menu, and create a new gradient with the colors and other characteristics you desire. This gradient will be applied to the selected graphics.

  • Finally, if you wish you can set the start and end points of the gradient for the graphic(s). While the graphic is still selected, choose the Gradient Tool in the Tool palette and drag a line defining the gradient points for the graphic. Note that if you're setting the gradient points for more than one graphic the gradient will blend together where these graphics overlap.

There are two types of gradients, linear and radial.

  • A linear gradient starts at the start point and changes along a straight line to the end point.


  • A radial gradient starts at the start point and changes along the radius of a circle to the end point. In other words, the gradient forms a circle whose center is at the start point and whose outer edge is at the end point.


Note: to create a gradient with a transparent color (as shown in the image above), you'll need to specify the transparent color in the Solid Color Editor rather than the standard color picker.