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

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

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!

11 of 11 students recommendSee All

Learn lots of tricks and details from Gil. Really cool! :)
Another great class from Gil. Clear, easy-to-follow, and very useful.
thank you again! very clear & concise question - can principle animations be exported into a wordpress website workflow? can you offer a video series covering the application of a finalized principle project? please & thank you!

131

Students

1

Project

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