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.
Stretching elements
From the course: Prototyping Microinteractions with After Effects
Stretching elements
- [Instructor] This exercise concentrates on the feedback aspect of a micro-interaction. In this case, we're going to prototype a swipe or flick to move an image off-screen. And we've done this earlier but I'm going to show you another way of doing it which adds a little bit more feedback or a little bit more jazz to the interaction. In this case what we're going to do is we're going to shove good old Bruce Lee off the screen. So to shove Bruce, open the stretch file in your chapter download. And when it opens I want you to select both layers and press the U key so you can just see I've done a lot of the motion for you. Now, a quick note before we start. The motion here is going to be pretty slow simply because it is important to concentrate on this technique, which you could apply in shorter timeframes. So let's get started. The first thing we can do is of course apply a film technique by adding a bit of motion blur. So the first thing you want to do is click this little motion blur…
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)
-