After Effects  Course

Advanced UI Animation

After Effects is the perfect tool for making expressive interaction concepts - the freedom to be creative is a powerful thing, but must be wielded with restraint. Break down some awesome UI effects and learn how to make a cohesive multi-step animation in this course.

There are 7 episodes.

  • Principles of UI Animation

    Motion design for UI is influenced by the 12 animation principles, but has a unique set specific to functional interfaces. Before moving things around for real, we'll che...

    • 16:09
    • Free to Watch
    • Watched
  • Revealing List Elements

    The first thing to tackle on this particular UI is the top row of locations that serves as a menu. Applying our UI animation principles, we'll make a smooth and interesti...

    • 5:14
    • Free to Watch
    • Watched
  • Working With Lines

    Lines are some of the most useful and subtly expressive things you can use in your animations to signal intent or motion, or highlight something. In this episode, we'll c...

    • 8:39
    • Free to Watch
    • Watched
  • Custom Transition Masks

    After Effects gives us the power to do something more interesting than just fade or wipe. Learn to make a custom transition that looks like a cool pixelated UI building u...

    • 6:26
    • Pros Only
    • Watched
  • Animate With Expressions

    Expressions are one of the most powerful tools in AE. On this project, you'll use the built-in scripting to power the animations for all the little elements on the map.

    • 6:43
    • Pros Only
    • Watched
  • Switching UI States

    The top of this map interface is a selector for different locations. In this episode we'll handle changing the UI for the multiple states.

    • 5:44
    • Pros Only
    • Watched
  • Exporting for Sharing

    Exporting your work to share is important. Filesize and quality are also important! To wrap up, we'll check out the ins and outs of the export methods in After Effects, a...

    • 4:56
    • Pros Only
    • Watched