Exercise 17 - Your First Flash Animation

 Animation with Flash

The following lessons and information were provided by Joe Dockery, CTE Teacher and Adobe Education Leader, Mount Si High School.

Step 1.  Review the following handout:

12 Animation Principles (pdf)

Step 2:  Complete Lesson 1 and 2 below by watching the INSTRUCTIONAL VIDEOS!  I am trying to see if watching a video for instruction may be a good way for you to learn.  The video is produced by another teacher in Washington state.  He is a very good instructor.

Step 3:

Turn in both lessons in a folder labeled period#_lastname_firstname_17x

Basic Animation Techniques

Adobe Flash uses four primary animation techniques: Frame-by-frame, Classic Motion Tween, Motion Tween (new), and Shape Tween.

Frame by Frame Animation Directions
This lesson will introduce you to a type of frame-by-frame animation. In the first project you will learn how to change the stage dimensions, onion skinning and the animation technique of squash and stretch. In the second lesson you will learn how to create a cycle in the form of symbol.

Keyboard Shortcuts:
·         F5 Insert Frame
·         F6 Insert Keyframe

Animation Principles
Squash and Stretch
Timing and Spacing
Straight Ahead Action and Pose to Pose - Frame by Frame is the same thing as Pose to Pose. Classic, Motion and Shape tweens are examples of Straight Ahead Action.

Tutorial Videos
Lesson 1: Frame-by-frame Ball Bounce (7:47) *Example
Lesson 2: Frame-by-frame Flame (5:29) *Example

TEACHER NOTES:  In  the video he says to hit "Control + Return" to watch the Flash file play...our systems have an error that prevents ours from working that way.  You must publish your SWF file and HTML file to go watch it on your computer.

Also, disregard what he says at the end about turning in your file.  You will put both flash files in a folder with the correct name and turn in the folder to Mr. Komar Dropbox like usual.