Adobe Edge Animate: Essentials

Course Name

Adobe Edge Animate: Essentials

Contact Hours: 24 (an estimated time frame devoted to a course of study from start to finish that can vary from student to student)

Course Description

This course will teach you everything you will need to start creating interactive content such as slideshows or animated advertisements that will playback on all devices including desktops computers, laptops, tablets and all modern smartphones.

As we move to a more standards-based web it will become a far richer and more expressive platform, and designers will be able to produce stunning work with tools such as Adobe Edge Animate.

This course can be completed as quickly as you care to progress through it. As a benefit, the e-learner is provided 1 year post course completion access to this course including any updates that are made to the curriculum from the time of official enrollment.

Outcome

You will learn how to:

  • Create and Animate Art
  • How to animate using Timeline Transition Techniques
  • Add Interactivity using Triggers and Actions
  • Work with Symbols
  • Publish Compositions to the Web and other Adobe Products

Assessment

This course allows for self-directed work and does not require that you take a test. Apply what you have learned to your own projects.

Outline

Lesson 1: Getting Started

  • Introducing Edge Animate
  • What You Can Do with Edge Animate
  • Installing Edge Animate
  • Edge Animate vs. Flash® Professional
  • Opening & Saving Your First Project
  • Touring the Interface
  • Customizing & Saving Workspaces

Lesson 2: Creating Content

  • The Stage & Stage Properties
  • The Rectangle Tool & Rectangle Properties
  • Transforming Elements
  • Selecting, Copying & Pasting Elements
  • Aligning, Distributing & Arranging Elements
  • Exploring the Elements Panel
  • Creating Text Elements

Lesson 3: Animating in the Timeline

  • The Timeline
  • Working with Timeline Label & Controls
  • Transition Techniques
  • Animating with the Pin Tool
  • Editing Transitions
  • Intro to Animation Easing
  • Transition Easing Controls

Lesson 4: Working with Symbols

  • Intro to Edge Animate Symbols
  • Creating Symbols
  • Editing & Animating Symbol Instances
  • Symbol Editing Mode & Nested Symbols
  • Building the Clock Animation

Lesson 5: Adding Interactivity with Javascript®

  • About Adding Interactivity
  • Elements, Triggers & Actions
  • Triggering Actions in Other Elements
  • Stage & Timeline Triggers & Actions
  • Editing & Deleting Triggers & Actions
  • Creating an Interactive Slideshow Part 1
  • Creating an Interactive Slideshow Part 2

Lesson 6: Publishing

  • Publishing Overview & Preparation
  • Publish Settings & Options
  • Accommodating Older Browsers
  • Closing Credits