Gradient Canvas
Create a smooth color transition between two colors
Gradient Canvas
Create a smooth color transition between two colors
Overview
The Gradient Canvas node creates a linear gradient that smoothly transitions between two colors at a specified angle. Perfect for creating backgrounds, overlays, and visual depth in your compositions.
Usage Tips
- Use 0 degrees for horizontal gradients (left to right)
- Use 90 degrees for vertical gradients (top to bottom)
- Create sunset effects with orange (#FFA500) to purple (#800080)
- Subtle gradients work well as photo backgrounds - try similar colors
Common Pairings
- Merge - Blend gradients with photos for atmospheric effects
- Text - Place text on gradient backgrounds for visual interest
- Mask - Use gradients as masks for fade effects
Gotchas
- The gradient angle wraps at 360 degrees
- For radial gradients, consider using the Ellipse node with transparency instead
Technical Reference
Outputs
| Name | Type | Description |
|---|---|---|
output | Image | A gradient image |
Parameters
| Name | Type | Default | Description |
|---|---|---|---|
params_size | size | map[height:600 width:800] | Canvas dimensions in pixels |
params_colour_start | color | #000000 | Starting color of the gradient |
params_colour_end | color | #FFFFFF | Ending color of the gradient |
params_gradient_angle | angle | 0 | Gradient angle in degrees (0=horizontal, 90=vertical) |