Applying and adjusting animations

You can apply animations to any visual in a scene and change a visual's position, size, cropping, orientation, and opacity. Descript comes with preset animations that you can adjust, or you can create a custom animation from scratch. You can also apply animations to text and captions to adjust their position or orientation.

How to add or remove an animation

  1. Select the visual in the Canvas that you want to apply the animation to.
  2. Select the + button in the Animation section of the Properties panel to add your animation.

Screenshot of Descript editor with steps for adding an animation to a visual.

If you want to remove the animation, open the Version_history_icon.png Animation settings and choose Remove animation.

Customizing an animation

How to adjust your animation's length and properties

  1. Choose a visual from the Canvas. If you haven't already, add an animation to your visual.
  2. Activate the animation mode by selecting Animation settings.png Edit keyframes in timeline next to your animation in the Properties panel. Note that when you add an animation, Descript will automatically enable animation mode.
  3. To adjust the duration of the animation, click and drag either keyframe from the Timeline.
  4. Select the start or end keyframe, and adjust its properties from the Properties panel.
  5. To exit animation mode, press Esc or re-click Animation settings.png Edit keyframes in timeline.

Keyframes

Once you've added an animation to a visual layer, you’ll customize the animation's duration and properties using keyframes. Each animation has two keyframes that set your visual layer's start and end property values.

Keyframes in the Timeline

Animation curve

Animation curves control how fast or slow the animation moves at different moments. These changes in speed help the animation appear more natural. You can pick a specific curve in the Version history icon.png Animation settings. The curve you choose will determine how the animation speeds up or slows down:

  • Ease in and out (default) — Starts slow, speeds up, and then slows down again at the end.

  • Ease in — Begins slowly and then gets faster.

  • Ease out — Starts faster and slows down before it ends.

  • Linear — Moves at the same speed the whole time.

GIF demonstrating the same animation with different animation curves

Was this page helpful?
0 out of 0 found this helpful