FREELessons: 22Length: 2.5 hours
- Overview
- Transcript
1.2 What is Edge Animate?
Adobe Edge Animate is a tool for creating interactive animations in a visual editor, that will export to HTML, CSS, and Javascript. In this lesson, we’ll about this and take a look at a few examples of animations that were created with Edge Animate.
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
