Preserve intro and outro animations while creating Responsive Design graphics

Last updated on Jun 23, 2025

Preserve intro and outro animations in Adobe Premiere Pro by using Responsive Design graphics. These graphics lock keyframes to ensure animations adapt seamlessly to changes in duration or layout.

You can define segments of your graphics that preserve intro and outro keyframes, even when the overall duration of the graphic changes. Keyframes that fall within the intro and outro time ranges are protected when the graphic is trimmed in or out. With these keyframes protected, you can trim your graphic clip and still preserve intro and outro animations. Keyframes that fall between intro and outro regions will be stretched or compressed as needed to fit.

A transparent white overlay on your graphic in the timeline and in the Effect Controls panel indicates the intro and outro segments of the clip. These segments can be defined either in the Properties panel or in the Effect Controls panel.

Define intro and outro segments and preserve animations using the Properties panel

  1. Select the graphic in your timeline and navigate to the Properties panel.

  2. Make sure that the graphic that you selected has none of its individual layers selected.

  3. Under Intro duration, specify the amount of time that you want to define as the intro/entrance section using the timecode controls.

  4. Under Outro duration, specify the amount of time that you want to define as the outro/exit section using the timecode controls.

    Intro and outro duration options in the Properties panel with Responsive Design — Time highlighted.
    To keep your intro and outro animations intact, enable Responsive Design — Time in the Properties panel and anchor keyframes to the beginning and end of the clip.

Define intro and outro segments and preserve animations using the Effect Controls panel

  1. Select the graphic in your timeline and navigate to the Effect Controls panel.

  2. At the top of the Effect Controls panel is a small blue handle at the beginning and end of the selected clip.

  3. Drag the left handle out to define the intro/entrance segment. You see a grey overlay that covers the keyframes that fall within the specified time range.

  4. Drag the right handle out to define the outro/exit segment. You see a transparent white overlay that covers the keyframes that fall within the specified time range.

    Effects Control panel where you can define intro and outros for your graphics highlighted in the panel.
    Use keyframe interpolation, and lock keyframes at the beginning and end of the timeline to adjust the duration without affecting the animation.