Create nested animations with independent timelines and interactive capabilities. Symbols are elements that contain their own timeline. You can animate a symbol as a regular element on the Stage -- for example, move it from left to right. You can also animate the individual elements that make up the symbol. In other words, you can create an animation within another animation.

Symbols are reusable and can be controlled with APIs and pre-built code snippets.

For a lesson on animating with symbols:

  1. Select Window > Lessons in Edge Animate.
  2. Click Reuse.

Creating reusable animations using symbols

Creating reusable animations using symbols
Tom Green (video2Brain)

Create a symbol

  1. In the Elements panel, select one or more elements. Selecting multiple elements creates a single symbol from them.  

    Note: You can also select symbols to create nested symbols.

  2. Right-click and select Convert To Symbol from the context menu.
  3. In the Create Symbol dialog box, set the Symbol Name, and click OK.

Animate the elements of a symbol

  1. In the Elements panel, right-click the symbol and select Edit Symbol. 

    You can also right-click the symbol on the Stage.

  2. Animate one or more of the elements making up the symbol.
  3. To exit symbol editing mode, click the word Stage at the top of the preview window.
  4. Preview the animation by clicking the Play button in the Timeline panel or by pressing the Spacebar on the keyboard. 

Export a symbol

You can copy and paste a symbol from one project to another.

  1. Right-click the symbol in the Elements panel and select Copy.
  2. Switch to another project.
  3. Right-click the Stage element in the elements Panel and select Paste.

You can also export symbols and their properties as a single file (.easym) that can be shared and imported into another composition.

  1. Select the symbols to export on the Stage or in the Library panel.
  2. Right-click and select Export Symbol.

Import a symbol

  1. Click the Plus (+) button next to the Symbols tab in the Library.
  2. Browse and select the symbol file (.easym) to import.

Control symbols with JavaScript

You can use JavaScript to control symbols. For more information, see:

Learn more

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy