Adobe Animate: Symbols, the Library and the Timeline

Objectives:

  • Identify and produce the three types of Symbols: Movie Clip, Button and Graphic.
  • Identify the parts of the Timeline including the Playhead, Frames, Layers and Layer Controls.
  • Identify the relevant timeline icons, including a Blank Frame, a Keyframe, an Empty Keyframe, and Content Frames.

Student-Friendly Objectives:

  • I can create a Movie Clip, Button and a Graphic Symbol.
  • I can identify the parts of the Timeline including the Playhead, Frames, Layers and Layer Controls.
  • I can identify a Blank Frame, a Keyframe, an Empty Keyframe, and a Content Frame.

Video Links:

Using Symbols:
https://helpx.adobe.com/animate/using/symbols.html

Understanding Frames and Keyframes:
https://helpx.adobe.com/animate/using/frames-keyframes.html

Topics Discussed:

  • Starting a new HTML5 document in Animate CC using the Welcome screen.
  • Library
  • Symbols
  • Movie Clip Symbol
  • Button Symbol
  • Graphic Symbol
  • Timeline
  • Playhead
  • Empty Frame
  • Content Frame
  • Keyframe
  • Blank Keyframe
  • Layer

Assignment:

  1. Produce a new Animate HTML5 HD canvas. Name it “Your Name – Symbols″
  2. Use the Shape tools we worked with on Monday to draw a shape, then convert it to a Movie Clip Symbol using the technique demonstrated in class. Rename “Layer_1” to “Movie_Clip”.
  3. Make a new Layer in the Timeline.
  4. Repeat the previous steps to create a Button Symbol and a Graphic Symbol, each on its own named Layer.
  5. Turn in the completed “Your Name – Symbols” file to today’s Google Classroom post by the end of today.

Assigned: March 16th, 2022
Teacher Pacing Due Date: March 18th, 2022