Symbols in Edge Animate

Views: 16,952
  • Products Covered:
  • Edge Animate
Save
Translations

Was this episode helpful?
Yes No
About This Episode
In Edge Animate, symbols enable you to create reusable animations that have their own independent timelines. In this lesson you will learn how to create a symbol, add a symbol to the Animate timeline, and edit a symbol in place. We will then take that one symbol, turn it into a starfield, and manipulate the timing of each star to create twinkling stars in the night sky.
Presented By
Produced By
Episode Title Runtime CC Products Covered My Library
What is Edge Animate CC? 00:01:15
 
  • Edge Animate
 
What's new in Edge Animate CC?
Use HTML5 video in Edge Animate 00:05:32
 
  • Edge Animate
 
Introducing Audio, Responsive Scaling and More in... 00:02:59
 
  • Edge Animate
  • Creative Cloud
 
Add Audio, Scripts, and Responsive Scaling in Edge... 00:06:54
 
  • Edge Animate
  • Creative Cloud
 
Applying colors and gradients in Edge Animate 00:03:17
 
  • Edge Animate
 
Applying CSS filters in Edge Animate 00:06:18
 
  • Edge Animate
 
Using web fonts in Edge Animate 00:04:12
 
  • Edge Animate
 
Essential Tasks
Configuring the Stage 00:05:49
 
  • Edge Animate
 
Using the Pin tool 00:03:48
 
  • Edge Animate
 
Aligning, distributing & arranging elements 00:04:27
 
  • Edge Animate
 
Exploring Symbol Editing Mode and Nested Symbols 00:03:40
 
  • Edge Animate
 
Working with projects
Edge Animate End-to-End Workflow 00:06:33
 
  • Edge Animate
 
Anatomy of an Edge Animate Project 00:03:33
 
  • Edge Animate
 
Responsive Projects in Edge Animate 00:06:08
 
  • Edge Animate
 
Creating content
Creating Content for Animate 00:07:50
 
  • Edge Animate
 
Arranging Composition Elements 00:06:30
 
  • Edge Animate
 
Using TypeKit 00:05:16
 
  • Edge Animate
 
Constructing a Slideshow 00:08:46
 
  • Edge Animate
 
Creating animation
Creating keyframes 00:05:13
 
  • Edge Animate
 
The Animate Timeline 00:07:51
 
  • Edge Animate
 
Symbols in Edge Animate 00:07:17
 
  • Edge Animate
 
Animating a Symbol's Timeline 00:04:38
 
  • Edge Animate
 
Setting Type in Motion 00:04:29
 
  • Edge Animate
 
Adding easing effects to objects 00:03:22
 
  • Edge Animate
 
Editing transitions 00:07:05
 
  • Edge Animate
 
Transition easing controls 00:04:35
 
  • Edge Animate
 
Adding interactivity with JavaScript
Using the Code Panel 00:02:16
 
  • Edge Animate
 
Controlling Elements 00:03:31
 
  • Edge Animate
 
Using Code Snippets 00:06:01
 
  • Edge Animate
 
Ingesting External Data 00:09:24
 
  • Edge Animate
 
Adding Interactivity to a Static Page 00:04:33
 
  • Edge Animate
 
Publishing your project
Support older browsers with the Down-Level Stage 00:03:00
 
  • Edge Animate
 
Publishing and integration 00:03:54
 
  • Edge Animate
 
Next episode in this show
Animating a Symbol's Timeline
Other Suggested Episodes
From Strategy and Ideation to Interactive Prototyping
Use HTML5 video in Edge Animate
Use Edge Animate with Dreamweaver
Insert Edge Animate compositions
Episode 10: Controllable characters in an interactive environment
Products used in this episode
Related Shows
Create Like Crazy with Adobe Edge Tools & Services
Simon Widjaja takes Adobe Edge Tools & Services over the edge to create fun, amazing content!
Recent Episodes
Episode 10: Controllable character...
Episode 9: Extending Reflow
Episode 8: The "Geek Shirt Designe...
View All Episodes
Learn Dreamweaver CC
Learn the basics of Dreamweaver CC with tutorials by experts.
Recent Episodes
Design, edit, and preview web page...
Use the new Live View features
Use Edge Animate with Dreamweaver
View All Episodes
Copyright © 2014 Adobe Systems Incorporated. All rights reserved.
Use of this website signifies your agreement to the Terms of Use and Privacy Policy and Cookies