Skip to main content

What are keyframes and how do I use them?

Keyframes let you animate how something changes over time in the editor.

A keyframe saves a property value at a specific point in time. When you add multiple keyframes, Async creates the motion or transition between them automatically.

You can use keyframes on:

  • Video and image: position, scale, rotation, opacity, corners

  • Audio: volume

How to add keyframes

  1. Select a clip on the timeline.

  2. In the panel on the right, find the property you want to animate.

  3. Move the playhead to the point where you want the animation to start.

  4. Click the diamond icon next to that property.

Keyframes

This adds your first keyframe.

After that, if you move to a different point in time and change that property, a new keyframe will be created automatically.

How to edit keyframes

Once a clip is selected, keyframes appear as diamond markers on the clip.

Selected frame

You can:

  • Select a keyframe by clicking it

  • Move it by dragging left or right

  • Delete it with Delete/Backspace

  • Copy and paste selected keyframes

You can also adjust elements directly in the preview, and the keyframes will update there too.

Important to know

  • If a property has no keyframes, it stays the same across the whole clip.

  • Once keyframes are added, Async animates between them automatically.

  • The space between keyframes affects speed:

    • closer together = faster change

    • farther apart = slower change

Did this answer your question?