Easy Animated Icons in After Effects | Megan Friesth | Skillshare

Easy Animated Icons in After Effects

Megan Friesth, Motion Designer

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

      0:57
    • 2. Class Project

      1:34
    • 3. Illustrating Icons - Part 1

      4:35
    • 4. Illustrating Icons - Part 2

      2:37
    • 5. Getting Ready for Animation

      2:49
    • 6. Importing AI files in After Effects

      2:21
    • 7. After Effects Tour

      3:03
    • 8. Setting Keyframes

      5:18
    • 9. Converting Vector Layer to Shapes

      1:02
    • 10. Animating Lines Drawing In

      5:19
    • 11. Animating Along a Path

      4:39
    • 12. Orienting Along a Path

      2:07
    • 13. Adjusting Anchor Points

      2:13
    • 14. Parenting - Part 1

      2:14
    • 15. Parenting - Part 2

      3:50
    • 16. Scaling In - Part 1

      5:10
    • 17. Scaling In - Part 2

      5:10
    • 18. Masking

      3:14
    • 19. Easing

      4:50
    • 20. Finishing

      2:03
    • 21. Rendering

      4:05
    • 22. Thanks!

      0:38
86 students are watching this class

About This Class

If you’re a graphic designer, illustrator, or anyone wanting to learn 2D animation, this is a great place to start! Learn or practice Adobe After Effects by creating a fun set of animated icons. You’ll learn how to:

  • create icons starting with basic shapes in Adobe Illustrator.
  • prepare your icons for animation.
  • bring your icons into After Effects.
  • set keyframes to animate scale, position, rotation and more.
  • animate lines drawing in and out.
  • create a simple mask to hide parts of a graphic.
  • animate an object along a path.
  • export your animations as a GIF or movie file.
  • and much more!

104

Students

2

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Megan Friesth

Motion Designer

Hi! I'm Megan Friesth, a motion designer and illustrator from Boulder, Colorado. For my job I create explanimations–that is educational animations–and here I create education on how to animate! I have degrees in physiology and creative technology & design. By combining these two disciplines I create explanimations that help patients with chronic diseases understand complex medical information and take control of their health. When I'm not inside Adobe Illustrat...

See full profile

Report class