This class will teach you how to create responsive title animations in After Effects to use and edit in Premiere Pro. You will be able to create custom titles that will bring a professional polish to your video piece.
I will take you through the process of animating a title and subtitle with a frame, adding expressions to create a responsive design and setting up your template in the Essential Graphics Panel for use in Premiere Pro. 
<img src="https://static.skillshare.com/uploads/discussion/tmp/fd06adee" class="zoomable rounded-image-wrapper" alt="fd06adee">
This class is part one of a three-part series on Motion Graphics Templates.
Each class in the series uses the knowledge and outcomes of the previous classes and builds on it.
Check out <a href="https://skl.sh/2Sgetx7" rel="nofollow noreferrer noopener" target="_blank">part two after this class</a>.
Who This Class Is For
This class is perfect for students of all levels, wanting to create custom titles. You might be more at ease with After Effects, if you have used it before but prior knowledge of the software is not a requirement. No previous knowledge of creating motion graphics templates or writing expressions, however, is needed.
What You'll Learn
<ul><li>Creating animation templates
<ul><li>You will learn how to set up your animation up in After Effects with Essential Graphics</li>
<li>You will create an animation that can be used as a modular template in Premiere Pro</li>
<li>You will learn how to set up controllers</li>
</ul></li>
<li>Writing expressions
<ul><li>You will learn essential lines of code for responsive motion graphics templates</li>
<li>You will link properties with expressions to improve your workflow</li>
<li>You will learn JavaScript terminology</li>
</ul></li>
<li>Using the essential graphics in Premiere Pro
<ul><li>You will learn how to import and use your Mogrt in Premiere Pro</li>
<li>You will be able to change and customise your template</li>
<li>You will gain insight on how other users could be using your template</li>
</ul></li>
</ul>Why You Should Watch
By the end of this class you will be able to create responsive animation templates in After Effects that you can use in any Adobe video project. You will know how to set up the Essential Graphics Panel and optimise your understanding of UX. You will be able to export Mogrts for use in Premiere Pro.
You can also use this knowledge to create motion graphics templates for your next YouTube video or client project.
Materials / Resources
You will need Adobe After Effects and Premiere Pro to complete this class. I will be providing any necessary assets, so you don’t need to have any assets ready.
Upcoming classes
This class is part one of a three-part series on Motion Graphics Templates.
You can follow along the whole series, or just take each class on its own. I will be providing assets for each class, as necessary. If you would like to follow along without taking the preceding classes, you can jump right in by using the assets provided.
Part two is now Live:
<iframe src="https://www.skillshare.com/embed/video?sessionId=4055787&amp;width=600&amp;height=337.07865168539&amp;authToken=" width="600" height="497"></iframe>
Follow me on social media to find out about upcoming classes!
<a href="https://www.instagram.com/sonjageracsek/" rel="nofollow noreferrer noopener" target="_blank">Instagram</a> - <a href="https://www.facebook.com/sonjageracsek" rel="nofollow noreferrer noopener" target="_blank">Facebook</a> - <a href="https://twitter.com/geracsso" rel="nofollow noreferrer noopener" target="_blank">Twitter</a> - <a href="https://tiktok.com/@sonjageracsek" rel="nofollow noreferrer noopener" target="_blank">TikTok</a> - <a href="http://sonjageracsek.me/" rel="nofollow noreferrer noopener" target="_blank">Website</a>
 
Further Reading
<a href="http://smad.jmu.edu/shen/webtype/lineheight.html" rel="nofollow noreferrer noopener" target="_blank">http://smad.jmu.edu/shen/webtype/lineheight.html</a>
<a href="http://smad.jmu.edu/shen/webtype/margin.html" rel="nofollow noreferrer noopener" target="_blank">http://smad.jmu.edu/shen/webtype/margin.html</a>
ATTRIBUTION
<ul><li>Music Guiton Sketch by Kevin MacLeod is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/" rel="nofollow noreferrer noopener" target="_blank">Creative Commons Attribution licence</a>, <a href="http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1100473" rel="nofollow noreferrer noopener" target="_blank">Source</a>, <a href="http://incompetech.com/" rel="nofollow noreferrer noopener" target="_blank">Artist</a></li>
</ul>

Introduction

Class Project

Setting up & Animating Title

Masking Text & Animating Frame

Making Frame Responsive P1

Making Frame Responsive P2

Fixing Title Anchor Point

Positioning Subtitle Dynamically

Adding Margin to Subtitle

Adding Subtitle On/Off Switch

Fixing Subtitle Anchor Point

Animating Subtitle

Creating Out Animation

Creating Motion Graphics Template

Adding Font Colours & Frame Properties

Linking Properties to Controllers

Adding Stylistic Options to EGP

Using Adobe Color Themes

Exporting MOGRT for Premiere Pro

Using Template in Adobe After Effects

Conclusion

expressions.zip

MotionGraphicsTitleTemplate_FINAL.aep

How to Animate Responsive Motion Graphics Title Templates in Adobe After Effects | Part 1/3

Sonja Geracsek gave you 1 free month of Skillshare

Get 1 free month of Skillshare

How to Animate Responsive Motion Graphics Title Templates in Adobe After Effects | Part 1/3

Creative Learning Made Easy

Company

Work With Us

Teach with Us

Shop

Mobile

English

English