October 20, 2017

Feature Focus: Take a Look at Adobe Premiere Pro's New Responsive Design Tools

Adobe has been busy.

Adobe just released the latest version of Premiere Pro with all of the updates announced back at IBC, and to say there are a lot of new features would be a bit of an understatement. A particularly interesting addition to the Premiere toolset is the new responsive design features in the Essential Graphics panel. Editors now have the ability to pin keyframes to the In and Out points of clips, allowing you to change the duration of clips without having to manually move keyframes. You can also pin layers to other layers for responsive design in relation to position. Let’s take a closer look at how to apply both.

Responsive Design - Time

For this example, I have Position and Opacity keyframes applied to a text layer. I’m using the word France as a title graphic, and the keyframes are animating the text in and out of my shot. My problem is that any time I trim the clip, I must manually move the keyframes as well. The new responsive design feature fixes this problem.

There are two ways to apply the effect. First, I can type in custom In and Out durations in the Essential Graphics panel. Or, I can manually specify in and out durations in the Effect Controls panel via a selection bar. I prefer the latter, due to the fact that I can visually see the keyframes as I adjust the duration. Once applied, my keyframes are now pinned to the In and Out positions of my clip.

Responsive Design - Position

This is one of those features that can save you massive amounts of time. It is especially useful when working on lower thirds, but this is only one use of the tool. Use it to create a responsive background element that will automatically adjust to the size of the text on top. So when you’re changing the name on your lower third, the background elements you’ve selected for responsive design will magically resize as you type in new text.  

You can apply responsive design directly under the layers section of the Essential Graphics panel. Simply select a background layer element in the Essential Graphics panel and then pin it to your title layer. You can specify how you want the layer to pin, whether top, bottom, left, right, or all of the above. And voilà! Responsive graphics to speed up your workflow. 


Your Comment


Nice. I was just complaining to myself the other day about this very issue. Thanks for sharing.

October 20, 2017 at 9:06AM


Also, for those of you using the Frame.io panel in Premire CC 2017, don't upgrade to 2018 just yet if you're working on something crucial that requires the plugin, it's not working in 2018. Frame.io is aware of the issue and working actively for a fix. Just a head's up.

October 20, 2017 at 9:08AM


I'm completely fine being that guy...but this has been in FCPx and Motion 5 since 2011. Glad Adobe added this though, going to save us all a lot of time.

October 20, 2017 at 10:00AM, Edited October 20, 10:00AM

Charles C.
Editor/ Director/ Director of Photography/ Wannabe Thinker

I upgraded hoping for a fix on the GH5 play back resolution which it was but all my audio filters are now offline... So you may want to wait to finish current projects.

October 21, 2017 at 11:37AM, Edited October 21, 11:37AM

John Burkett
Filmaker/ Photographer and Life Junky

Can you scroll the fonts using your up down arrow keys? I still use the legacy title tool because some of the basics were just missing.

October 21, 2017 at 2:19PM, Edited October 21, 2:19PM

Craig Swanson

Don't worry everyone. I was just at AdobeMax and they're planning on replacing all of us with AI anyway, happily called Sensei =) Watching all the automation and templates they're pushing, there was a collective sigh among the audience all thinking GREAT...dumb it all down so you don't even need to be a designer anymore. Auto editing, auto titles, auto everything. This is only slightly sarcastic....if it wasn't so true. heheh /shiver

October 24, 2017 at 11:41AM

Motion Designer/Predator

Awesome Feature.

November 9, 2017 at 3:03PM

Hassan Mohamud Jama