From the course: Prototyping Microinteractions with After Effects
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Transitions
From the course: Prototyping Microinteractions with After Effects
Transitions
- [Instructor] Practically every micro-interaction involves state changes for an object. And the micro-interaction is how the object transitions between the states of that object. And that transition are kind of the rules. Of course the overall rule is to let the user know the button is live and to click it. In this exercise we're going to transition between the over, hover, and active states of a simple button. And to get yourself started, open the Transform file found in your chapter download. When the file opens, you will see each of these states is a pre-comp. So we've got an active state, a hover state, and an over state. And we'll start with the over state, so we'll just double-click the Over comp. And get started. The overall rule here is to simply let the user know the button is live, and this is accomplished through a state change, which is basically going to darken the button as the cursor passes over the button. So we'll get this going, we're going to select the cursor…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
(Locked)
Sequencing5m 29s
-
(Locked)
Transitions9m 48s
-
(Locked)
Animated containers10m 23s
-
(Locked)
Using a focal element5m 31s
-
(Locked)
Creating an overshoot2m 52s
-
(Locked)
Stretching elements3m 50s
-
(Locked)
Zooming5m 44s
-
(Locked)
Floating action button fundamentals6m 48s
-
(Locked)
Sticker sheets4m 21s
-
(Locked)
Arcs4m 30s
-
(Locked)
Text input2m 20s
-
(Locked)
3D effects5m 22s
-
(Locked)
A pulsing cursor5m 19s
-
(Locked)
Wireframe a drawer5m 6s
-
(Locked)
Refining the slide-in drawer5m 42s
-
(Locked)
Card-based layouts4m 42s
-
(Locked)
The ripple effect4m 48s
-
(Locked)
-