Animated Lettering in After Effects

Megan Friesth, Motion Designer

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

      1:19
    • 2. Inspiration

      0:41
    • 3. Class project

      0:57
    • 4. Getting started in Illustrator

      4:04
    • 5. Tracing letters

      6:09
    • 6. Adjusting your path

      9:57
    • 7. Getting ready for animation

      4:00
    • 8. Adding connectors and extensions

      1:16
    • 9. Importing into AE

      4:21
    • 10. Trim paths

      5:20
    • 11. Non-script lettering

      5:51
    • 12. Easing

      5:51
    • 13. Animating connectors and extensions

      8:29
    • 14. Adding a texture

      9:30
    • 15. Importing .psd file

      5:48
    • 16. Animating textured lettering

      7:21
    • 17. Masking

      1:59
    • 18. Adding colors

      4:23
    • 19. Animate out

      8:39
    • 20. Exporting (rendering)

      4:40
    • 21. Wrap-up

      0:32
70 students are watching this class

About This Class

493c0a0a

Lettering such an expressive form of art. Adding animation can really take your lettering to the next level. 

Animated lettering is not just for hand letterers. Animated text can be used in so many ways...

  • explainer videos
  • kinetic typography videos
  • music lyric videos
  • logos
  • lower thirds
  • title sequences
  • digital greeting cards (gifs to text to your friends)
  • websites
  • make your hand lettering stand out on social media

Not only is animated lettering a super useful technique, but its a great way to learn animation in Adobe After Effects. This class is designed for total beginners. You don't even need to be a hand letterer!

You'll learn how to:

  • use the pen tool to draw or trace a lettering design
  • add a texture to your lettering
  • prepare your lettering for animation
  • animate your lettering using trim paths
  • animate lettering with a texture using trim paths and masks
  • animate letter connections and extensions for a more interesting animation
  • quickly and efficiently animate your lettering out
  • add multiple color layers to your lettering animation
  • export (render) your lettering animation as a .mov, .mp4, and .gif so you can show off your work

Plus tons of time-saving tips!


What you'll need:

  • Adobe Illustrator
  • Adobe Photoshop (if you want to add a texture to your design)
  • Adobe After Effects
  • Adobe Media Encoder (if you want to export a .mp4 or .gif)

No experience needed!