UI Animation: Timing and Easing in Principle

Gil Huybrecht, Ui & UX designer, Branding

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Videos (58m)
    • Intro

      1:06
    • Principle Basics

      3:00
    • Masking

      4:02
    • Timing & easing

      4:44
    • Exercise: Document setup

      18:36
    • Exercise: Expanding menu

      9:34
    • Exercise: Video reveal

      15:47
    • Class project

      0:50
    • Roundup

      0:47
32 students are watching this class

About This Class

In this class i'll explain how you guys can use principle to make a pretty cool video reveal effect. We'll go through the basics first so you guys know what parts of the program to use. By using group masks and good easing we'll make some cool animations. Hope you guys enjoy the class, feedback is always welcome! Have a great day!

51 of 52 students recommendSee All

Great course. He gives really good advices to animate elements propely. This course helped me to do the transition between photoshop and principle because i don't use sketch for my design. So thanks Gil !
Awesome course!
Thank you Gil for making animation look easy with Principle app. Your tutorial is easy to follow and directly on point. Cheers !!

950

Students

8

Projects

Gil Huybrecht

Ui & UX designer, Branding

Hi everyone, my name is Gil Huybrecht. I'm a UI/UX designer & skateboarder from belgium. I have several years of experience designing websites and brands for various clients. Have a great day and let's make something awesome together!

See full profile