Onscreen controls provide a more interactive way to edit a gradient’s attributes—color, location and value of color tags and opacity tags, and start and end points—in the canvas. You can also use onscreen controls to add color tags and opacity tags, as well as change their interpolation.
Do one of the following:
In the Motion canvas, Control-click the object with the applied gradient, then choose Edit Gradient from the shortcut menu.
Note: To adjust a Gradient generator’s gradient in the canvas, Control-click the generator and choose Edit Position from the shortcut menu.
In the canvas toolbar, click and hold the transform tools pop-up menu, then choose Adjust Item.
The onscreen controls appear.
In Motion, do one of the following:
In the canvas, adjust the Start X and Y position of the gradient by dragging the top triangle (at the end of the gradient line).
In the canvas, adjust the End X and Y position of the gradient by dragging the bottom triangle (at the end of the gradient line).
In the canvas, adjust the End X and Y position of the gradient by dragging the circle. This onscreen control is only available when Radial is selected from the Type pop-up menu.
In Motion, do one of the following:
To change the location of gradient colors, drag the color tags along the gradient line in the canvas.
To change the location of the gradient opacity, drag the opacity tags along the gradient line in the canvas.
In Motion, do one of the following:
To add a color tag, double-click the gradient control line.
Control-click the gradient control line where you want the tag, then choose Add Color Tag or Add Opacity Tag from the shortcut menu.
Option-click the gradient control line where you want a color tag.
Option-Shift-click the gradient control line at the location where you want the tag.
In Motion, drag the color tag or opacity tag away from the gradient line and release the mouse button.
In Motion, Control-click the tag, then drag the eyedropper in the pop-up color palette to select a color or opacity value. For Opacity, white represents more opaque values and black represents complete transparency. As you drag, the gradient is actively updated.
In Motion, do any of the following:
Change a tag’s interpolation: Control-click the gradient control line next to the tag, choose Color Interpolation or Opacity Interpolation, then choose Constant, Linear, or Continuous from the submenu.
Reverse the direction of a gradient: Control-click the gradient control line, then choose Reverse Color or Reverse Opacity from the shortcut menu.
Evenly distribute tags: Control-click the gradient control line, then choose Distribute Color from the shortcut menu to distribute color tags, or Distribute Opacity to distribute opacity tags.
Download this guide: PDF