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:
http://tv.adobe.com/watch/learn-flash-professional-cs5/gs04-using-symbols/

Understanding Frames and Keyframes:
http://tv.adobe.com/watch/learn-flash-professional-cs5/gs02-understanding-frames-and-keyframes-/

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 canvas. Name it “Your Name – Symbols″
  2. Use the Shape tools we worked with last week to draw a shape, then convert it to a Movie Clip Symbol using the technique demonstrated in class and in the video.
  3. Make a new Layer in the Timeline.
  4. Repeat the previous two steps to create a Button Symbol and a Graphic Symbol, each on its own Layer.
  5. Turn in the completed “Your Name – Symbols” file to today’s Google Classroom post by the end of today.

Assigned: April 15th, 2019
Teacher Pacing Due Date: April 16th, 2019