Create Interactive HTML5 Animations with Adobe Edge Animate

Explore everything from A-Z about creating HTML5 animations and interactive content within Adobe Edge Animate.

Beginner 4.4(111 Ratings) 13,942 Students enrolled
Created by Jeff Batt Last updated 01/2015 English English [Auto-generated]
What will i learn?
  • Navigate Adobe Edge Animate Easily
  • Build HTML5 Animations in Edge Animate
  • Build Interactive Content in Edge Animate
  • Build Interactive Content for iBooks and Digital Publishing Suite
  • Publish your HTML5 Content for Web and Mobile
  • Use GreenSock Animations Within Edge Animate

Curriculum for this course
50 Lectures 05:25:07
Introduction
2 Lectures 00:17:33
  • Edge Animate Overview 00:05:24
  • Exploring the Adobe Edge Animate UI 00:12:09
  • Starting a New Project 00:06:20
  • Adjusting the Stage Properties 00:08:12
  • Using the Shape Tool - Part 1 00:13:40
  • Using the Shape Tool = Part 2 00:09:37
  • Using the Text Tool 00:07:05
  • Additional Tools 00:01:54
  • Elements Panel 00:02:35
  • Library Panel 00:05:54
  • PNG Files 00:10:32
  • SVG Files 00:03:13
  • Using Keyframes to Animate 00:12:42
  • Using the Auto-Transition Feature to Animate 00:04:43
  • Using the Pin Tool to Animate 00:05:48
  • Adding Easing to Your Animations 00:04:41
  • Copy and Paste Animations and Create Animations with Multiple Keyframes 00:08:56
  • Animation Challenge 00:01:45
  • Challenge Review 00:02:52
  • Looping Your Timeline 00:04:15
  • Timeline Labels 00:10:42
  • Creating and Using Symbols 00:11:49
  • Creating a Button Symbol 00:13:32
  • Button Challenge 00:00:28
  • Exporting and Importing Symbols 00:02:02
  • Formatting and Updating Text Fields Through Code 00:06:38
  • Responsive projects 00:07:32
  • Hiding and Showing Stage Objects 00:06:51
  • Updating CSS values through code 00:08:39
  • Adding responsive code on the CompositionReady event 00:02:18
  • Using the different code windows 00:16:43
  • Playback and timeline control hints 00:06:12
  • Open link code hints 00:05:19
  • Hide and show code hints 00:03:41
  • Saving your code snippets for later use 00:03:32
  • Referencing and object on the stage 00:04:18
  • What is a variable? 00:03:05
  • Working with local variables 00:04:47
  • Getting and setting global variables 00:07:58
  • Conditional coding: if and else statements 00:09:31
  • Challenge: Variables 00:00:31
  • Solution: Variables 00:06:19
  • Challenge: If statements 00:00:53
  • Solution: If statements 00:13:55
  • *NEW* Edge Animate Older Browser Compatibility 00:06:00
  • *NEW* Adding a Pre-loader 00:04:25
  • *NEW* Web Settings 00:06:52
  • *NEW* Animate Development Package (OAM) 00:07:15
  • *NEW* iBooks or OS X 00:07:19
  • You're not done yet. More to come... 00:03:44
Requirements
  • Some basic Javascript will help
+ View more
Description

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.

