I’m working on a project in Premiere Pro where I need to create name titles for a large number of map graphics. These titles are a simple design, with basic text aligned on a black rectangular background element. Take a look at the initial graphic below.

The problem I’m facing is the fact that I need to use this same style of title graphic on 100+ other maps. Everything needs to match, including the font, size, along with the background element perfectly matching the size of the text. So, all I need to do is simply duplicate the graphic and change the name of the country for each duplicate. Simple enough, right?

Wrong.

screenshot showing the setup of responsive design in Premiere Pro

This process can actually be quite tedious. If I open up the Essential Graphics panel (Window > Essential Graphics) you will see that my graphics clip contains both the text and the black background shape element. While I can simply duplicate this clip on the timeline and then rename each text layer, I still have the time-consuming process of resizing and realigning the background element with each duplicate text. This is where responsive design comes to the rescue.

Responsive Design to the Rescue

GIF demonstrating Premiere Pro text and graphic changing process without responsive design

The responsive design features are located just below the layers in the Essential Graphics panel. If there are no layers selected, you’ll see responsive design properties for time. To see the position options, simply select a layer. Using the responsive design feature for the position will allow me to attach my black background element to my text. Once connected, the background will automatically and dynamically adjust to fit my text, saving me a ton of time.

To make this connection happen, I’ll first grab the background layer in the Essential Graphics panel. Next, I’ll go to the responsive design drop-down menu and pin the background to my map layer. Once pinned, I’ll need to specify how I want my background to respond to the text layer. Since I want it to have my background adjust from all sides, I’ll click the button in the middle just to the right of the Pin To drop-down menu. My layers are set to go.

screenshot of essential graphics panel in

Now, when I adjust the text, the background will adjust its size to fit. Even if I move the text around, the background layer will follow accordingly. Think of the text as the parent layer, and the background graphic as the child. Anything that the parent does, the child will follow. The rest of my project will go much faster now that I can skip hundreds of instances of resizing and realigning.

GIF demonstrating Premiere Pro's responsive design in action

As you can see, this method is very useful when I need to create a large number of graphics which are all using a similar style. This feature works particularly well when working with lower thirds. You can quickly swap out names and have background elements automatically conform to fit the new titles.

 

Have you ever used responsive design in Premiere Pro? Let us know how you use it on social media!

 

If you’re always trying to figure out where to find sound effects for your next edit, consider trying out Soundsnap. You can gain access to one of the largest professional online sound effects libraries without emptying your bank account. Having one source for all the sound effects you need can be a huge time (and money) saver in your workflow.