Modify layer opacity

The opacity and blending controls for each layer appear in the Properties Inspector and in the default HUD for any selected layer.

By stacking layers with varying opacities, you can merge images together in ways not otherwise possible. For example, if you have two full-screen background images you want to use together, you can set the opacity of the layer in front to 50%, allowing the layer in back to show through.

Canvas showing the effect of decreasing an object's opacity

You can overlap as many layers as you want, and by varying their opacities, selectively reveal layers in the back.

Change a layer’s opacity

Do one of the following:

  1. In the Layers list or Canvas, select a layer.

  2. Do one of the following:

    • In the Properties Inspector, adjust the Opacity slider (in the Blending section).

    • In the HUD, adjust the Opacity slider.

Note: Some layers, such as text and shapes, have additional opacity parameters in their respective panes in the Inspector. For example, setting a shape’s Opacity value in the Properties Inspector and setting its Opacity value in the Style Inspector require separate controls that have multiplicative effects. In other words, if Opacity is set to 50% in the Properties Inspector, then set to 50% in the Style pane of the Shape Inspector, the resulting opacity for the text is 25%.

Limit the visibility of overlapping layers

The Preserve Opacity checkbox in the Properties Inspector lets you limit a layer’s visibility to areas of the Canvas where the layer overlaps nontransparent regions of other layers.

  • With a layer (the dolphin image in this example) selected in the Canvas or Layers list, select the Preserve Opacity checkbox in the Properties Inspector.

    Canvas showing overlapping objects with Preserve Opacity turned off

    The only area of the layer visible is the area that overlaps the layer behind it.

    Canvas showing overlapping objects with Preserve Opacity turned on

At first, this might not appear to be very exciting, but the Preserve Opacity checkbox can be used in combination with the Opacity and Blend Mode controls to create some very interesting effects.

Note: The layer with the enabled Preserve Opacity parameter takes the opacity value of the layer beneath it in the composite stack.

Preserve Opacity is an easy way to selectively reveal part of a layer. In this example, by setting the blend mode of the top color wash layer to Exclusion, you get the resulting image:

Canvas showing overlapping objects blended using Exclusion

By selecting the Preserve Opacity checkbox for the color wash layer on top, only the overlapping parts are displayed, and the superimposed image only affects the Dolphin layer.

Canvas showing blended objects with Preserve Opacity turned on