Overview
-
Learn how to prototype gestures and design a number of useful microinteractions—including progress bars and pulsing effects—for UX design projects using Adobe Animate.
Syllabus
-
Introduction
- Prototype microinteractions with Adobe Animate
- What you should know
- Using the exercise files
- What are microinteractions?
- Configuring an Animate document
- Drawing basic shapes
- Using the timeline
- Adding keyframes
- Defining frame labels
- Shape tweens
- Creating symbols
- Classic tweens
- Easing with the Properties panel
- Motion tweens
- Easing with the Motion Editor
- Using masks
- Tap gestures
- Double-tap
- Long press
- Swipe gesture
- Pinch gesture
- Progress bar
- Bouncing icon
- Icon transformation
- Stretch and fill
- Ripple effect
- Pulsing effect
- Further information
