Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Prototyping Microinteractions with Adobe Animate

via LinkedIn Learning

Go to class Write review
Corporate Finance Institute Ad

35% Off Finance Skills That Get You Hired - Code CFI35

Learn More → Datacamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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
1. Preparing Your Project
  • What are microinteractions?
  • Configuring an Animate document
  • Drawing basic shapes
  • Using the timeline
  • Adding keyframes
  • Defining frame labels
2. Basics of Motion
  • Shape tweens
  • Creating symbols
  • Classic tweens
  • Easing with the Properties panel
  • Motion tweens
  • Easing with the Motion Editor
  • Using masks
3. Prototyping Gestures
  • Tap gestures
  • Double-tap
  • Long press
  • Swipe gesture
  • Pinch gesture
4. Designing Microinteractions
  • Progress bar
  • Bouncing icon
  • Icon transformation
  • Stretch and fill
  • Ripple effect
  • Pulsing effect
Conclusion
  • Further information

Taught by

Joseph Labrecque

Reviews

5 rating at LinkedIn Learning based on 3 ratings

Start your review of Prototyping Microinteractions with Adobe Animate

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.