Rolling Wheel/Movie Clip Symbol

This will be the class’s first use of MOVIE CLIP SYMBOLS in Adobe Animate. Up till now all our symbols have been Graphics.

First, right-click on the background of the Stage and go to Document. You will see the properties for the movie. Change FPS (frames per second) to 12 fps, change background to blue.

PART ONE: CREATE A MOVIE CLIP SYMBOL

  1. Create a new graphic symbol called “wheel.” Make sure you design it so you can see whether it turns.
  2. Group the new image and Convert to Symbol (graphic symbol called “wheel).
  3. In Menu Bar, go to INSERT > NEW SYMBOL. Select MOVIE CLIP SYMBOL, name it “rolling.”
  4. Check the Breadcrumb Trail. You are now in Scene 1 > rolling.
    1. At this point — Make Sure YOU ARE INSIDE MOVIE CLIP SYMBOL “rolling!”
  5. Insert Graphic Symbol “wheel” on the stage.
    1. At this point — Make Sure THE CENTER DOT IS IN THE CENTER OF GRAPHIC SYMBOL “rolling!”
  6. Go to Frame 13 of the timeline and CONVERT TO KEYFRAME. (Now Frame 1 and Frame 13 are identical, so the Movie Clip will Loop.)
  7. Then Convert Frame 4 to Keyframe. Rotate Graphic “wheel” 90° clockwise.
  8. Convert Frame 7 to Keyframe. Rotate Graphic “wheel” 90° clockwise.
  9. Convert Frame 10 to Keyframe. Rotate Graphic “wheel” 90° clockwise.
  10. Apply CLASSIC MOTION TWEEN to the layer.
  11. Return to Scene 1. Remove Graphic Symbol “wheel” from the Stage. Insert Movie Clip Symbol “rolling” onto the stage.
  12. Then TEST MOVIE. Even though there is only one frame in the movie, you will see the wheel “roll” because it’s a Movie Clip Symbol.

TWO WAYS TO SHOW MOVEMENT ONSTAGE

You will create a scene in which there are at least two wheels rolling (using Movie Clip Symbol “rolling” on two different layers). There must be a vehicle/car (or bike, or skateboard, or cart, or something on wheels) created as a Graphic Symbol and placed on its own layer.

The two ways to show movement on the Stage:

  • The car moves from left to right across the background;
  • The car stays still and the background moves from right to left.

PART TWO: STEPS IN ANIMATION

  1. FIRST, show the car moving onto the stage from left to right (from frame 1 to frame 30).
  2. Then when car is in the middle of the Stage, show the background moving toward the left (from frame 30 to frame 60). (For extra credit have two layers of background — the closer one moves faster than  the further one.)
  3. Then have the background stop and have the car move off the stage to the right (from frame 60 to frame 90).
  4. For a better grade, include at least one other Movie Clip Symbol in your animation. For instance, Sun with Beams Moving or Bird with Wings Flapping (teacher will demonstrate).
NOTES:
  • On the first frame and the last frame make sure the car is off the stage
  • Since the background moves, this animation will NOT loop.