Tag Archives: Term 4

Computer Graphic Design

Adobe Animate: Creating Shape Tweens

Objective:

  • I can produce animation using Shape Tweens in the Adobe Animate application.

Video Links:

Animation Basics:
https://helpx.adobe.com/animate/using/animation-basics.html

Shape Tweening:
https://helpx.adobe.com/animate/using/shape-tweening.html

Topics Discussed:

  • Starting a new document in Adobe Animate using the Welcome screen.
  • Shapes
  • Object Drawing
  • Merge Drawing
  • Tweens
  • Shape Tweens
  • Keyframes
  • Layers

Assignment:

  1. Produce a new Animate HTML5 HD canvas. Name it “Your Name – Shape Tweens″
  2. Use the Shape tools to draw a shape. You may use Merge Drawing or Object Drawing. (Note: Do not use the Oval or Rectangle Primitives!)
  3. Use the process demonstrated in class to create a Shape Tween that moves and transforms the shape. (i.e. change the shape, color or size and move the shape to a different part of the stage).
  4. Create a new layer and repeat this process with a different shape. Do this two more times, using a different motion and transformation each time.
  5. When you are finished, you should have four layers, each with a different Shape Tween transformation.
  6. Turn in the completed “Your Name – Shape Tweens.fla” file to today’s Google Classroom assignment post by the end of today.

Assigned: March 18th, 2022
Due Date: March 18th, 2022

Computer Graphic Design

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