Adobe Edge Animate CC: Transitions, Symbols, and Synchronizing Motion

End users at all levels of an enterprise, especially designers and web developers, seeking to attain proficiency in Adobe Edge Animate CC to deliver quality compositions to the browser and various devices.


Expected Duration
58 minutes

Timing is critical when creating animation transitions. This course examines transitions and ways to modify them. In addition, it covers how to create a set of self-contained behaviors, timelines, and graphics, called symbols. The course also touches on synchronizing animation elements. This course is one of a series in the SkillSoft learning path that covers Adobe Edge Animate CC.


Adding Animation to Create Moving Parts

  • start the course
  • create manual and auto keyframes for elements on the stage in Edge Animate
  • identify problematic keyframes in Edge Animate
  • manipulate shapes using the corners keyframe and master radii control points in Edge Animate

Transitions in Edge Animate

  • change property values to move from one value to another without gradual transition in Edge Animate
  • enable the Auto-Keyframe and Auto-Transition modes to create keyframes in Edge Animate
  • extend the length of a transition using the Insert Time command in Edge Animate
  • use the easing motion and reverse motion techniques in Edge Animate

The Symbol Timeline

  • work with animated symbols in Edge Animate
  • create a button symbol to open a web page in Edge Animate
  • use the Group Elements in DIV command on grouped objects in Edge Animate
  • create a button symbol with a rollover action in Edge Animate
  • synchronize animation elements in Edge Animate

Practice: Adding Keyframes, Working with Transitions and Synchronizing Elements

  • create Animation Keyframes, edit Transitions using motions, and create a button with a rollover action





Multi-license discounts available for Annual and Monthly subscriptions.