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 Layers panel to add your animation.

There are a few animation presets you can choose from for animating in or out of a layer. They are as follows:

Blur: Fade from or to a blurred layer
Fade: Fade to or from black.
Scale: Animate the scale of a layer.
Slide: Slide a layer from any chosen direction into or out of view.
Spin: Spin the layer into or out of view.
Wipe: Wipe the layer to reveal or hide it.

Animation Presets and Script Media

In and out presets are optimized for presenting/dismissing b-roll items. This means they only work with layers that have boundaries. Since the script layer is often a continuous piece of media, you will be unable to apply these presets.

If you want to remove the animation, click the minus button next to the 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 or visually on the canvas.
  5. To exit animation mode, press Esc, click off the element, or re-click Animation settings.png Edit keyframes in timeline.
    2024-06-13_11-47-20.gif

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.png

Custom Animation curves

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:

Animations.gif

Animations2.gif

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