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

# Add a Zoom Effect with a Custom Animation

> Create a zoom-in or zoom-out effect on a layer using a custom animation.

Create a zoom effect by animating a layer's size over time. With a custom animation, you set where the zoom starts and ends, and Descript fills in the motion between.

1. Select the layer you want to animate.

2. In the [Properties panel,](/descript-tour/properties-panel) scroll until you find the Animations section, then click the **+** button to add an animation. In this guide, we'll be using the **Custom** option.

   * If you are animating a script track video, you'll have 2 options: **Zoom and pan** and **Custom.**
   * If you are animating a visual layer, you'll have additional options available. Learn more about [the Ken Burns animation](/effects-animations-transitions/ken-burns-animation) and [applying transition animations to clips](/effects-animations-transitions/apply-and-adjust-animations).

3. Keyframes are automatically added in the timeline when you apply an animation. They act as markers that define specific points where an animation begins and ends.

   These are represented by a pair of diamonds on the animated media. The left diamond is the starting keyframe, and the right diamond is the ending keyframe.

   <img src="https://mintcdn.com/descript-5bf56f3f/PCHXsjvSIJj69pdP/images/external/descript-33761503372813-9e1c34a0a2.png?fit=max&auto=format&n=PCHXsjvSIJj69pdP&q=85&s=a55c338d0ae82f1a74985b0147eb7af5" alt="2025-01-24_13-48-08.png" width="1662" height="663" data-path="images/external/descript-33761503372813-9e1c34a0a2.png" />

   After adding an animation, you can edit its keyframes from the timeline. In the Animations section of the Properties panel, click the keyframes icon (two overlapping diamonds) next to the animation you want to adjust. You can drag the keyframes to the desired start and end points of the animation.

   <img src="https://mintcdn.com/descript-5bf56f3f/PCHXsjvSIJj69pdP/images/external/descript-33761527186829-07aae80981.png?fit=max&auto=format&n=PCHXsjvSIJj69pdP&q=85&s=2face5120ef293641837cb6b0ec1a7e3" alt="2025-01-24_13-59-25.png" width="434" height="277" data-path="images/external/descript-33761527186829-07aae80981.png" />

4. To zoom in on your visual, select the ending keyframe. Then, adjust the scene editor to reflect how the visual will appear at the end of the zoom animation.

   <img src="https://mintcdn.com/descript-5bf56f3f/PCHXsjvSIJj69pdP/images/external/descript-33761503378317-30013de489.gif?s=7ac43921254ea6e9e9309556ec9b8ef2" alt="2025-01-24_14-07-59 (1).gif" width="1860" height="1004" data-path="images/external/descript-33761503378317-30013de489.gif" />

   <Note>
     The animation curve can be adjusted from the **Options** panel in the Animations section of the Properties panel. The curve you choose will determine how the animation speeds up or slows down. [See a visual representation of these options.](/effects-animations-transitions/apply-and-adjust-animations)
   </Note>

5. Success! Playback your composition, and see your animation in action.
