Edge Animate: Advanced

Edge Animate: Advanced


Total Run Time: 3.4 hrs

With Total Training for Adobe Edge Animate: Advanced, you'll learn skills and techniques for creating more advanced animated and interactive content employing standard HTML, JavaScript and CSS technologies that will play back on all devices.


  1. How to import content from Adobe Illustrator
  2. How to use Custom Web Fonts
  3. Animating image fade-in and fade-out transitions
  4. Creating animated buttons
  5. Creating nested and looping animations

This title is available in the
Total Training All-Access library.

Subscribe Now

SKU: tt_TEDANAD Categories: , ,


This Total Training for Adobe Edge Animate Advanced course will teach you everything you will need to create sophisticated interactive content such as user controlled slideshows, JavaScript-driven animations, and web pages that respond to the size of the display device.

By the time a user is done watching this training series he or she will know and be proficient in advanced animation techniques, working with symbols, creating responsive animations, adding interactivity to animations with JavaScript actions, and much, much more.

Sample clip

Course Outline

Chapter 1: Working with Assets (43 min)

  1. Importing Content from Adobe Illustrator
  2. Importing Content from Adobe Photoshop & Flash
  3. Exporting & Importing Symbol Libraries
  4. Using Adobe Web Fonts
  5. Using Custom Web Fonts
  6. Adding Web Fonts to Your Composition
  7. Making Text Elements Scale in Position
  8. Making Shape Elements Scale in Position
Chapter 2: Advanced Animation Techniques (60 min)

  1. Copying & Pasting Properties in the Timeline
  2. Using the Paste Special Options
  3. Scaling Animations in Size & Position
  4. Animating a Filmstrip Slideshow
  5. Looking at Advanced Slideshow Elements
  6. Adding Button Controls to a Slideshow
  7. Previewing the Slideshow Transitions Project
  8. Adding Transitions & Interactivity to the Slideshow
Chapter 3: Adding Interactivity with JavaScript Actions (55 min)

  1. About JavaScript
  2. How JavaScript Works within Edge Animate
  3. Edge Animate Actions, Triggers & Events
  4. Survey of Important Edge Events
  5. JavaScript Syntax
  6. Script Comments
  7. Linking to Other Web Pages
  8. Changing the Mouse Cursor
  9. Creating an Animated Button Rollover
  10. Creating Animated Button Symbols
Chapter 4: Advanced Symbol Techniques (21 min)

  1. Previewing the Project
  2. Nesting & Looping Animations
  3. Controlling Animated Symbols with ActionScript
Chapter 5: Preloaders, Responsive Design & Integration (37 min)

  1. Adding a Preloader
  2. Creating Responsive Background Images
  3. Setting Min W & Max W
  4. Integrating with Dreamweaver CC
  5. Integrating with Dreamweaver CS6
  6. Closing Credits

Presenter Info

James GonzalezJames is a professional educator with over 23 years of classroom teaching experience. He is currently on the faculty of the Art Institute of Pittsburgh, Online Division, and at the College of Marin in California where he teaches all aspects of interactive digital media and web design.

James is the principal in a small Web Development consulting business that develops Web sites and Web-based training materials. He is also the author of over 30 video courses covering Adobe Flash, Dreamweaver, Premiere, Photoshop, SEO, Social Media and other interactive media topics. His educational background includes technical degrees from both the University of California (U.C.L.A) and Cal State (Humboldt and Long Beach) and a teaching graduate degree from U.C.L.A.