Gradient editing

The Fill Tool lets you draw a simple color gradient across your object. The created fill path can be edited directly on the object to introduce more than two colors along the gradient path, introduce opacity, reposition added colors or control color transitions. You can also apply a more complex gradient via a Gradient Editor.

Color gradient examples

Elliptical (showing gradient path), radial, linear and conical path examples.
To modify a gradient (directly on an object):

With the Fill Tool selected, click an object with a gradient fill applied and then do any of the following:

To modify a gradient (via the tool's context toolbar):
  1. With the Fill Tool selected, click an object.
  2. From the context toolbar, select the color swatch.
  3. Click the Gradient option which lets you modify your gradient using the following settings:
    • Type—determines the gradient type (linear, elliptical, etc.) via a pop-up menu.
    • Position—controls the position of the stop along the gradient from left (0%) to right (100%), with 50% representing the central point.
    • Mid Point—adjusts the spread of colors between the selected color stop and the stop to its right.
    • Color—click the color swatch to display a pop-up panel where you can modify the selected stop's color (including noise value).
    • Opacity—controls how see through the stop is. 100% represents fully opaque, 0% represents fully transparent.
    • Insert—adds a new stop between a selected stop and the stop to its right. The stop adopts the color at its new position.
    • Copy—duplicates the selected stop, positioning it between the selected stop and the stop to its right.
    • Delete—removes the selected stop from the gradient. Deleting an end stop shortens the path back to the adjacent stop.
    • Reverse—the gradient is reversed, i.e. like a mirror image.