Edge Animate CC

( Duration: 2 Days )

The Adobe Edge Animate CC training course provides interactive and animated web content development. With the growing adoption of HTML5 standards, modern browsers are now able to display rich media without the need for plug-ins, such as the Flash Player. With CSS3 and JavaScript, Edge Animate integrates animation and complex interactivity for stunning visuals and engaging user experiences.

By attending Adobe Edge Animate CC workshop, Participants will learn:

  • The Edge Animate environment
  • The various graphic formats that Edge Animate uses
  • Embedding custom fonts and adding special effects
  • Various types of animations including symbols, nested animations, and clipping animations
  • Adding interactive events and actions
  • Embedding media
  • Adding additional HTML and JavaScript coding
  • Publishing and responsive designs

  • Knowledge of HTML5, CSS3, and JavaScript is helpful but not required

Web designers and animators who want to spend less time coding and more time designing and animating.



Getting Started

  • Getting to know the workspace
  • Elements
  • Adding motion
  • Previewing
  • Modifying motion

Creating Graphics and Importing Art

  • Understanding graphic formats
  • Working with bitmaps
  • Working with vector graphics
  • Creating HTML elements
  • Modifying rectangles
  • Working with Rulers and Guides
  • Creating text
  • Embedding custom fonts
  • Tidying up your elements
  • Organizing your elements
  • Adding special effects
  • Rotations

Designing Animation

  • About animation
  • Automating position with the Pin
  • Changing pacing and timing
  • Turning the display on and off
  • Animating scale
  • Creating fades
  • Timeline panel options
  • Copying and pasting animations
  • Adding easing to refine motion
  • Editing overall timing

Refining Animation and Adding Complexity

  • About symbols
  • Creating nested animations
  • Animating symbols on the Stage
  • Creating a looping animation
  • Symbol instances
  • Playback commands
  • Editing Symbols
  • Adding the characters
  • Clipping animation
  • Animating shadows
  • Working with advanced eases

Adding Basic Interactivity

  • About interactive compositions
  • Understanding JavaScript
  • Timeline triggers
  • Syntax rules
  • Events and actions
  • Creating the buttons
  • Navigating the Code panel
  • Creating labels
  • Adding visual feedback
  • Customizing the mouse cursor
  • Controlling animated elements

Embedding Media and Advanced Interactivity

  • Embedding media
  • Showing embedded media
  • Removing media
  • Adding hyperlinks
  • Adding HTML content
  • Keyboard events
  • Handling logic with conditionals
  • Using variables
  • Coding an interactive slideshow
  • Final edits

Publishing and Responsive Design

  • Publishing the composition
  • Down-level Stage
  • Embedding the composition into HTML
  • Understanding responsive design
  • Edge Animate resources

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 3,500 Modules on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 20,000 corporate candidates across india and abroad
  • All our trainings are conducted in workshop mode with more focus on hands On

View our other course offerings by visiting www.encartalabs.com/course-catalogue

Contact us for delivering this course as a public/open-house workshop for a group of 10+ candidates at our venue