Layers
Every kind of layer a scene can be made of: 59 of them. Each page lists the layer's settings as Studio's inspector shows them, with the key a script uses.
Backgrounds
- GradientStraight, round, or a slow aurora
- NebulaClouds of colour slowly folding through each other
- Picture or videoA picture, an animated GIF or a looping video
- SceneOne of your scenes, or one that comes with Motion, as a layer
- SlideshowA folder's pictures, one after another
- WebpageA web page, or one of your own, live on the desktop
- Mesh gradientColour points blended smoothly, drifting a little
- Real skyThe real sky where you are, with sun, moon and stars
- Depth parallaxA picture with a depth map, moving in 3D
- Puppet warpPins or bones that bend a picture as they move
- Sprite sheetA sprite sheet played as an animation
- FractalA slow dive into the Mandelbrot or a Julia set, coloured by a gradient
Light and particles
- Particle systemYour own particles, built from emitters and modules
- Glow orbsLarge soft lights that wander and breathe
- Light raysShafts of light falling from a point, shimmering
- StarsA sky of twinkling stars drifting by, or flying past at warp
- Lens flareA bright light caught in the lens
Elements
- FireFlames and rising embers
- LightningBolts from the sky, an arc, or a plasma globe
- Water surfaceWater that ripples under the pointer and the rain
- Fog and cloudsRolling fog, drifting clouds or thin mist
Lines and shapes
- PathsLines you draw, with pulses running along them
- WavesMoving lines: contours, a stack of waves, or rings spreading out
- GridA scrolling floor, grid, dots or hexagons
- ShapeRectangles, circles, rings, stars and more
- Falling codeColumns of characters raining down
- BlobsSoft metaballs that merge and split like a lava lamp
- RibbonsSilk ribbons curving slowly across
- PlexusPoints drifting in space, joined by lines when they come close
- TunnelFlying down an endless tunnel
- Lottie animationA Lottie animation, sharp at any size (not on every system)
Simulations
- Reaction-diffusionCoral, spots and stripes that grow on their own
- Cellular automataThe Game of Life and its relatives
- FluidInk in water, stirred by the pointer and the sound
- FlockBirds or fish moving as a flock
- PhysicsShapes that fall, stack and bounce
Sound and time
- Sound visualizerWhat's playing, drawn as bars, a ring, a line or the waveform
- SoundA sound, played from the start, on click or by script
- Clock faceHands and ticks, or rings filling with the time
Words
Finish
- VignetteDarkens the edges to draw the eye in
- AdjustmentIts effects apply to every layer beneath it
- GlassA frosted or clear glass panel over the layers below
- LensA magnifying lens over what's below, following the pointer or drifting
3D
Your own
- ShaderYour own GLSL, written or built from nodes
- WebpageA web page, or one of your own, live on the desktop
Other
- FolderKeeps layers together, to fold, hide or lock at once
- VideoA looping video
- MotesSpecks of light drifting up in three depths
- RainSlanting rain, with mist if you like
- Pointer lightA light with a trail that follows the pointer
- FireworksRockets bursting into falling sparks
- Web projectYour own page in HTML, CSS and JavaScript, made here
- 3D particlesSnow, embers, fireflies or sparks in real depth
- EchoWhat moves below leaves fading trails
- Now playingThe song that's playing, from the desktop's media player
- System monitorProcessor, memory, network, temperature and battery as rings, bars or small graphs
- CalendarThis month or week, and the next events from the desktop's calendar
- WeatherNow and the days ahead, for the place picked in Motion's settings or one of its own
What every layer has
These settings are on every layer, under its own.
Layer
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Opacityopacity | number | 100% | 0% to 100% |
Blendblend | choice | Normal | Normal, Light, Screen, Lighten, Colour dodge, Multiply, Darken, Colour burn, Overlay, Soft light, Hard light, Difference, Exclusion, Subtract, Divide, Hue, Saturation, Colour, LuminosityLight adds the layer's colour to what's under it, so it glows |
BloombloomAmount | number | 1× | 0 to 3×How much this layer blooms: its own glow and its share of the scene's bloom |
Layer speedtempo | number | 1× | 0 to 4×How fast its own time runs: its motion, keyframes, particles, shader and video |
Placement
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Left and rightx | number | 0% | -100% to 100% |
Up and downy | number | 0% | -100% to 100% |
Sizescale | number | 100% | 0.1% to 300% |
Turnrotation | number | 0° | -180 to 180° |
Motion
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Driftdrift | number | 0% | 0% to 100%Wanders slowly around its place |
Pulsepulse | number | 0% | 0% to 100%Fades a little and back |
Breathebreathe | number | 0% | 0% to 30%Grows a little and back |
Swaysway | number | 0° | 0 to 30° |
Spinspin | number | 0°/s | -60 to 60°/s |
Interaction
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Depthparallax | number | 0% | -100% to 100%Shifts with the pointer, as if nearer or farther |
Follow the pointerfollow | number | 0% | 0% to 100% |
Effects
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Waterripple | number | 0% | 0% to 100%Moves as if seen through water |
Water's swellrippleScale | number | 1× | 0.2 to 4× |
Wavewave | number | 0% | 0% to 100%Bends to and fro, like heat or a flag |
Wave's sizewaveScale | number | 1× | 0.2 to 4× |
Glitchglitch | number | 0% | 0% to 100% |
Pixelspixelate | number | 0% | 0% to 100% |
Blurblur | number | 0% | 0% to 100% |
Colour splitchroma | number | 0% | 0% to 100% |
Huehue | number | 0° | -180 to 180° |
Saturationsaturation | number | 100% | 0% to 200% |
BrightnessfxBrightness | number | 0% | -100% to 100% |
ContrastfxContrast | number | 100% | 0% to 200% |
Tinttint | colour | #7ce695 | – |
Tint amounttintAmount | number | 0% | 0% to 100% |
Mask
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
ShapemaskShape | choice | None | None, Round, Band across, Band down, Fade the top, Fade the bottom, Fade the left, Fade the right |
SizemaskSize | number | 80% | 5% to 150% |
SoftnessmaskFeather | number | 40% | 0% to 100% |
Bloom
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Bloom strengthbloom | number | 60% | 0% to 200%Bright parts bloom over everything |
What bloomsthreshold | number | 60% | 20% to 95%Lower makes more of it bloom |
Bloom spreadspread | number | 1× | 0 to 2× |
Finish
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Huehue | number | 0° | -180 to 180° |
Saturationsaturation | number | 100% | 0% to 200% |
Contrastcontrast | number | 100% | 0% to 200% |
Brightnessbrightness | number | 0% | -50% to 50% |
Tinttint | colour | #7ce695 | – |
Tint amounttintAmount | number | 0% | 0% to 100% |
Colour split at the edgeschroma | number | 0% | 0% to 100% |
Film graingrain | number | 0% | 0% to 100% |
Scan linesscanlines | number | 0% | 0% to 100% |
Interaction
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Clicks make ripplesripples | number | 0% | 0% to 100% |
Pointer smoothingsmoothing | number | 50% | 0% to 100%For things that follow the pointer |
Notes from the community
Written by creators and checked by the docs' editors. Not part of Motion's official reference.