Chapters & Exercises

Chapter 1
Chapter 2
Chapter 3
Chapter 4
Chapter 5
Chapter 6
Chapter 7
Chapter 8
Chapter 9
Chapter 10

Animation Projects

Animation Online Resources:

Adobe

Chapter 1: Getting Acquainted

Chapter Objectives:

  • Create a new file in Adobe Animate CC
  • Adjust Stage settings and document properties
  • Add layers to the Timeline
  • Understand and manage keyframes in the Timeline
  • Work with imported images in the Library panel
  • Move and reposition objects on the Stage
  • Open and work with panels
  • Select and use tools in the Tools panel
  • Preview your animation
  • Save your file

Chapter 1: Project

Introduction

You can insert keyframes at varying points along the Timeline to introduce new content on the Stage. By doing so, you can have images appear and disappear, and synchronize images to create a simple animation. Your animation won’t have smooth motion, but it will show different content over time.

For this project, you will create an animated postcard. The postcard will show various images during the animation that showcase your interests. You can choose to have the images remain on the Stage so they build up slowly, like a collage, or you can choose to have the images appear and disappear in succession without any overlaps. Or you may choose a combination of these techniques.

Project Files

Use your Own images or you can find images on the web.

Required Submission Files

Your final deliverables are the source .FLA document CALLED: Project1(YOUR INITIALS) Place the finished .flv in the Network Drive

Grading Rubric (5 Points)

You will be graded according to the following criteria:

  • How compelling is the animation, from beginning to end.
  • Do the images remain on the Stage long enough for the readers to appreciate them?
  • Does the project effectively use different layers to manage multiple images?

Instructions

  1. Create a new HTML5 Canvas and set the stage to 500 x 300.
  2. Find several images of things that represent you, or of things that you like. Import all the images into the Library panel, although you do not need to use all of them on the Stage for your final animation.
  3. Using the images Create an animated postcard this is a maximum of 10 seconds. Keep the minimum to 5 seconds.
  4. Use at least four images in your animation.
  5. Be sure to use different layers for different images so you can effectively organize how each image overlaps and how and when each image appears on the Stage. Name your layers to reflect their content.
  6. Be smart about using the Lock and Hide options for your layers to make your work more manageable. Lock layers that you don’t want to disturb, and hide layers that you don’t want to see, so you can focus on the other visible layers.
  7. Focus on the tempo and pacing of the animation. Ensure that the images remain on the Stage long enough so the viewer can appreciate them. Use a quicker tempo to build up drama and excitement.
  8. Save and submit your project accordingly: .FLA document CALLED: Project1(YOUR INITIALS) Place the finished .flv in the Network Drive