+ View more
Other related courses
02:38:43
3.8 63 $149.99 Free
08:53:47
3.8 50 Free
01:31:27
Updated Wed, 20-Nov-2019
4.1 38 $149.99 Free
01:45:50
4.1 24 $94.99 Free
04:45:08
4.1 23 Free
01:04:45
4.1 16 Free
03:48:48
4.4 12 $19.99 Free
01:10:37
4.1 10 Free
03:52:13
Updated Mon, 02-Sep-2019
4.1 19 $99.99 Free
04:28:09
4.3 16 $19.99 Free
06:19:49
4.4 13 Free
01:52:35
4 21 $74.99 Free
01:39:41
3.7 14 $79.99 Free
02:09:40
4.2 15 Free
01:01:33
4.2 12 $199.99 Free
51:12:35
4.2 16 $199.99 Free
02:23:35
Updated Tue, 09-Jul-2019
3.7 11 $99.99 Free
01:13:12
4.3 19 $139.99 Free
01:31:26
4.3 18 $139.99 Free
00:58:35
4.1 13 $94.99 Free
12:15:26
4.6 15 $99.99 Free
03:15:34
4.2 15 $199.99 Free
01:15:31
4.2 5 Free
00:44:15
4.5 6 $199.99 Free
03:36:22
4.7 1 Free
16:47:11
3.6 11 Free
03:09:33
Updated Sun, 03-Sep-2017
3.8 16 Free
02:07:36
3.9 1 Free
04:37:27
3.8 2 Free
02:14:18
Updated Fri, 23-Mar-2018
3.7 8 Free
02:23:03
4.3 4 Free
06:22:46
Updated Wed, 23-Mar-2016
4.1 1 Free
04:17:53
4.4 11 Free
00:57:12
3.4 9 Free
02:13:31
4.1 6 Free
12:52:08
3.5 6 Free
01:00:01
Updated Sat, 21-Dec-2019
2.3 4 Free
04:32:16
3.7 2 Free
03:41:40
4.3 3 Free
04:23:54
3.8 1 Free
02:12:25
4.3 0 Free
01:03:10
Updated Fri, 06-Dec-2019
3.9 2 Free
03:33:25
4.1 7 Free
02:43:49
4.4 0 Free
02:00:25
4.5 0 Free
01:10:58
3.8 8 Free
02:55:06
4.2 4 Free
00:36:19
Updated Tue, 28-Mar-2017
3.5 1 Free
02:18:52
4.1 12 Free
00:31:06
Updated Mon, 13-Nov-2017
3.6 6 Free
00:50:23
4 2 Free
02:27:52
Updated Wed, 07-Aug-2019
4.2 6 Free
00:50:19
3.7 4 $129.99 Free
01:49:58
3.9 8 $139.99 Free
01:17:39
Updated Thu, 26-Dec-2019
0 3 Free
03:42:56
4 12 $199.99 Free
02:01:15
Updated Mon, 23-Dec-2019
3.9 2 $199.99 Free
01:40:29
Updated Mon, 23-Dec-2019
3.7 5 $199.99 Free
02:15:39
Updated Mon, 23-Dec-2019
3.1 8 $19.99 Free
02:18:14
4.2 5 $129.99 Free
01:31:32
Updated Mon, 23-Dec-2019
3.8 2 $19.99 Free
01:24:32
Updated Mon, 23-Dec-2019
3.8 2 $19.99 Free
01:30:20
Updated Mon, 23-Dec-2019
3.5 4 $19.99 Free
01:19:56
Updated Mon, 23-Dec-2019
3.5 5 $19.99 Free
00:59:13
Updated Mon, 23-Dec-2019
3.2 4 $19.99 Free
01:01:52
Updated Mon, 23-Dec-2019
3.4 5 $19.99 Free
01:53:25
Updated Mon, 23-Dec-2019
3.4 7 $19.99 Free
02:17:41
Updated Mon, 23-Dec-2019
3.5 7 $19.99 Free
00:47:39
Updated Mon, 23-Dec-2019
3.7 5 $19.99 Free
00:41:25
Updated Mon, 23-Dec-2019
3.5 4 $19.99 Free
01:00:48
Updated Mon, 23-Dec-2019
3.4 6 $19.99 Free
00:33:47
Updated Mon, 23-Dec-2019
3.6 3 $19.99 Free
01:09:52
Updated Mon, 23-Dec-2019
3.4 7 $199.99 Free
00:40:16
Updated Mon, 23-Dec-2019
3.2 7 $199.99 Free
00:49:55
Updated Mon, 23-Dec-2019
3.6 3 $199.99 Free
02:34:03
4 5 Free
24:16:36
4.2 36 $199.99 Free
00:37:00
3.6 2 $99.99 Free
07:52:29
0 14 $114.99 Free
05:38:23
Updated Sat, 17-Aug-2019
4.3 3 $34.99 Free
01:20:14
Updated Tue, 14-May-2013
4 0 Free
05:57:07
3.7 10 $159.99 Free
05:26:39
0 16 $39.99 Free
00:37:17
3.9 4 $99.99 Free
06:23:22
2.5 16 Free
08:33:58
3.9 12 $19.99 Free
27:55:46
4.5 7 $199.99 Free
47:29:47
Updated Tue, 31-Dec-2019
4.6 89 $179.99 Free
03:32:49
Updated Sat, 28-Sep-2019
4.6 18 $49.99 Free
14:59:04
4.7 8 $199.99 Free
13:30:15
Updated Thu, 26-Dec-2019
4.5 23 $149.99 Free
28:04:40
4.7 43 $199.99 Free
10:22:00
4.6 14 $119.99 Free
14:51:23
4.2 78 $194.99 Free
46:24:20
Updated Thu, 12-Dec-2019
4.6 148 $199.99 Free
05:30:27
4 15 $159.99 Free
04:17:37
4 2 Free
03:59:09
4.7 3 Free
03:41:47
3 11 Free
04:00:56
4.1 2 $149.99 Free
03:35:47
4.2 8 $199.99 Free
22:12:56
4 9 $199.99 Free
08:03:16
4.3 8 Free
10:51:38
3.3 3 $199.99 Free
14:41:03
4.2 7 Free
04:35:13
3.8 3 Free
39:30:00
4 11 Free
04:32:42
3.8 10 Free
05:32:51
4.4 1 Free
06:43:19
Updated Sun, 04-Aug-2019
4.1 2 Free
03:20:40
4.2 6 Free
05:51:57
Updated Sat, 16-Nov-2019
4.1 13 Free
18:45:45
Updated Tue, 24-Sep-2019
4.6 3 Free
04:47:30
4.1 12 Free
02:39:55
3.7 13 Free
13:17:19
3.8 14 $124.99 Free
01:18:41
Updated Mon, 23-Dec-2019
0 8 $19.99 Free
14:40:08
4.1 10 Free
01:18:30
Updated Sun, 12-Jan-2020
0 4 Free
03:09:37
3.9 11 Free
08:12:53
4.7 6 $39.99 Free
21:42:23
Updated Sun, 08-Dec-2019
4.6 13 $174.99 Free
02:18:00
4.3 6 $129.99 Free
14:34:08
4.6 14 $149.99 Free
17:04:39
Updated Thu, 26-Dec-2019
4.5 13 $109.99 Free
23:53:13
4.5 7 $94.99 Free
11:00:44
4.5 8 $149.99 Free
12:36:12
4.6 19 $149.99 Free
05:49:54
Updated Sun, 03-Nov-2019
4.6 11 $109.99 Free
10:11:39
4 9 $49.99 Free
02:52:39
Updated Fri, 10-Jan-2020
3 5 Free
01:06:37
Updated Sun, 19-Jan-2020
4.1 6 $19.99 Free
00:55:55
4.9 3 Free
01:57:08
4.3 7 $199.99 Free
05:05:38
Updated Sun, 10-Aug-2014
4 1 Free
00:58:40
Updated Wed, 20-Nov-2019
4.2 5 Free
06:20:09
4.2 5 Free
29:24:58
4.1 11 Free
01:19:25
3.2 5 Free
00:45:46
Updated Wed, 06-Nov-2019
2 2 $19.99 Free
09:10:22
4.4 11 Free
01:20:24
4 4 Free
03:51:23
3.8 2 Free
00:40:21
Updated Thu, 22-Aug-2019
3.2 3 Free
02:07:04
Updated Tue, 14-Aug-2018
0 5 Free
02:19:58
Updated Sun, 02-Jun-2019
3.2 3 Free
01:51:26
Updated Mon, 13-Jan-2020
0 9 $99.99 Free
03:04:46
Updated Wed, 22-Jan-2020
4.3 6 Free
01:57:15
Updated Fri, 29-Sep-2017
4.3 3 Free
08:16:39
4.3 10 $174.99 Free
06:41:57
4.1 8 $174.99 Free
07:58:41
4.4 3 $194.99 Free
01:08:54
4 2 Free
01:25:26
4 3 Free
00:31:50
Updated Tue, 07-Jan-2020
3.8 1 Free
02:21:42
0 2 $179.99 Free
02:51:06
3.5 2 Free
02:26:30
Updated Sat, 25-Jan-2020
3.6 2 $99.99 Free
00:36:04
3.4 1 Free
03:10:29
4 7 Free
42:10:51
4.7 17 $199.99 Free
01:55:44
4.3 7 $99.99 Free
01:15:58
3.3 11 $199.99 Free
05:50:21
4.4 74 Free
11:51:39
4.5 73 $199.99 Free
04:00:57
3.9 5 $199.99 Free
27:49:26
4.5 127 $199.99 Free
07:33:47
4.1 5 $19.99 Free
06:20:15
Updated Thu, 04-Oct-2018
3.8 5 $99.99 Free
02:21:45
4.2 3 $199.99 Free
14:28:07
3.9 5 $199.99 Free
02:41:06
4.2 4 $104.99 Free
02:05:43
Updated Sun, 29-Oct-2017
3.7 5 Free
02:34:40
Updated Tue, 05-Dec-2017
4 4 Free
35:24:16
4.5 115 $189.99 Free
About the instructor
  • 22 Students
  • 1 Courses
+ View more
Head Trainer at Learning Dojo
Student feedback
4.4
Average rating
  • 1%
  • 1%
  • 14%
  • 84%
  • 97%
Comments
Free
Includes:
  • 05:25:07 On demand videos
  • 50 Lessons
  • Full lifetime access
  • Access on mobile and tv