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

LinkedIn Learning

Prototyping UI Animation with Adobe Animate

via LinkedIn Learning

Overview

Learn how to prototype sophisticated interface designs with the animation and easing controls in Adobe Animate.

Explore new possibilities in UX prototyping. Adobe Animate offers features to create sophisticated motion, such as smooth easing, stops and starts, and complex motion paths. This course shows how to use the motion curve and easing options in Adobe Animate to prototype your own UI animation. Instructor Joseph Labrecque shows how to create a new project, dial in the document settings, and employ different methods of animation, including keyframing and tweening. He also shows how to edit and manage easing properties for animated UI elements. Plus, learn how to use the tools in the Motion Editor—ease presets, anchor points, and control points—to build even more refined animations.

Syllabus

Introduction
  • Welcome
  • What you should know
  • Using the exercise files
1. Animate Project Setup
  • Creating a document
  • Grid and snapping options
  • Importing content
  • Adjusting content
2. Animation Basics
  • Creating keyframes
  • Shape tweens
  • Classic tweens
  • Motion tweens
3. Easing and Motion
  • Classic ease intensity values
  • Apply easing presets
  • Per-property easing
  • Creating a custom ease
  • Applying custom ease presets
4. The Motion Editor
  • Using the Motion Editor
  • Easing within the Motion Editor
  • Motion Editor ease presets
Conclusion
  • Next steps

Taught by

Joseph Labrecque

Reviews

Start your review of Prototyping UI Animation with Adobe Animate

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.