Exercise 19 - Motion Tween

100 Points
Due 5/7 if computers work

Motion Tween Animation
Credit: Joe Dockery, CTE Instructor, Mount Si High School, Washington

Motion Tween

In this lesson you will learn how to use Motion tween to move, resize and orient objects to a path. In other words, if your object needs to travel in a curved path, you will want to use Motion tween.

When you finish each file, save it and put it all in a folder to turn in named:

period#_lastname_firstname_19x

12 Animation Principles

Arcs

Slow-in and Slow-out

• Lesson 1: Motion Bounce (4:13)
• Lesson 2: Hurdles (5:34) *Featuring Motion Paths
• Lesson 3: The Fly (7:20) *Featuring animation cycles and orienting to a motion path

For Lesson 3, if you want to substitute the Fly with your own invention -- go for it!

Exercise 18 - More Flash Animations

100 Points
Remember -- there are 3 Animations to put in a Folder to turn in!!!!!

Classic Motion Tween Animation Directions
Credit: Joe Dockery, CTE Instructor, Mount Si High School, Washington

This lesson will introduce you to another type of animation technique in Flash called Classic Tween. Make sure to always use symbols and keep only have one animation per layers. This technique is great for moving in a straight line, resizing and rotating.

In the first activity you will create the basic ball bounce. In the second activity you will create a movie that replicated a game of pong.

When you finish each file, save it and put it all in a folder to turn in named:

period#_lastname_firstname_18x

Keyboard Shortcuts:
·         F5 Insert Frame
·         F6 Insert Keyframe

12 Animation Principles (See last lesson, #1)
Anticipation 

Tutorials

• Lesson 1: Classic Tween Ball Bounce (5:08) Example
• Lesson 2: Classic Tween Pong (7:19) Example
• Lesson 2.1: Classic Tween Resize/Rotate (4:18) *Extension of Lesson 2 Example
• Lesson 3: Classic Tween Anticipation (7:00) This lesson features rotate and blur.  Example

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. In the following lessons you will explore each technique. I encourage you to practice each technique after you complete the tutorial assignment. Make notes on what strengths and weakness that each offers.

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.

Tutorials

• 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.

Exercise 16: Banner ad in Flash (EXTRA CREDIT)

EXTRA CREDIT IF YOU WANT!
DUE 4/23
Save as period#_lastname_firstname_16x

Class,

You will now be creating a banner ad from Adobe Flash like the one above.  You are allowed to change some of the colors, text and image but show a drawing with the same parts.

Go to the Mr. Komar Shared folder and look for the Classroom in a Book that you have been using and go to Lesson 2 

You will learn:

1.  Drawing Modes

2.  Symbols

3.  Alignment 

4.  Deco tool

Begin Adobe Flash : Exercise 15 - A Photo Album

100 Points
Due 4/13
period#_lastname_firstname_15x

Today we begin to learn how to use Adobe Flash.  There will be an introductory video.  

You are going to be making a photo album.  You may use the images from the tutorial, photos I took from Maine or your own images you download from the internet.

Use the Flash Classroom in a Book which can be found on your Mr. Komar Shared folder (Flash Lessons).  We will start with lesson 1 in the book which will be Exercise 15 for our class.  

We will NOT be using the whole book so do not worry.  Just to get started....




Today I will present the following concepts:

1. The Stage
2. Frame vs. Keyframe
3. Hidden Tools

When you are finished, submit the Flash file to the Dropbox.