Lynda - Edge Animate - Essential Training (Updated Jul 22, 2014)

Adobe Edge Animate offers a new way of creating rich and interactive animated content for web and mobile sites. In this course, discover how to use the complete Edge Animate toolset to lay out and animate motion graphics for your website, mobile devices, digital magazine, iBooks, and more. Author Chris Converse shows you how to build basic compositions with shapes, text, images, and SVG files; animate the different elements with Auto Keyframe and Auto Transition features; trigger actions based on the timeline position or your visitor's mouse clicks and movements; and incorporate custom HTML, audio, and video. Chris also shows how to make your content accessible to the broadest audience possible with responsive layouts, incorporate web fonts from various online services, and accommodate older browsers. The final chapters in the course show how to use content from other applications like Flash or After Effects and take it to the next level with Edge Animate.

Topics include:

What is Edge Animate?  

Creating a new project  

Importing and manipulating content  

Preparing content in Photoshop, Fireworks, or Illustrator  

Adding text to a composition  

Animating with the Toggle Pin  

Setting easing options  

Animating clip and background positions  

Looping animation  

Working with symbols  

Targeting elements with actions  

Working with HTML and CSS in the Code panel  

Using responsive layout presets  

Publishing for the web or iBooks  

Going from Edge Animate to Flash, After Effects, Photoshop, Sencha Animator, or Tumult Hype  

Author: Chris Converse

Subjects: 3D + Animation Motion Graphics Web Web Graphics Interaction Design Animation Web Design

Software: Edge Animate

Duration: 5h 11m

Level: Beginner

Released: Dec 07, 2012 - Updated Jul 22, 2014