> ## Documentation Index
> Fetch the complete documentation index at: https://help.descript.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Apply and Adjust Animations

> Animate visuals in your scene to change their position, size, cropping, rotation, or opacity over time.

An animation makes a layer move or change on screen instead of sitting still, and you control exactly how and when it happens.

## Add an animation to a layer

1. Select the visual or text layer in the [Scene Editor](/visuals/scene-editor-overview).
2. In the hover menu, click **Animation**.
3. Choose a preset from the dropdown, or select **Custom**.

<img src="https://mintcdn.com/descript-5bf56f3f/NQQ8Oln3iV-r_AmP/images/external/descript-43863914384525-0254fdbfa7.png?fit=max&auto=format&n=NQQ8Oln3iV-r_AmP&q=85&s=351113eabcec30421a2bef18261b461c" alt="Animation button in hover menu" width="2494" height="1366" data-path="images/external/descript-43863914384525-0254fdbfa7.png" />

### Remove an animation

1. Select the animated layer in the **Script editor**.
2. Click **Animation** in the hover menu.
3. Open the options menu for the animation.
4. Select **Remove**.

You can also add or remove animations from the [Properties panel](/descript-tour/properties-panel).

## Available animation presets

Choose from the following in/out presets for visual or text layers:

| Preset                                                           | Description                                                              |
| ---------------------------------------------------------------- | ------------------------------------------------------------------------ |
| Blur                                                             | Fade from or to a blurred layer.                                         |
| Spin                                                             | Spin the layer into or out of view.                                      |
| Wipe                                                             | Wipe the layer to reveal or hide it.                                     |
| Appear                                                           | Text fades in word by word (text only).                                  |
| Fade                                                             | Fade to or from black.                                                   |
| Reveal                                                           | Text slides in from a direction—left, right, top, or bottom (text only). |
| Scale                                                            | Animate the scale of a layer.                                            |
| Slide                                                            | Slide a layer into or out of view from any direction.                    |
| Zoom and pan                                                     | Zooms and pans across a visual (not supported on text).                  |
| [Ken Burns](/effects-animations-transitions/ken-burns-animation) | Allows smooth, directional zooms and pans with fine-tuned control.       |

<Note>
  **Animation presets and script track layers**

  In/out presets are designed for b-roll layers with defined start and end points. Script layers are continuous and don’t support these presets—you’ll need to use custom keyframe animations instead.
</Note>

## Custom keyframe animations

With a custom animation, you control exactly how a visual or text element appears, moves, or changes over time. Define the start and end using keyframes, then adjust properties like position, size, and opacity.

<Frame>
  <iframe src="https://fast.wistia.com/embed/iframe/6gpu5k5hao" width="100%" height="400" allowfullscreen frameborder="0" />
</Frame>

### Add and adjust a custom keyframe animation

1. Select a visual in the [Scene Editor](/visuals/scene-editor-overview).
2. Click **Animation**, then select **Custom**.
3. Your animation appears in the timeline with two keyframes.

<img src="https://mintcdn.com/descript-5bf56f3f/1OcToTDEN_1-oRIu/images/external/descript-27108673507853-6413b599eb.png?fit=max&auto=format&n=1OcToTDEN_1-oRIu&q=85&s=6750bd951e1efc9c07af47446d1e1e95" alt="Custom animation keyframes in timeline" width="1662" height="663" data-path="images/external/descript-27108673507853-6413b599eb.png" />

4. Select the start keyframe and adjust position, size, rotation, cropping, or opacity.
5. Repeat for the end keyframe.
6. Press `Esc` to exit animation mode.

To re-adjust animations, click **Edit keyframes in timeline** in the Properties panel.

<img src="https://mintcdn.com/descript-5bf56f3f/3j47b3XLm5VXH3bx/images/external/descript-38656809731853-af2b0cd901.png?fit=max&auto=format&n=3j47b3XLm5VXH3bx&q=85&s=d462d0caefbe9dda15cbf1ced49d19b0" alt="Edit keyframes in timeline button" width="861" height="630" data-path="images/external/descript-38656809731853-af2b0cd901.png" />

### Text animation by unit

Animate text by word, line, or paragraph using the **Appear** and **Reveal** presets.

* **By word:** Each word animates separately.
* **By line:** Each line animates as a unit.
* **By paragraph:** The entire paragraph animates together.

<img src="https://mintcdn.com/descript-5bf56f3f/3Cc57GbXKoHVrvhX/images/external/descript-29699600190989-8b634bab4a.png?fit=max&auto=format&n=3Cc57GbXKoHVrvhX&q=85&s=0b5ecba914dadc30c082a4c6c6d0a0b6" alt="Text animation by word, line, and paragraph" width="716" height="560" data-path="images/external/descript-29699600190989-8b634bab4a.png" />

## Animation curves

Animation curves control pacing between keyframes. By default, animations use a linear curve (constant speed), but easing options create more natural motion.

Open **Animation settings** in the [Properties panel](/descript-tour/properties-panel) to choose a curve.

<img src="https://mintcdn.com/descript-5bf56f3f/1OcToTDEN_1-oRIu/images/external/descript-27176724941581-4c8397ef2e.gif?s=bbb748c81d002624d808dd7f6a3ee050" alt="Animation curve example 1" width="720" height="720" data-path="images/external/descript-27176724941581-4c8397ef2e.gif" />

<img src="https://mintcdn.com/descript-5bf56f3f/1OcToTDEN_1-oRIu/images/external/descript-27176724951949-accc842454.gif?s=da46e668ea28777d5dbf7f0f8221f8ac" alt="Animation curve example 2" width="720" height="720" data-path="images/external/descript-27176724951949-accc842454.gif" />

<Note>
  **Adjusting animations in bulk**

  Descript does not currently support applying or editing animations in bulk. [Submit a feature request →](https://descript.canny.io/feature-requests)
</Note>
