User Guide Cancel

Add Responsive Design features to your graphics

Last updated on 24 April 2025

Adobe Premiere Pro User Guide
Beta releases
1. Beta Program Overview
2. Premiere Pro Beta Home
Getting started
1. Get started with Adobe Premiere Pro
2. What's new in Premiere Pro
3. Best practices for updating Premiere Pro
4. Keyboard shortcuts in Premiere Pro
5. Accessibility in Premiere Pro
6. Frequently asked questions
7. Release notes
Hardware and operating system requirements
1. Hardware recommendations
2. System requirements
3. GPU and GPU Driver requirements
4. GPU Accelerated Rendering & Hardware Encoding/Decoding
5. How to install drivers from NVIDIA
Creating projects
1. Start a new project
2. Open projects
3. Move and delete projects
4. Work with multiple open projects
5. Work with Project Shortcuts
6. Backward compatibility of Premiere Pro projects
7. Open and edit Premiere Rush projects in Premiere Pro
8. Best Practices: Create your own project templates
Workspaces and workflows
1. Workspaces
2. Import and export FAQs
3. Working with Panels
4. Windows touch and gesture controls
5. Use Premiere Pro in a dual-monitor setup
Frame.io
1. Install and activate Frame.io
2. Use Frame.io with Premiere Pro and After Effects
3. Integrate Adobe Workfront and Frame.io
4. Invite collaborators to co-edit a project
5. Frequently asked questions
Import media
1. Importing
2. Importing from Avid or Final Cut
  1. Importing AAF project files from Avid Media Composer
  2. Importing XML project files from Final Cut Pro 7 and Final Cut Pro X
3. Searching for imported media
  1. Media intelligence and Search panel
  2. Frequently asked questions
4. File formats
  1. Supported file formats
  2. Support for Blackmagic RAW
5. Working with timecode
Editing
1. Edit video
2. Sequences
3. Generative Extend
4. Cut and trim clips
5. Video
6. Audio
7. Text-Based Editing
  1. Text-Based Editing
  2. Text-Based Editing FAQs
8. Advanced editing
  1. Multi-camera editing workflow
  2. Editing VR
9. Best Practices
Video Effects and Transitions
1. Overview of video effects and transitions
2. Effects
3. Transitions
Titles, Graphics, and Captions
1. Properties panel
2. Captions
3. Motion Graphics Templates
4. Best Practices: Faster graphics workflows
5. Retiring the Legacy Titler FAQs
6. Upgrade Legacy titles to Source Graphics
Fonts and emojis
1. Color fonts
2. Emojis
Animation and Keyframing
1. Adding, navigating, and setting keyframes
2. Animating effects
3. Use Motion effect to edit and animate clips
4. Optimize keyframe automation
5. Moving and copying keyframes
6. Viewing and adjusting effects and keyframes
Compositing
1. Compositing, alpha channels, and adjusting clip opacity
2. Masking and tracking
3. Blending modes
Color Correction and Grading
1. Overview: Color workflows in Premiere Pro
2. Color Settings
3. Auto Color
4. Get creative with color using Lumetri looks
5. Adjust color using RGB and Hue Saturation Curves
6. Correct and match colors between shots
7. Using HSL Secondary controls in the Lumetri Color panel
8. Create vignettes
9. Looks and LUTs
10. Lumetri scopes
11. Timeline tone mapping
12. HDR for broadcasters
13. Enable DirectX HDR support
Color management
1. About color management
2. How color management works
3. Auto Detection of Log Camera Formats and Raw Media
4. Disable color management
5. Manage source media colors in the Program Monitor
6. Configure clips for color management using Clip Modify
7. Configure sequence color management
8. Customize color presets for new or existing sequences
9. Configure a sequence’s output color space
10. Color management options
11. Color management and Lumetri Color
12. Premiere Pro and After Effects color management compatibility
13. Working with color managed iPhone media
14. Frequently asked questions
Exporting media
1. Export video
2. Export Preset Manager
3. Workflow and overview for exporting
4. Quick export
5. Exporting for the Web and mobile devices
6. Export a still image
7. Content Credentials in Premiere Pro and Adobe Media Encoder
8. Exporting projects for other applications
9. Exporting OMF files for Pro Tools
10. Export to Panasonic P2 format
11. Create and export HDR videos for YouTube on Macintosh
12. Export settings
13. Best Practices: Export faster
Collaborative editing
1. Collaboration in Premiere Pro
2. Get started with collaborative video editing
3. Create Team Projects
4. Add and manage media in Team Projects
5. Invite and manage collaborators
6. Share and manage changes with collaborators
7. View auto saves and versions of Team Projects
8. Manage Team Projects
9. Linked Team Projects
10. Frequently asked questions
Long form and Episodic workflows
1. Long Form and Episodic Workflow Guide
2. Using Productions
3. How clips work across projects in a Production
4. Best Practices: Working with Productions
Working with other Adobe applications
1. After Effects and Photoshop
2. Dynamic Link
3. Audition
4. Prelude
Organizing and Managing Assets
1. Working in the Project panel
2. Organize assets in the Project panel
3. Playing assets
4. Search assets
5. Creative Cloud Libraries
6. Sync Settings in Premiere Pro
7. Consolidate, transcode, and archive projects
8. Managing metadata
9. Content Credentials in Premiere Pro and Adobe Media Encoder
10. Best Practices
  1. Best Practices: Learning from broadcast production
  2. Best Practices: Working with native formats
Improving Performance and Troubleshooting
1. Set preferences
2. Reset and restore preferences
3. Recovery Mode
4. Working with Proxies
  1. Proxy overview
  2. Ingest and Proxy Workflow
5. Check if your system is compatible with Premiere Pro
6. Premiere Pro for Apple silicon
7. Eliminate flicker
8. Interlacing and field order
9. Smart rendering
10. Control surface support
11. Best Practices: Working with native formats
12. Knowledge Base
Extensions and plugins
1. Installing plugins and extensions in Premiere Pro
2. Latest plugins from third-party developers
Video and audio streaming
1. Secure Reliable Transport (SRT)
Monitoring Assets and Offline Media
1. Monitoring assets
  1. Using the Source Monitor and Program Monitor
  2. Using the Reference Monitor
2. Offline media

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.

Check for updates
Start exploring the latest enhancements and features.

Open Premiere Pro

Update Premiere Pro

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:

Select a graphic in your timeline and navigate to the Edit tab of the Properties panel.
Select a layer that you want to make responsive to the changes in another layer.
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.
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.

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:

Select a graphic in your timeline and navigate to the Properties panel.
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.
Specify whether you want your text or other layers to start or end offscreen.
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.
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?