Animated Typography in After Effects: Layering Simple Effects for a Complex Look

Megan Friesth, Motion Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
20 Lessons (1h 38m)
    • 1. Welcome

      2:13
    • 2. Class project

      1:18
    • 3. Create text design in Illustrator

      10:57
    • 4. Separate letter pieces into layers

      3:26
    • 5. Create accents in Illustrator

      6:36
    • 6. Animate main letters

      7:26
    • 7. Animate outer outline

      3:47
    • 8. Animate inner outline

      3:54
    • 9. Animate accent lines

      6:27
    • 10. Reverse animation

      3:33
    • 11. Copy animation onto other letters

      15:30
    • 12. Create your own design

      0:53
    • 13. Dashed lines

      2:12
    • 14. Multiple strokes

      2:30
    • 15. Tube stroke

      2:53
    • 16. Animated confetti: circle & square

      8:42
    • 17. Animated confetti: triangle

      5:59
    • 18. Animated confetti: squiggle

      5:28
    • 19. Rendering

      3:35
    • 20. Wrap Up

      0:39
82 students are watching this class

About This Class

Learn how to layer simple effects to create complex looking animated typography! 

There's text pretty much everywhere you look, and today, so much of it is digital. This creates a huge opportunity that relatively few people are taking advantage of: adding animation to that text. With animated typography, you can make your letters pop off the screen, literally or figuratively. You can catch people's eye and amplify your message.

e06759b3

There are so many uses for animated typography such as:

  • explainer videos
  • kinetic typography videos
  • music lyric videos
  • logos
  • lower thirds
  • title sequences
  • digital greeting cards
  • websites
  • digital signage
  • advertising
  • social media posts
  • and more!

There are infinite ways to create eye catching animated typography, that are totally achievable. You don't need to be an expert. If you're new to After Effects, I'd suggest taking my class Animated Lettering in After Effects first. Once you're comfortable with the basics taught in that class, you'll be ready to tackle this one.

In this class you'll learn how to:

  • create your text design in Adobe Illustrator, including how to
    • create perfectly aligned and rounded letters
    • create ready to animate outlines and accents
  • import and animate your main letter forms in After Effects
  • add fun, animated flourishes like:
    • outlines
    • accents
    • bursts of confetti
    • dashed or dotted lines
    • multiple strokes
    • tube strokes
  • easily reverse your animation to animate letters out
  • efficiently copy effects to create other letters

Plus tons of time-saving tips!


What you'll need:

  • Adobe Illustrator and a basic familiarity of the program
  • Adobe After Effects and a basic familiarity of the program (check out my class Animated Lettering in After Effects if you are new to After Effects)
  • Adobe Media Encoder (if you want to export a .mp4 or .gif)