[Lynda] Edge Animate Essential Training (UPDATED) [2014, ENG]

Introduction 12m 3s
Welcome 1m 1s
How do I get the software? 56s
What is HTML5 animation? 1m 23s
What does Edge Animate create? 2m 49s
Understanding the interface 2m 45s
About the exercise files 31s
What's new in Edge Animate CC (5.0) 2m 38s
1. Creating Content in Edge Animate 19m 27s
Creating a new project 4m 16s
Creating colors, gradients, and swatches 5m 47s
Drawing with the Rectangle, Ellipse, and clipping tools 5m 17s
Creating and formatting text 4m 7s
2. Preparing Web Assets for Use in Edge Animate Projects 20m 32s
Creating web graphics from Photoshop 3m 56s
Creating web graphics from Illustrator 3m 58s
Encoding HTML5 audio 4m 25s
Encoding HTML5 video 4m 55s
Adding external JavaScript 3m 18s
3. Working with Web Fonts 6m 32s
Using fonts from Adobe Typekit 3m 21s
Using fonts from Google Fonts 3m 11s
4. Compositing Layouts 35m 47s
Creating a composition 7m 11s
Creating complex artwork 5m 8s
Naming, grouping, and assigning elements 5m 22s
Creating reusable symbols 5m 41s
Adding audio to your composition 4m 36s
Adding video to your composition 5m 51s
Creating and reusing templates 1m 58s
5. Making Your Compositions Responsive 17m 38s
Setting responsive stage properties 2m 49s
Set element properties for a resizing stage 8m 28s
Setting layout defaults for new elements 2m 51s
Using responsive presets 3m 30s
6. Creating Animations 57m 54s
Animating elements 7m 26s
Animating with the Toggle Pin 3m 44s
Setting easing options for animations 9m 44s
Animated clipping, backgrounds, and effects 8m 39s
Animating elements along a motion path 8m 19s
Creating an animated symbol 5m 48s
Combining audio with animation 4m 31s
Combining video with animation 2m 4s
Creating animations from a sprite-sheet animation 7m 39s
7. Working with Actions 38m 29s
What is an action? 5m 28s
Targeting timeline labels with actions 3m 34s
Targeting symbols with actions 3m 58s
Controlling HTML5 audio with actions 4m 19s
Controlling HTML5 video with actions 3m 40s
Creating article links for Adobe DPS magazines 4m 22s
Using touchstart and touchend events 2m 56s
Using swipe gesture events 5m 10s
Creating your own custom code snippets 5m 2s
8. The Code Panel 9m 5s
The Code window interface 5m 34s
Adding stage and preload events 3m 31s
9. Considering Older Web Browsers and Network Speed 5m 33s
Creating a down-level stage for older browsers 2m 10s
Adding a preloader stage to your project 3m 23s
10. Going Beyond the Edge Animate Interface 18m 34s
Adding custom CSS to your composition 5m 1s
Using self-hosted fonts 3m 16s
Creating rollover effects 4m 41s
Writing custom JavaScript for your composition 5m 36s
11. Publishing Your Edge Animate Project 12m 33s
Publishing for the web 4m 34s
Publishing to an Animate Deployment Package (OAM) 2m 40s
Publishing for iBooks and OS X Dashboard 2m 13s
Customizing the publish directories 3m 6s
12. Adding Edge Animate Compositions to Existing HTML Pages 16m 3s
Adding your responsive composition to a webpage 3m 41s
Adding your scaling composition to a webpage 4m 33s
Animating elements of an existing HTML page 7m 49s
13. Using Edge Animate Compositions in Other Authoring Applications 14m 31s
Using OAM files in InDesign 3m 7s
Using OAM files in Dreamweaver 3m 17s
Using OAM files in Muse 3m 2s
Using widgets in iBooks Author 2m 48s
Using widgets in OS X Dashboard (Mac only) 2m 17s

Adobe Edge Animate offers a new way of creating rich and interactive animated content for websites, mobile apps, and ebooks. Like to code? You can access the HTML, CSS, and JavaScript that powers your compositions from the Edge Code interface. If you're not an avid programmer, you can use Edge Animate's more design-friendly features to build the same graphics without code.
Want to learn more? Join Chris Converse in this course, as he covers all the essentials of this powerful toolset. Chris shows how to build basic compositions with shapes, text, images, and HTML5 video; animate the different elements; trigger actions and events; and incorporate custom CSS and JavaScript effects. He also shows how to make your Edge Animate layouts responsive, embed web fonts, and accommodate older browsers. When your composition is complete, learn how to add it to a webpage or take content into other applications like InDesign, Dreamweaver, Muse, and iBooks Author.
Topics include:
Creating a new project
Preparing content in Photoshop or Illustrator
Adding text to a composition
Working with web fonts
Creating reusable symbols
Adding HTML5 audio and video to compositions
Making responsive layouts
Animating elements
Targeting elements with actions
Controlling HTML5 video and audio playback with actions
Working in the Code panel
Publishing your project
Adding Edge Animate compositions to existing webpages
Using OAM files in other applications