How to Create Motion Graphics Templates

Create MoGRTs in After Effects!

In this tutorial, learn how to create customizable, responsive text templates for Premiere, using expressions and the essential graphics panel.

 Download this template 

→ https://motionforward.design/free-motion-graphics-template/

• 1:00 Centre Anchor Point with Expression
• 2:16 Set Background Shape to Size of Text with Expression
• 3:04 Add Animation option 1
• 4:12 Add Properties to Essential Graphics
• 5:37 Add Animation option 2
• 6:40 Add Animation option 3
• 7:00 Add Dropdown Selector with Expression
• 9:30 Add Master Size and Position
• 9:40 Organize Essential Graphics Panel for template
• 10:37 Set 'Poster Time' for template thumbnail preview
• 10:45 Set Protected Regions
• 11:34 Export Motion Graphics Template
• 12:15 Testing your template in Premiere

Tutorial Expression Reference

Make Layer Scale from Centre - Centre Anchor Point:

a = thisLayer.sourceRectAtTime();

height = a.height;

width = a.width;

top = a.top;

left = a.left;

x = left + width/2;

y = top + height/2;

[x,y]

 

Match Background Size to Text - SourceRectAtTime Method:

x = comp("Main Comp Pre").layer("Responsive Text Overlay").sourceRectAtTime().width;

y = comp("Main Comp Pre").layer("Responsive Text Overlay").sourceRectAtTime().height;

[x + 100, y + 100]

Watch 'How to Use Motion Graphics Templates'

→ https://youtu.be/7OgvFhnaB-E

Watch 'How to Install Motion Graphics Templates'

→ https://youtu.be/4mr_is6_J1k

Check out our shop

→ https://motionforward.design/shop