How to Animate Responsive Motion Graphics Title Templates in Adobe After Effects | Sonja Geracsek | Skillshare

How to Animate Responsive Motion Graphics Title Templates in Adobe After Effects

Sonja Geracsek, Motion Designer | Video Editor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
21 Lessons (1h 36m)
    • 1. Introduction

      2:23
    • 2. Class Project

      0:46
    • 3. Setting up & Animating Title

      6:58
    • 4. Masking Text & Animating Frame

      6:11
    • 5. Making Frame Responsive P1

      5:20
    • 6. Making Frame Responsive P2

      9:03
    • 7. Fixing Title Anchor Point

      5:44
    • 8. Positioning Subtitle Dynamically

      10:43
    • 9. Adding Margin to Subtitle

      3:49
    • 10. Adding Subtitle On/Off Switch

      7:11
    • 11. Fixing Subtitle Anchor Point

      1:25
    • 12. Animating Subtitle

      3:36
    • 13. Creating Out Animation

      3:28
    • 14. Creating Motion Graphics Template

      5:38
    • 15. Adding Font Colours & Frame Properties

      1:53
    • 16. Linking Properties to Controllers

      3:57
    • 17. Adding Stylistic Options to EGP

      2:19
    • 18. Using Adobe Color Themes

      3:03
    • 19. Exporting MOGRT for Premiere Pro

      6:26
    • 20. Using Template in Adobe After Effects

      4:16
    • 21. Conclusion

      1:25

About This Class

This class is part of a three-part series on Motion Graphics Templates. You can follow along the whole series, or just take a class on its own. 

 

fd06adee

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.

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

  • Creating animation templates
    • You will learn how to set up your animation up in After Effects with Essential Graphics
    • You will create an animation that can be used as a modular template in Premiere Pro
    • You will learn how to set up controllers
  • Writing expressions
    • You will learn essential lines of code for responsive motion graphics templates
    • You will link properties with expressions to improve your workflow
    • You will learn JavaScript terminology
  • Using the essential graphics in Premiere Pro
    • You will learn how to import and use your Mogrt in Premiere Pro
    • You will be able to change and customise your template
    • You will gain insight on how other users could be using your template

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 of a three-part series on Motion Graphics Templates. Each class in the series builds on the previous one, but can be taken independently from the series. Each class has a unique outcome and project assignment. 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.

Follow me on social media to find out about upcoming classes!

Instagram - Facebook - Twitter - TikTok - Website

 

Further Reading

http://smad.jmu.edu/shen/webtype/lineheight.html

http://smad.jmu.edu/shen/webtype/margin.html

ATTRIBUTION