Gradient Shader

Add a gradient shader.

Color Filter -

  • None -

  • Linear to sRGB -

  • sRGB to Linear -

Blend Mode - set the blend mode for the layer.

Alpha - set how opaque/transparent a shape is.

Screen Space - when checked the gradient is drawn in screen space. The result being that your Shape will move through the gradient. When unchecked the gradient 'sticks' to your Shape.

Tiling - determine what happens at the borders of your gradient.

  • Clamp - use the first and last values of your gradient.

  • Repeat - repeat/ loop the gradient.

  • Mirror - mirror/ ping pong the gradient.

  • Decal - cut out the gradient.

Mode - select the type of gradient:

  • Conical - a two point conical gradient.

    • Gradient - set the color stops for your gradient.

    • Start Radius - set the radius for the color stop at the start of your gradient.

    • Start Center - position the center of the start of your gradient.

    • End Radius - set the radius for the color stop at the end of your gradient.

    • End Centre - position the center of the end of your gradient.

  • Linear - a linear gradient.

    • Gradient - set the color stops for your gradient.

    • Scale - scale the gradient.

    • Rotation - rotate the gradient.

    • Gradient Scales with Rotation - when checked the gradient will be scaled to fit the shape(s) along the axis of Rotation.

    • Offset - offset the position of your gradient.

  • Radial - a gradient created along a radius (center out).

    • Gradient - set the color stops for your gradient.

    • Radius Mode -

      • Fixed Radius - set a fixed radius for the gradient.

      • Bounding Box - set the gradient to scale with a Shape(s).

    • Size Ratio - a multiplier for the Bounding Box.

    • Radius - set a Fixed Radius for the gradient.

    • Offset - offset the position of your gradient [x,y].

  • Sweep - a gradient that travels around a circle.

    • Gradient - set the color stops for your gradient.

    • Start Angle - set the angle the gradient starts at.

    • End Angle - set the angle the gradient ends at.

    • Offset - offset the start/ end angles of your gradient.

Gradient - see Gradient.