GradientOverlay
Sweep a gradient across text or a shape, linear, radial, angle, reflected or diamond, with your own colours and see-through stops.
Photoshop's Gradient Overlay lays a Gradient (a ColorSequence) and its GradientTransparency (a NumberSequence, 0 is opaque) over the layer's pixels. Style sets the shape; Angle (90 runs bottom to top), Scale and Offset place it across the layer's box, or across the canvas with AlignWithLayer off. Reverse flips it and Dither adds a faint noise against banding.
Properties
Gradient Overlay
| Name | Type | Default | Description |
|---|---|---|---|
| AlignWithLayer | boolean | true | On, the gradient spans the layer's drawn box (a Text2D's widens to its text); off, the whole canvas. |
| Angle | number | 90 -180 to 180 | The gradient line's angle, counter-clockwise; 90 runs bottom to top. |
| Dither | boolean | false | Adds faint noise to the gradient, at most half a colour level per canvas pixel. |
| Gradient | ColorSequence | [[0.0,0.0,0.0,0.0],[1.0,1.0,1.0,1.0]] | The gradient's colours, laid over the layer's pixels. |
| GradientTransparency | NumberSequence | [[0.0,0.0,0.0],[1.0,0.0,0.0]] | The gradient's transparency, 0 for opaque, like Roblox's UIGradient.Transparency; envelopes are ignored. |
| Offset | Vector2 | 0, 0 | Shifts the gradient, in percent of the box, with y pointing down. |
| Reverse | boolean | false | |
| Scale | number | 100 10 to 150 | Scales the gradient line's length about the centre of the box. |
| Style | string | "Linear" Linear, Radial, Angle, Reflected, Diamond | The kind of gradient; the overlay has no ShapeBurst, which only a Stroke's gradient fill adds. |
Layer Style
| BlendMode | string | "Normal" Normal, Dissolve, Darken, Multiply, ColorBurn, ClassicColorBurn, LinearBurn, DarkerColor, Lighten, Screen, ColorDodge, ClassicColorDodge, Add, LighterColor, Overlay, SoftLight, HardLight, VividLight, LinearLight, PinLight, HardMix, Difference, Exclusion, Subtract, Divide, Hue, Saturation, Color, Luminosity, StencilAlpha, StencilLuma, SilhouetteAlpha, SilhouetteLuma, AlphaAdd, LuminescentPremul | How the overlay blends: any blend mode, starting from Photoshop's default. |
| Opacity | number | 1 0 to 1 |