Mesh gradient
Colour points blended smoothly, drifting a little.
- Kind
- Layer · Backgrounds
- Script name
meshgradient- Cost to draw
- Moderate
Mesh
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Columnscolumns | whole number | 3 | 2 to 5 |
Rowsrows | whole number | 3 | 2 to 5 |
Colourscolours | palette | ["#08090aff", "#0b2a3aff", "#123a24ff", "#7ce695ff", "#2b4a7 | – |
Arrangementseed | seed | 1 | – |
Wanderwander | number | 50% | 0% to 100% |
Speedspeed | number | 0.4× | 0 to 3× |
Smoothnesssmooth | number | 75% | 0% to 100% |
Swirlswirl | number | 30% | 0% to 100% |
Graingrain | number | 15% | 0% to 100% |
From a script
Every setting above can be changed by the scene's logic, by its key. Say the layer is called Mesh gradient:
scene.set("Mesh gradient", "wander", 1);scene.animate("Mesh gradient", "opacity", 0.5, 2);import { scene } from "motion";scene.set("Mesh gradient", "wander", 1);scene.animate("Mesh gradient", "opacity", 0.5, 2);◆On Scene Start
ƒSet Layer SettingTarget is Layer
TargetMesh gradient
Parameter Namewander
Parameter Value1
Used in
The example scenes with a Mesh gradient layer in them. Each picture is the whole scene, not the layer alone: open one to see what the layer does in it.
Nebula DriftWhat every layer has
Besides its own settings, every layer has its opacity, blend, placement, quick effects and an effects stack. They're listed once, on the layers page.
Notes from the community
Written by creators and checked by the docs' editors. Not part of Motion's official reference.