Table of Contents

Apply fill effects

The effects in the Fill category fill your selected layer using a color, gradient, pattern, or image.


Fill an image with color, gradient, pattern, or image

Fill effects can be applied directly to a single layer or, using an effects layer, to multiple layers in a composition.

To add Fill effect the currently selected layer, do one of the following:

  • Choose Format > Effects > Fill (from the Format menu at the top of your screen) and choose the Fill effect you want.
  • Click in the Tools sidebar, then click Add Effect and add the Fill effect you want.
  • Press F on your keyboard, click Add Effect and add the Fill effect you want.

To apply Fill effect to multiple layers in a composition using an effects layer (all layers below this layer will be affected):

  • Choose Insert > Effects (from the Insert menu at the top of your screen), click Add Effect in the Tool Options pane and add the Fill effect you want.
  • Click at the top of the Layers sidebar, choose Effects, click Add Effect in the Tool Options pane and add the Fill effect you want.
  • Press Shift ⇧ + Command ⌘ + F on your keyboard, click Add Effect in the Tool Options pane and add the Fill effect you want.
Fill a layer with solid color

The Color effect fills your selected layer with a custom color.

Customize the effect:

  • Click the Color color well to choose which color to fill with. You can also press and hold the Option ⌥ key on your keyboard to quickly pick a color from the image.

  • Move the Opacity slider to adjust the transparency of the fill effect.

  • Click the Opacity (Normal) pop-up menu to choose a different blend mode.

Show Original: Click the Show Original button or press Control ⌃ + M on your keyboard to see what the image looks like without any effects.

Show Split Comparison: Option ⌥ – click the Show Original button, press Control ⌃ + C on your keyboard, or force click the canvas.

To reset all effects, click Reset at the bottom of the Tool Options pane.

To preserve layer transparency when filling a layer with a solid color, click the effect name in the Tool Options pane and choose Preserve Transparency.

Fill a layer with a gradual transition between colors

The Gradient effect fills your selected layer with a gradual transition between multiple colors.

Customize the effect:

  • Click the Gradient well to customize the gradient or choose a new one using the gradients palette.

  • Move the Scale slider to adjust the transition between the colors of the gradient. You can also enter a value from 0% to 200%.

  • Move the Angle wheel to adjust the rotation of the gradient. You can also enter a value from 0.0º to 359.9º.
 Move the Opacity slider to adjust the transparency of the gradient. Click the Opacity (Normal) pop-up menu to choose a different blend mode.

  • Move the handles of the effect rope to adjust the position of the gradient. If the effect rope isn’t visible, click the rope button in the Tool Options pane.

Show Original: Click the Show Original button or press Control ⌃ + M on your keyboard to see what the image looks like without any effects.

Show Split Comparison: Option ⌥ – click the Show Original button, press Control ⌃ + C on your keyboard, or force click the canvas.

To reset all effects, click Reset at the bottom of the Tool Options pane.

To preserve layer transparency when filling a layer with a transition between two colors, click the effect name in the Tool Options pane and choose Preserve Transparency.

Fill a layer with a repeating pattern

The Pattern effect fills your selected layer with a repeating pattern.

Customize the effect:

  • Drag and drop the image you’d like to use as the pattern onto the image well in the Tool Options pane. Or click the Image pop-up menu, click Choose, find the image you’d like to use and click Import.

  • Move the Scale slider to adjust the size of the pattern. You can also enter a value from 0% to 200%.

  • Move the Angle wheel to adjust the rotation of the pattern. You can also enter a value from 0.0º to 359.9º.
 Move the Opacity slider to adjust the transparency of the pattern. Click the Opacity (Normal) pop-up menu to choose a different blend mode.

  • Move the handles of the effect rope to adjust the position of the pattern. If the effect rope isn’t visible, click the rope button in the Tool Options pane.

Show Original: Click the Show Original button or press Control ⌃ + M on your keyboard to see what the image looks like without any effects.

Show Split Comparison: Option ⌥ – click the Show Original button, press Control ⌃ + C on your keyboard, or force click the canvas.

To reset all effects, click Reset at the bottom of the Tool Options pane.

To preserve layer transparency when filling a layer with a repeating pattern, click the effect name in the Tool Options pane and choose Preserve Transparency.

Fill a layer with a custom image

The Image effect fills your selected layer with a custom image, similar to the way a clipping mask clips the contents of one layer to the outline of another.

Customize the effect:

  • Drag and drop the image you’d like to use as the fill image onto the image well in the Tool Options pane. Or click the Image pop-up menu, click Choose, find the image you’d like to use and click Import.

  • To change how the image fits into your layer, click the Image pop-up menu and choose from Original, Stretch, Scale to Fill and Scale to Fit.

  • Move the Scale slider to adjust the size of the image. You can also enter a value from 0% to 200%.

  • Move the Angle wheel to adjust the rotation of the image. You can also enter a value from 0.0º to 359.9º.


  • Move the Opacity slider to adjust the transparency of the image. Click the Opacity (Normal) pop-up menu to choose a different blend mode.

  • Move the handles of the effect rope to adjust the position of the image. If the effect rope isn’t visible, click the rope button in the Tool Options pane.

Show Original: Click the Show Original button or press Control ⌃ + M on your keyboard to see what the image looks like without any effects.

Show Split Comparison: Option ⌥ – click the Show Original button, press Control ⌃ + C on your keyboard, or force click the canvas.

To reset all effects, click Reset at the bottom of the Tool Options pane.

To preserve layer transparency when filling a layer with a custom image, click the effect name in the Tool Options pane and choose Preserve Transparency.

Pixelmator Pro User Guide