Lower thirds are a staple in video production, used to display names, titles, and other essential info without distracting from the main content. With Adobe After Effects, you can create sleek, professional-looking lower third animations that elevate your video’s production quality.
In this guide, you’ll learn how to build a clean, animated lower third from scratch. We’ll cover text layout, animation techniques, effects, and export options. By the end, you’ll be able to create reusable templates for any project—news, YouTube, corporate, or creative.
Let’s dive in.
How to Create Pivot Tables in Excel (Master Data Summaries Fast)
Pivot tables in Excel are one of the most powerful features for summarizing and analyzing large data sets with minimal effort. Whether you’re dealing with sales data, customer feedback, or inventory reports, pivot tables let you group, filter, and break…
How to Use ChatGPT for Creative Writing
ChatGPT isn’t just a productivity tool—it’s a powerful writing partner for anyone working on creative projects. Whether you’re writing a short story, novel, poem, or screenplay, ChatGPT can help you brainstorm, structure, and refine your ideas. This guide will show…
How to Force Quit Frozen Apps on Mac (3 Fast Methods)
When an app on your Mac becomes unresponsive, it can freeze your workflow or even slow down the entire system. Fortunately, macOS includes several easy ways to force quit frozen apps — no need to restart your computer or lose…
How to Batch Edit Photos in Lightroom (Complete Step-by-Step Guide for Fast Results)
Batch editing in Lightroom is a game-changer if you have dozens—or hundreds—of photos needing the same look or corrections. Instead of adjusting each image one by one, you can apply your edits to an entire set, saving massive amounts of…
How to Make Money Online with AI — The Easy, Foolproof Guide
AI tools like ChatGPT, Midjourney, and Jasper have made it incredibly simple to start earning money online. You don’t need to code or have millions of followers—just follow these clear steps to turn AI into income. By the end of…
Step-by-Step: Create a Lower Third in After Effects
1. Create a New Composition
- Go to File > New > New Composition.
- Set the resolution to 1920×1080, frame rate to 30 fps, and duration to 10 seconds.
- Name your comp something like Lower Third Base.
2. Add a Background Shape
- Select the Rectangle Tool (Q) and draw a horizontal bar.
- In the Timeline, rename it to BG Bar.
- In the Fill settings, choose a color that complements your brand or project style.
- Adjust the Anchor Point (Y) so it aligns properly with the text (use Pan Behind Tool (Y)).
3. Add Text Layers
- Select the Text Tool (Cmd/Ctrl + T).
- Click on the comp and type your Primary Text (e.g., name).
- Add a second text layer for Secondary Text (e.g., title or role).
- Use Align panel to position them relative to the background bar.
4. Pre-compose the Text and Background
- Select all related layers (text + BG).
- Right-click and choose Pre-compose.
- Name it Lower Third Comp, and make sure “Move all attributes” is selected.
5. Animate the Entry Motion
- Open the pre-comp and apply Position keyframes to slide in the lower third.
- Start off-screen (e.g., Y = 1100).
- End on-screen (e.g., Y = 950).
- Use F9 (Easy Ease) to smooth the motion.
- Adjust motion curves in the Graph Editor for a more natural slide.
6. Add Text Reveal Effects (Optional)
- Apply Track Matte: Add a shape layer above text as a mask.
- Set the text layer’s TrkMat to Alpha Matte.
- Animate the mask to reveal the text in sync with the background.
7. Add Fade or Scale Animation
- Use Opacity or Scale keyframes on text for a soft pop-in.
- Combine with the slide animation for layered effects.
8. Animate the Exit
- Copy your entry animation keyframes and reverse them at the end of the timeline.
- This ensures a smooth “slide out” when the lower third ends.
9. Add Motion Blur
- Enable Motion Blur for layers and for the comp.
- This softens the animation and gives it a professional feel.
10. Export or Save as Template
- Export: Use File > Export > Add to Render Queue or Media Encoder.
- To reuse: Save the comp as a Motion Graphics Template (.mogrt) via Essential Graphics Panel.
Pro Tips & Workflow Improvements
- Use Guides: Enable Title/Action Safe guides (Cmd/Ctrl + ‘) to align your lower third within safe zones.
- Use Expression Controls: Add controls for text, colors, and size via the Essential Graphics Panel.
- Add a Drop Shadow or Glow for better visibility on complex backgrounds.
- Create Variants with different durations or positions by duplicating the comp.
- Use Null Objects to link and control grouped animations more easily.
Advanced Use Case: Responsive Lower Third with Essential Graphics
Want to reuse your lower third in Premiere Pro with editable text?
- Create your lower third as above.
- Open Essential Graphics panel.
- Set your lower third comp as the Master.
- Drag in properties like Source Text, Color Fill, and Position.
- Export as a .mogrt file to use directly in Premiere Pro.
Troubleshooting & Common Mistakes
- Text gets cut off?
- Make sure your matte layer fully covers the animation area.
- Animation feels choppy?
- Use Easy Ease (F9) and adjust in Graph Editor for smoother motion.
- Motion Blur not working?
- Enable both the layer blur switch and the global blur switch at the top of the timeline.
- Can’t see your essential graphics controls?
- Ensure your composition is set as a master in the Essential Graphics panel.
- Render issues?
- Check your output module settings; use H.264 in Media Encoder for clean web exports.
Conclusion
Now you’ve built a fully functional, animated lower third in After Effects—ready to enhance interviews, tutorials, or branded videos. Practice customizing the layout, timing, and style to match different projects. Once you’re confident, try building a full suite of motion graphics elements for your brand.
Want to level up? Check out our next tutorial: “How to Create a Pop-Up Callout Animation in After Effects.”
