Prototyping UI Animation with Adobe Animate

Go to class
Write Review

Free Online Course: Prototyping UI Animation with Adobe Animate provided by LinkedIn Learning is a comprehensive online course, which lasts for Less than 1 hour of material. The course is taught in English and is free of charge. Upon completion of the course, you can receive an e-certificate from LinkedIn Learning. Prototyping UI Animation with Adobe Animate is taught by Joseph Labrecque.

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