Apply a Gradient (Mac)

Learn how to apply a gradient to the canvas or to objects created with the Shape, Callout, and Fill tools.

3d Snagit icon

Apply a gradient to the canvas to give your image a more colorful, eye-popping background. Or use a gradient fill in objects created with the Shape, Callout, and Fill tools.

Example image with a gradient background

1. Open the Color Picker

For Canvas Color

  1. Control+click the Editor workspace (the area surrounding the canvas) and select the Change Canvas Color option.
  2. Click the Canvas Color preview.
    Canvas Color preview and color picker

For the Shape, Callout, or Fill Tool

  1. In the Snagit Editor toolbar, select the Shape, Callout, or Fill tool.
    Shape tool Callout Tool thumbnail Fill tool
  2. In the Tool Properties panel, click the Fill dropdown.
    Fill property and color picker for tools

2. Create a Gradient

  1. In the color picker, select Gradient Color Fill from the dropdown.
  2. Click to select one end of the gradient color bar.
    Gradient color bar in the color picker
  3. Complete one of the following to select the first color for the gradient:
    • Click to select a preset color.
      Theme preset colors
      Note: Preset colors are determined by the theme that is currently selected. See Snagit Themes.
    • Click to select a color from the palette.
      Color palette
    • Enter a HEX or RGB value into the field.
      Enter a color value or change between Hex and RGB
    • Click the Eyedropper button and then click to select a color from anywhere on the screen.
      Eyedropper icon
  4. Click to select the other end of the gradient color bar.
    Gradient color bar in the color picker
  5. Repeat step 3 to select the second color for the gradient.
  6. Click to select a gradient style:
    • Linear: The color transitions from one side or corner to another. To set the direction of the gradient, enter an angle value in degrees, click the dial, or drag the dial.
      Angle controls for linear gradient
    • Radial: The color transitions from the center of the image outward.
  7. To close the color picker, click the preview above the color picker.
    Color picker preview
  8. To apply the gradient:
    • Canvas Color: Click Apply.
    • Shape, Callout, or Fill: With the gradient selected in the Fill property, use the tool. See Shape Tool, Callout Tool, or Fill Tool.
Labeled gradient options in the color picker

3. Save a Gradient for Future Use

Save a gradient fill for the Shape, Callout, or Fill tool as a Quick Style to easily use again.

As you create a gradient, a temporary Quick Style appears below the existing styles. Click the Add quick style icon icon to save the new Quick Style.
Temporary quick style

To learn more, see Quickly Access Favorite Styles and Tools.

Note: This tutorial is for Snagit version 2025. Previous versions may look or function differently.

All Snagit Tutorials