Lessons: 22Length: 2.5 hours
Ready to learn Edge Animate? In this course, Craig Campbell will introduce you to Edge Animate and show you how much fun this application is to use!
Adobe Edge Animate is a new motion graphics tool for the web that harnesses the power of HTML5, JavaScript and CSS3. This means anything you create in Edge Animate is viewable by any browser and mobile device. It uses a stage WYSIWYG environment with a library, properties panel, and timeline to animate any object on the stage, and then outputs it all in HTML.
1.Welcome
1.1Introduction00:58
1.1
Introduction
00:58
1.2What is Edge Animate?04:41
1.2
What is Edge Animate?
04:41
2.Edge Animate Basics
2.1Exploring the Interface06:37
2.1
Exploring the Interface
06:37
2.2Creating Basic Shapes06:17
2.2
Creating Basic Shapes
06:17
2.3Shape Properties10:31
2.3
Shape Properties
10:31
2.4Exploring the Files04:48
2.4
Exploring the Files
04:48
3.Animation Basics
3.1Keyframe Animations09:46
3.1
Keyframe Animations
09:46
3.2Auto Keyframes and Transitions08:57
3.2
Auto Keyframes and Transitions
08:57
3.3Easy Keyframing with the Pin08:47
3.3
Easy Keyframing with the Pin
08:47
3.4Easing10:14
3.4
Easing
10:14
4.Graphics and Text
4.1Drawing a Smartphone10:36
4.1
Drawing a Smartphone
10:36
4.2Working with Images07:43
4.2
Working with Images
07:43
4.3Working with Text06:14
4.3
Working with Text
06:14
4.4Symbols09:17
4.4
Symbols
09:17
4.5Action Triggers08:26
4.5
Action Triggers
08:26
4.6Controlling Symbols06:01
4.6
Controlling Symbols
06:01
4.7Animation (Phase 1)10:44
4.7
Animation (Phase 1)
10:44
4.8Animation (Phase 2)05:46
4.8
Animation (Phase 2)
05:46
4.9Continuing the Animation04:03
4.9
Continuing the Animation
04:03
4.10Motion Paths06:32
4.10
Motion Paths
06:32
4.11Toggling the Display Property04:22
4.11
Toggling the Display Property
04:22
5.Conclusion
5.1Final Thoughts00:58
5.1
Final Thoughts
00:58
