Add a zoom effect with a custom animation

  1. Select the layer you want to animate.
  2. Access the Layer panel, then scroll to the bottom. In the Animations section click the + button to add an animation. In this guide, we'll be using the Custom option.

  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.

    2025-01-24_13-48-08.png

    After adding an animation, you can edit its keyframes from the timeline. In the Animations section of the Layer 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.

    2025-01-24_13-59-25.png


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

    2025-01-24_14-07-59 (1).gif

    The animation curve can be adjusted from the Options panel in the Animations section of the Layer panel. The curve you choose will determine how the animation speeds up or slows down. See a visual representation of these options.

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