Sign In Mobile App Animation In After Effects

⚡️ Sergey Basharin, Motion Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Videos (37m)
    • Introduction

      0:35
    • Ps File Review

      1:10
    • Import Ps File Into After Effects

      2:02
    • Logo Animation

      4:10
    • Sign up Title Mask Animation

      1:13
    • Email And Password Layers Anination

      2:40
    • Create And Animate Sign In Button

      4:32
    • Create And Animate Text Layer

      2:15
    • Create and Animate Shape Screen Tap

      2:29
    • Create and Animate Email and Password

      6:57
    • Keyboard Animation

      2:25
    • Add Background

      1:38
    • Export GIF With Photoshop

      2:38
    • Export Gif With After Effects 2018

      2:09
    • Thank you

      0:23

About This Class

"UI Animation Camp" is a series of classes for the animation of mobile interfaces. You are a web designer, a designer of mobile solutions and want to improve your skills or you are the one who is interested in the motion design welcome to the camp! Classes will be published 1 time in 2 weeks. We will create many cool cases.

In this class, we will make the sign-up screen animation. You will learn about shape layers, paths, masks, key framing and key frame velocity.

8ff05e63

What You'll Learn

  • Ps file. Organize layers for animation.
  • Import in After Effects. How to correctly import a Ps file for further animation.
  • Animation in After Effects. I'll walk you through the process of animation of Sign in. Add a background to the scene and prepare the animation for export to the GIF.
  • Export your animated GIF. I'll show you two ways to export for getting your animation shareable and out there!

3 of 3 students recommendSee All

Excellent class. Even though this was my first time using After Effects, it took me some time to get to know the software itself and Sergey's class introduced me to AE in a awesome way!

12

Students

--

Projects

⚡️ Sergey Basharin

Motion Designer

Hey! This is Sergey Basharin

Since 2012 I have been engaged in motion design. I make explanatory videos, infographics, openers, graphic design of television channels, commercials, animation interfaces.

My works help to understand the client's product better, make the speaker's words more expressive, help to orientate the audience in the television broadcast.

I know how to draw storyboards. How to distinguish a good script from a bad one. Looks like a cool character. How c...

See full profile