Session 8: Motion Tweening

Reading: 

• Hour 9 - pp. 189-208
  
• Hour 10 - pp. 209-222
  
• Hour 11 - pp. 223-246

Mini-lecture:

• Motion Tweens
• Which Tween Notes
• Shape Hints Notes

Assignment: Hour 9

In a new Flash file, create a motion tween of a ball spinning as it drops and bounces back up.

1. Draw a circle, then a smaller circle inside and near the edge of the first.
2. Convert the two objects into a single movie clip object
3. Place an instance of the object at the top of the stage
4. Make keyframes at frames 25 and 50
5. Move the movie clip instance to the bottom of the screen at frame 25
6. Click at frame 1 and create a motion tween
   1. give it an easing value of -65
   2. have it rotate clockwise 1 time
7. Click at frame 25 and add a motion tween with an easing value of 65
   1. easing 60
   2. rotate CCW once
8. Test the movie - if you have never seen a yo-yo, that's what is looks like (sort of)
9. Save-and-compact the file, then submit it

Your final movie should look something like this

Assignment: Hour 10

In a new Flash file, create a shape tween with shape hints.

1. Use the polystar tool to add a large 8-pointed star in the middle of the stage
2. Insert keyframes at frames 20 and 40
3. Delete the star at frame 40 and add a large square in its place
4. Change the color of the square
5. Use the align panel move the shapes to center of the stage
   [Test the movie - see how the points of the star seem to rotate?]
6. Create shape tweens at frames 1 and 20
7. Add four shape hints to the first tween, connecting alternate points of the star to corners of the rectangle that are in the same general area.
   [Test the movie - the tween with shape hints no longer rotates, but the other still does]
8. Save-and-compact the file, then submit it.

Your final movie should look something like this

Assignment: Hour 11

Add a background sound and a sound effect to an existing Flash animation.

1. Download and then open the file chap11-start.fla
2. Download the sounds sample_loop.wav and sample_sfx.mp3 and import them into the library
3. Save the file under a different name.
   Leave the locked layers (floor and ball) alone - that's where the animation happens.
4. Add the "sample loop" sound to frame 1 in the "loop" layer
5. Set the sync to "Start" and have it repeat 4 times
6. In the "effect" layer, add keyframes at frames 18, 38, 58, 78, and 98
7. Add the "sample_sfx" sound at each of those keyframes
   [Test the movie]
8. Save-and-compact the file, then submit it.

Your final movie should look something like this

In Class Exercise: Wildthings

1. Create three movie clips, each with a different motion tween (straight motion, guide, alpha, size, rotation, etc.).
   You can animate geometric shapes or images.
2. Place two instances of each movie clip on the stage.
3. Use multiple layers, but you don't necessarily need one for each instance.
4. Make each instance different (size, rotation, direction, color, etc.).
5. The main timeline should have ONE FRAME.
6. After you finish, save and submit the FLA.

Options:

• Make the background an image or a color other than white
• Nest movie clips (e.g., spinning wheels and moving car)
• Add more movie clips or instances
• Use layers to simulate depth

 Here is an Example

 Project work: Image Portfolio

• Continue to work on Image Portfolio Project