Going Beyond the Basics: Alight Motion's Power Features
Most users discover Alight Motion for its accessible interface and rich effects library. But beneath the surface are three technical features that separate good edits from truly professional ones: keyframing, expressions, and motion blur. Let's break each one down.
Keyframing: The Animation Engine
Keyframes record the state of any property at a specific moment in time. Alight Motion supports keyframing on virtually every layer property including:
- Position (X, Y, Z)
- Scale
- Rotation
- Opacity / Alpha
- Effect parameters (blur amount, color values, etc.)
- Audio volume
What makes Alight Motion's keyframing powerful is its Graph Editor, which lets you manually control the velocity curve of every animation. Rather than choosing from four preset easing types, you can draw a completely custom speed profile — accelerate, decelerate, bounce, and pulse exactly as you envision.
Best used for: Any intentional animated movement — entrances, exits, emphasis animations, and synced motion.
Expressions: Math-Driven Animation
Expressions are short mathematical formulas that control layer properties dynamically, without requiring you to manually place keyframes. Alight Motion uses a JavaScript-like expression language to let properties react to time, other layers, or mathematical functions.
Common Expression Use Cases
| Expression | What It Does |
|---|---|
time * 360 | Continuously rotates a layer — one full rotation per second |
Math.sin(time * 3) * 50 | Creates a smooth oscillating up-and-down motion |
Math.random() * 10 - 5 | Adds random jitter/shake to a layer's position |
wiggle(5, 20) | A built-in wiggle function for organic camera shake |
How to Add an Expression
- Select a layer and open the Properties Panel.
- Tap the property you want to drive (e.g., Rotation).
- Look for the Expression or formula (fx) toggle next to the keyframe diamond.
- Enable it and type your expression into the text field.
- The property now updates dynamically based on the formula instead of static keyframes.
Best used for: Continuous looping animations (spinning icons, pulsing elements), procedural motion that would take hundreds of keyframes to recreate manually, and creating reactive or linked animations between layers.
Motion Blur: The Realism Multiplier
Motion blur is what makes animation feel physically real. In the real world, a camera's shutter stays open for a fraction of a second, so fast-moving objects appear slightly blurred in the direction of travel. Without it, animations can look "floaty" or artificially sharp.
Enabling Motion Blur in Alight Motion
- Motion blur can be enabled per-layer in the layer settings.
- The shutter angle setting controls how much blur is applied — higher values (e.g., 180°–360°) produce more pronounced blur.
- Motion blur is applied automatically based on the difference in position between frames.
When to Use Motion Blur
- Use it: On fast-moving graphic elements, text reveals, and transition animations.
- Skip it: On slow, subtle movements where blur would look muddy rather than cinematic.
- Performance note: Motion blur increases render time significantly. Enable it only on layers where it makes a visible difference.
Combining All Three
The real magic happens when you combine these features. For example:
- Use an expression to continuously rotate a logo.
- Apply motion blur to that rotation for a realistic spinning effect.
- Use a keyframe on the expression multiplier to start the spin slow and ramp it up over time.
This combination produces animations that look like they required dedicated desktop software — all done on a mobile device.
Understanding these three features deeply will elevate your Alight Motion work from "edited on mobile" to genuinely impressive motion graphics that stand on their own merits.