New in Sketch — Independent borders, selection colors, and more Learn more

Skip Navigation

Fade

1 min read

Fade gradually fades a layer’s opacity from fully opaque to fully transparent — without needing to set up a separate mask layer. It’s useful for blending layers into a background, creating soft transitions between elements, or fading out an image at its edges.

To apply it, click circle.plus.semifilled next to Effects in the Inspector and choose Fade. You can choose from two styles:

  • Linear: fades the layer in a straight line in a single direction.

    • Drag the handles on the canvas to reposition the start and end of the fade.

    • Drag a stop to reposition it, or click anywhere along the line to add a new one.

    • Select a stop to adjust its opacity in the Opacity field.

    • Use arrows.right.left to invert the fade, and rotate to rotate its direction by 90°.

Fade a layer in any direction, without a mask

  • Radial: fades the layer outward from a central point.

    • Drag the center handle on the canvas to reposition the fade, and drag the outer handle to resize it.

    • Drag a stop to reposition it, or click anywhere on the line to add a new one.

    • Select a stop to adjust its opacity in the Opacity field.

    • Use arrows.right.left to invert the fade.