User Guide Cancel

Add Responsive Design features to your graphics

Responsive Design for Motion Graphics allows designers to design rolls and graphics that adjust to changes in duration and layer positioning in Adobe Premiere Pro.

Note:

Starting with Premiere Pro version 25.0, the Essential Graphics panel is no longer included. You can now edit titles, captions, audio, video, and graphics more efficiently using the new Properties panel and browse Motion Graphics and Stock Audio using the Graphics Templates panel.

Adobe Premiere Pro deeplink

Check for updates
Start exploring the latest enhancements and features.

Responsive Design - Position

You can design your graphics to automatically adapt to changes in the video frame aspect ratio, or to the position or scale properties of another graphic layer. For example, you might want an underlying shape layer to respond to the width, height, and position of your text.

Small blue pins on the Program Monitor indicate whether the currently selected layer is pinned to another layer.

To define spatial relationships between layers:

  1. Select a graphic in your timeline and navigate to the Edit tab of the Properties panel.

  2. Select a layer that you want to make responsive to the changes in another layer.

  3. Specify which layer the currently selected layer should be pinned to under Responsive Design – Position > Pin To.

    The currently selected layer gets parented by the layer you choose from the drop-down list.

  4. To define which edges the child layer should be pinned to, use the diagram on the right side  - Top, Bottom, Left or Right of the parent. You can also click the center of the diagram to pin to all edges or unpin from all edges.

    For example, you have a rectangle containing text. If you pin the rectangle to the text, the text responds automatically to any change in the rectangle.

    Premiere Pro interface showing the Responsive Design — Position option set to pin text to the video frame.
    Control text position relative to the video frame using responsive pinning.

    Note:

    Use the square in the center to quickly toggle on or off pinning for all edges.

Responsive Design - Time

Create rolls

You can create title or credit rolls that move vertically over the screen by enabling Roll. When Roll is enabled, you see a translucent blue scroll bar in the Program Monitor.

This Document View scroll bar allows you to scroll the text and graphics in your credit roll for easier editing. You do not have to move the playhead in the timeline to a specific position.

Note:

The duration of the Roll-enabled Graphic and the combined height of all that Graphic's layers determine the speed of the roll. 

To enable rolls for your graphics:

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

  2. Select the checkbox next to Roll to enable credit rolls.

    Note:

    Make sure that the text layer in the Program Monitor is deselected. If one or more layers are selected in the Program Monitor, the Roll option isn't visible.

  3. Specify whether you want your text or other layers to start or end offscreen.

  4. Using the timecode for each property, adjust the timing for Preroll, Postroll, Ease in, and Ease out.

    Adjust speed, layout, and style of the roll credits to fit your film's unique look.
    Adjust speed, layout, and style of the roll credits to fit your film's unique look.

  5. Select the Soften checkbox if you want to smoothen the motion of your rolling text.

More like this

TALK TO US

If you have a question about creating a reveal animation, reach out to us in our Premiere Pro community. We would love to help.

Get help faster and easier

New user?