Create Interactive HTML5 Animations with Adobe Edge Animate Premium class

Jeff Batt, Founder of Learning Dojo

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
42 Videos (4h 48m)
    • Edge Animate Overview

      5:24
    • Exploring the Edge Animate UI

      12:09
    • Starting a New Project

      6:20
    • Adjusting the Stage Properties

      8:12
    • Using the Shape Tool - Part 1

      13:40
    • Using the Shape Tool - Part 2

      9:37
    • Using the Text Tool

      7:05
    • Additional Tools

      1:54
    • Elements Panel

      2:35
    • Library Panel

      5:54
    • PNG Files

      10:32
    • SVG Files

      3:13
    • Using Keyframes to Animate

      12:42
    • Using the Auto-Transition to Animate

      4:43
    • Using the Pin Tool to Animate

      5:48
    • Easing Your Animations

      4:41
    • Copy and Paste Animations and Create Animations with Multiple Keyframes

      8:56
    • Looping Your Timeline

      4:15
    • Timeline Labels

      10:42
    • Creating and Using Symbols

      11:49
    • Creating Button Symbols

      13:31
    • Importing and exporting symbols

      2:02
    • Formatting and Updating Text Fields Through Code

      6:38
    • Updating CSS values through code

      8:39
    • Adding responsive code on the CompositionReady event

      2:18
    • Using the different code windows

      16:43
    • Hiding and Showing Stage Objects

      3:41
    • Playback and timeline control hints

      6:12
    • Open link code hints

      5:19
    • Hide and show code hints

      3:41
    • Saving your code snippets for later use

      3:32
    • Referencing and object on the stage

      4:18
    • What is a variable?

      3:05
    • Working with local variables

      4:47
    • Getting and setting global variables

      7:58
    • Conditional coding: if and else statements

      9:31
    • Older Browser Compatibility Warnings

      6:00
    • Adding a Pre-loader

      4:25
    • Web Publishing Settings

      6:51
    • Animate Development Package (OAM)

      7:15
    • iBooks or OS X Widgets

      7:19
    • You're not done yet! More to come...

      3:44

About This Class

Adobe Edge Animate lets web designers and developers build interactive HTML animations for web, digital publishing applications, rich media advertising and more, reaching both desktop and mobile browsers because it produces HTML5 content.

Learning how to do full HTML5 and JavaScript programming can be a daunting task unless your able to spend hours learning how to do all the programming by hand. Adobe Edge Animate is like Flash for HTML5. Adobe Edge Animate allows you to quickly build custom web animations and interactive content that can be played on any device.

Students of this course will learn in this session the basics Edge Animate from UI elements to basic animations and how to make your content interactive. This gives the developer a WYSIWYG environment to build custom mobile compatible animations and interactions while still having the flexibility of programming your code by hand. You can even do most of the interactivity without even knowing any code.

524

Students

1

Project

Jeff Batt

Founder of Learning Dojo

Jeff has 10+ years experience in the digital learning and media industry. Currently he is Founder and Head Trainer/Sensei at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of eLearning, web and mobile related software applications. Jeff is also the Lead eLearning Producer for The Church of Jesus Christ of Latter-day Saints, producing online training for the Church world wide. Jeff has also been the Product Development Manager for eLearning Brothers with responsibility for the design, development, and management over their world-class digital learning templates library building templates in Storyline, Studio ’13, Captivate, Adobe Edge Animate, Lectora, HTML5, Flash and more. Prior to his work at eLearning Brothers, Jeff was the Design & Professional Services Manager for CallidusCloud’s online eLearning authoring tool Litmos Author. Jeff is a regular conference speaker and industry leader regarding eLearning technologies such as TinCan API (xAPI), Articulate Storyline, Adobe Edge Animate, Captivate, Camtasia, HTML 5, and More.