Prototyping UI Animation with Adobe Animate

Prototyping UI Animation with Adobe Animate

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 0h 57m | 104 MB

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.

Topics include:

  • Setting up an Adobe Animate project
  • Importing content
  • Creating keyframes
  • Tweening
  • Easing
  • Using the Motion Editor
Table of Contents

Introduction
1 Welcome
2 What you should know
3 Using the exercise files

Animate Project Setup
4 Creating a document
5 Grid and snapping options
6 Importing content
7 Adjusting content

Animation Basics
8 Creating keyframes
9 Shape tweens
10 Classic tweens
11 Motion tweens

Easing and Motion
12 Classic ease intensity values
13 Apply easing presets
14 Per-property easing
15 Creating a custom ease
16 Applying custom ease presets

The Motion Editor
17 Using the Motion Editor
18 Easing within the Motion Editor
19 Motion Editor ease presets

Conclusion
20 Next steps