REC

Recommended: Video Production, Editing & Gear Maintenance Guide

 WTVID >> WTVID >  >> video >> Video clip

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Learn how to make a lower thirds template that you can easily customize and reuse with any project. Let’s get started.

In this tutorial, we’re going to walk through how to create a reusable lower thirds template. To do this, we’ll build the lower thirds in After Effects, then export it as a motion graphics template. From there, we can customize and use the template in Premiere Pro.

DOWNLOAD THE MOTION GRAPHICS TEMPLATE PROJECT FILE

By downloading, you agree not to resell or redistribute these free assets.


Design Guidelines

While creating this reusable template, I thought of four design guidelines to follow. These guidelines should help insure that the template is universal and easy to use.

  • Easy to create in After Effects, even for beginners.
  • Simple to use in Premiere Pro.
  • Adaptable, so it’s easy to customize.
  • Render fast in Premiere Pro.

Creating the Lower Thirds in After Effects

First, create a new composition that’s 840 x 120 pixels and name it Lower Third. Next, create a new Solid Layer. Make sure it is Comp Size and name it Background.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Next, keyframe the position of the Background layer so that it slides in and then slides back out after about five seconds.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Then, unlink the Scale value on the Background layer. (Click the little chain link icon.)

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Now, create and center some text above the Background layer. For my example, I just had the text say “Title Text Here.” We’ll be able to customize it later.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Now, we need our Background layer to reveal the text when it slides in. To do this, we need to create a Matte of our Background layer. Duplicate the original Background layer and move the second copy above the Text layer. Name the second copy Text Matte. Then, set the Track Matte for the Text layer to Alpha Matte.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Unlink the Scale value on the Text Matte layer, then Parent the Scale to the Scale on the original Background layer. The Scale value on the Text Matte layer will turn red after it has been parented to the Scale of the Background layer.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Next, we need to create a new Solid layer. Make it Comp Size and name it Background Matte. Place it directly above the original Background Layer.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Then, set the Track Matte for the Background layer to Alpha Matte.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Next, unlink the Scale value on the Background Matte layer.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Finally, apply a Fill effect to the Text Layer and to the original Background layer. This will allow us to change the color of each of these later on. You can set them to whatever color you’d like them to start as.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Building the Motion Graphics Template

Now, we need to set the settings we’d like to adjust using the template. First, open up the Essential Graphics window. Navigate to Window>Essential Graphics. Then, select the Primary Composition, which will be our Lower Third composition. You can also name the template “Universal Lower Thirds.” Click Set Poster Time to create a thumbnail image for the template.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Next, add a Comment and title it “Text Settings:.” Under it, we’ll drag-and-drop any text-related settings we’d like to adjust in Premiere Pro.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Click Solo Supported Properties to reveal all of the properties that can be added to the Essential Graphics panel. These are all settings we have the option to adjust in Premiere Pro, if we add them to the template.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

First, add the Source Text property. Simply drag-and-drop it into the Essential Graphics panel.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Once the Source Text has been added to the panel, click the blue Edit Properties button on the right side of it. Check on all of the Font Properties options.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Next, drag-and-drop in the text Position and the Fill effect that’s located on the Text layer.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Now, add another comment titled “Box Settings:.” Then, add the Fill effect from the original Background layer.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Next, add the Opacity and the Scale from the original Background layer.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Finally, add the Scale setting from the Background Matte layer. Rename it “Box Clip.” If you adjust the Box Scale, I recommend setting the Box Clip to the same value. This will ensure that the animation looks smoother.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Exporting the Motion Graphics Template

We’re now ready to export our Universal Lower Thirds template. Simply click Export Motion Graphics Template. You’ll then need to select a save destination for your .mogurt file.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Loading the Template in Premiere Pro

To load our motion graphics template into Premiere Pro, first we need to open up the Essential Graphics window. Navigate to Window>Essential Graphics.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Next, click the three lines next to the Essential Graphics panel name. Then, select Manage Additional Folders. From there, click Add and select the folder where you saved the .mogurt file to. Click OK. Now, you should see your Universal Lower Thirds template available to choose in the Essential Graphics panel. The templates are listed in alphabetical order.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Using the Lower Thirds Template in Premiere Pro

To use the Universal Lower Thirds template, simply drag-and-drop it onto the sequence timeline, just as you would any other piece of footage.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Once it’s applied, you may need to adjust the Scale and Position of the template using the Effect Controls panel in Premiere Pro.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

From here, you can customize all of the template settings available in the Essential Graphics panel. These will be the settings we selected in After Effects.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

You can easily customize the font, box scale, colors, etc. You can even add multiple copies of the template for secondary lower thirds text.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Get Creative with the Template

I encourage you to get creative with the template. You can also use it for video titles, list animations, and much more built and rendered entirely in Premiere Pro.

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Use multiple copies for text and others for the box animations. This allows you to create much more complex lower thirds looks. You can even try applying video effects to the template, such as drop shadows!

Create Reusable Lower Thirds Templates in After Effects: Step-by-Step Guide

Interested in the royalty-free tracks we used to make this video? Give them another listen:

  • “Influencers” by FASSounds
  • “Lo Fi Beach Dawn” by Trending Music
  • “Chilling in the West Indies” by Mattijs Muller
  • “UX Paradise” by Tiny Music
  • “Bushido Belief” by Tonemassif

Find even more on creating templates (and download FREE motion graphics assets) here:

  • 100+ FREE Assets for Your Next Video Project
  • How to Animate Individual Letters in Adobe After Effects
  • Download 18 FREE Animated Textures with a Gritty Style
  • Free Design Elements for Motion Graphics Artists
  • Using Motion Graphics Templates for More than Lower Thirds and Titles

  1. Create Realistic Shadows in Photoshop: Step-by-Step Tutorial

  2. Create Stunning Hand-Drawn Lower Thirds: 3 Easy Steps for Unique Video Effects

  3. Create Professional Custom Lower Thirds in Final Cut Pro X: 5-Step Guide

  4. Master the Rule of Thirds: What It Is and How to Use It for Stunning Photos

  5. Ultimate Guide: How to Become a Successful Video Creator

Video clip
  1. How to Create Professional Lower Thirds in Video Editing

  2. Create Impactful Visual Content for Documentation & Training [Video]

  3. Storyboard Guide: What It Is and How to Create One for Professional Videos

  4. How to Create a Pure White Background in Photoshop: Step-by-Step Guide

  5. Create Stunning Reflections in Photoshop: Step-by-Step Guide

  6. Ultimate Guide: Create Stunning Video Backgrounds for Your Website Homepage

  7. Master the One-Shot Illusion: How to Make a Movie Look Like a Single Continuous Take

  8. Edit 4K Videos Faster: Master Offline Editing and Proxies