Quick answer
A keyframe records a value at a moment in time. Two keyframes define a change, such as moving a phone from off-screen to center. The transition curve determines how that change accelerates, slows, overshoots, or holds between the two moments.
When this workflow is useful
Learn keyframes when presets are close but not exact, when several devices must coordinate, or when the product requires deliberate holds and camera focus. You do not need many keyframes to create a polished result.
Explore the product demo video maker for a focused creation workflow and a clear comparison of Free and Pro capabilities.
Step-by-step workflow
- Choose one property. Begin with device position or rotation so the relationship between timeline time and visual value is easy to see.
- Create two poses. Set a starting keyframe, move the playhead, change the value, and add the ending keyframe.
- Preview the transition. Watch acceleration, middle speed, and settling. Adjust timing before adding more properties.
- Add a hold. Duplicate or preserve the product pose across time when viewers need to read the interface before the next movement.
- Layer complexity gradually. After device motion works, add scale, camera, background, lighting, blur, text, or group keyframes one system at a time.
Decisions that improve the result
Linear
Linear motion changes at a constant rate. It can feel mechanical but is useful for controlled, continuous movement.
Ease
Ease curves accelerate and settle smoothly, making them a strong default for device and camera moves.
Hold
A hold keeps one value until the next keyframe. Use it for cuts, discrete states, or moments that should not interpolate.
Production checklist
- Property chosen
- Two poses defined
- Timing adjusted
- Transition curve reviewed
- Readable hold included
- Layers added gradually
Frequently asked questions
How many keyframes do I need?
Start with two for each meaningful change. Add more only when the path or timing requires another pose.
What is interpolation?
Interpolation is the calculated value between keyframes. The selected curve controls how progress moves through that interval.
What is the difference between group and device keyframes?
Group keyframes move coordinated devices together; device keyframes adjust one member independently.