Skip Navigation

Fills

The Mac app support five different fill types:

  • Solid fill Oval
  • Linear Gradient Linear Gradient
  • Radial Gradient Radial Gradient
  • Angular Gradient Angular Gradient
  • Image Fill Image Fill

By default, all new layers have a single, solid color fill.

How to add a new Fill

To add a new fill, click Create in the Fills panel. You can add as many fills as you like to a single layer and they’ll stack on top of each other. For each fill you create, you’ll have the following options:

An annotated image showing the different fill options and controls
  1. Enable/Disable checkbox
  2. Color/Preview well. Click on this to select a different color or change the fill type. Read more about colors.
  3. Color Swatch Color Swatch. Click the icon and navigate through all the Color Variables in your documents and Libraries.
  4. Blending Mode blending. Click the icon and select a blending mode. If you select anything other than Normal, the icon’s color will change to blue.
  5. Fill Options. If you’re using a solid color fill, you’ll see that color’s HEX value here for easy copy and pasting. If you’re using a gradient or image fill, you’ll see options to change their type here. Note: When you change the hex value of a color in the color picker it will preserve whatever alpha value you had set for that color before.
  6. Opacity. Along with blending modes, you can change a fill’s opacity to combine and show two or more fill types.

Tip: Press F to toggle the visibility of all fills for any selected layer.

How to add an image Fill

Click on the color well on a fill’s options and then click the image fill button Image Fill on the right in the popover. Select your own image by choosing Choose Image…, pick one from the presets at the bottom of the popover, or click the Data icon dataset to select one from a data source.

You can then choose from four different fill types:

  • Fill adjusts the size of the image to fit the layer’s width.
  • Fit adjusts the size of the image to fit the layer’s height.
  • Stretch fits the image to the layer’s height and width ratio by stretching it.
  • Tile keeps the image at its original size, with the option to adjust this, and tiles it to fit the layer.

You can also click the clock icon Small clock above the image preview to see frequently used images in your document, or choose a basic pattern or noise fills from the global presets at the bottom.

How to change Fill settings for overlapping paths

When you’ve applied a fill to a shape, click on the settings icon Settings near the Fills section title. From here you can choose whether to use the Non-Zero or Even-Odd rules to fill shapes, according to the winding rule.

Last updated on 21 Apr 2021

Was this article useful?

We’re really sorry about that.
Please let us know what you were looking for:

If you need more help or you’d like to report a bug with this content, please contact support.

Thanks for your feedback.
An error occurred, please try again later.