Keyframe Automation allows you to create smooth transitions between values over time. This is the most traditional form of animation, where you define start and end states and Vizzy automatically creates the in-between frames.
How it works
Keyframe Automation works by interpolating (calculating the in-between values) between a start value and an end value over a specified time period. You can control how this interpolation happens by selecting different easing functions.
Use cases
Keyframe Automation is particularly useful for:
- Creating smooth transitions between two states
- Precisely timing animations to specific points in your audio
- Building sequences of animations
- Creating entrance and exit animations for elements
Controllers
| Name | Type | Description | Range |
|---|---|---|---|
| Start value | Varies | The value at the beginning of the animation | Depends on property type |
| Target value | Varies | The value at the end of the animation | Depends on property type |
| Start time | Number | When the animation begins (in seconds) | 0 to project duration |
| End time | Number | When the animation ends (in seconds) | 0 to project duration |
| Interpolation | Select | The easing function used for the transition | Various options |
Interpolation types
The interpolation (or easing) function controls how the transition progresses over time. Different easing functions create different animation feels:
- Linear - Constant speed from start to finish
- Ease In - Starts slow and accelerates
- Ease Out - Starts fast and decelerates
- Ease In Out - Starts slow, speeds up in the middle, then slows down at the end
- Bounce - Creates a bouncing effect at the end
- Elastic - Creates an elastic, springy effect
For a complete list and detailed explanation of all available easing functions, see the Easing Functions page.
Supported property types
Keyframe Automation works with various property types:
- Number - For properties like position, scale, opacity, etc.
- Color - For smooth color transitions
- Range - For properties that use a range of values (like min/max)
- Boolean - For on/off properties (note: these change instantly at the end time)
- Select - For dropdown selections (note: these change instantly at the end time)
Chaining keyframes
Create complex animations by chaining multiple keyframes together. Set the end time of one keyframe to match the start time of the next for seamless transitions.
Instant properties
Boolean and Select properties don’t interpolate gradually - they change instantly when the end time is reached. The start value is ignored for these property types.