Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Mobile App Prototyping : Animating Custom Interactions in After Effects

Al Mamun

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Videos (39m)
    • Intro

      0:50
    • Organizing Files

      1:23
    • Importing Assets in After Effects

      2:01
    • Setting Up Workspace

      1:47
    • Basics of After Effecs (Slide in Animation)

      13:40
    • Parenting and Using Null Objects

      3:19
    • How to Make a Scrolling Animation

      4:10
    • Animating a Navigation Menu

      4:23
    • Type On/ Write On Animation

      2:44
    • Animation Numbers

      1:51
    • Exporting as GIFs

      2:14
    • Class Project & Goodbye!

      0:34

About This Class

In this class you’ll learn how to make custom interactions of your already awesome app design inside After Effects! You’ll learn how to organize your files in Photoshop, importing all the assets and setting up your workspace. Then you’ll learn how to make some basic interaction animation . You’ll also learn how to make smooth looking animation and how to export your video in various formats.

For class project you’ll be creating a prototype animation of your app design. If you don’t have any design already, don’t worry! I’ll provide a whole UI Kit so that you can get started right away!

This class is for anyone who is a Mobile App designer/Web designer or anyone interested in making prototype animation. If you want to add some interaction animation to your next behance project or if you want to make some cool gifs for you next dribbble upload, then this class is definitely for you! You don’t need any prior knowledge of After Effects to follow this class!