How to extend graphics based on text length

Did you know that you can create responsive graphics inside Premiere Pro so that, for example, the width of a shape expands based on the length of your text. It is quite mind-blowing, but it’s also very simple, and I will explain how in this blog post.

How to extend graphics based on text length

You do this in the “Essential Graphics” window.

Start by creating a regular text layer in the timeline by clicking “cmd + T”.
Then, inside this layer in the “Essential Graphics”-window, you click the little square icon that looks like a post-it note 🗒️ just underneath the list and click “Text” to add another text layer inside the same “timeline layer”, if that makes sense.

After aligning the text layers, you create a Rectangle, inside the same layer, that you place at the bottom of the list. Adjust the size of this rectangle however you like it and then copy and paste this rectangle so that you have two identical rectangles inside the same layer. Now align both layers to the top one.

Now select the top rectangle, go down to “Responsive Design” and next to “Pin to”, you select the name of your top text and then click inside the square next to it. This will make your shape layer grow in whatever direction your top text is growing in.

Now select the bottom rectangle and adjust the right side of that layer so that the gap from the text to the edge of the layer is the same as for the other text layer.

Once that is done, select the dropdown menu next to “Pin to” and select your second text layer.

Now, whenever any of your text layers change, your shape layers will change as well and that is how you create responsive design.

🎞 Watch the tutorial here!

Don’t forget to subscribe to my YouTube channel for hundreds of short tutorials just like this one.

Thanks for reading!

Click the image below to check out my digital products 👇

Previous
Previous

5 steps to monetize with YouTube

Next
Next

The fastest way to find good music for your videos