West Ranch High School

Skip to main content
Main Menu Toggle


Upcoming Assignments RSS Feed


Walk Cycle

Part 1 - using the Walk Cycle 1 document from the common drive, explore the movement of a character that has arms and legs.

Explore these example animations and then create a walk cycle for your character.

Use this website showing the positions of the walk cycle as a guide to creating your walk cycle.

The walk animation should exist in the Internal Timeline of the char symbol. The contact, plant, pass, and stride positions should be clearly defined as keyframes. The cycle needs to include two steps so that it ends in the same position as it started.

You may use the bone tool in this assignment, but it is not required

Use the thin green lines in scene 1 as a reference to the position of the character. The head should stay between the vertical lines and the feet should "walk" on the horizontal line.


Bone Tool Tutorial (Optional-ungraded)  - Complete the exercises in the <a http://www.adobe.com/devnet/flash/articles/character_animation_ik.html Tool Tutorial.</a> The files for the monkey exercise can be found in the common folder on the H: drive.


Walk Cycle

  • Part 2 - extend the Walk Cycle 1 document from Part 1 so that it has a second character symbol in the library that is a walk cycle going the other direction
  • Part 3 - extend the Walk Cycle 1 document from Part 2 to add a third character symbol containing the following transitions:
    •  facing front to facing right
    • facing right to contact (contact must match exactly the contact position from part 1)
    • contact to facing right
    • facing right to facing front
    • facing front to facing left
    • facing left to contact (contact must match exactly the contact position from part 2)
    • contact to facing left
    • facing left to facing front
  • Part 4 - Create the following sequence in scene 1 of your Walk Cycle 1 document. Your character should remain in the center of the screen the entire time. All walk sequences should start with a first step transition and end with a last step transition:
    • Start with the character facing front in the center of the stage.
    • Turn left, and then walk left for 10 seconds. Stand still for 2 seconds while facing left.
    • Walk left for 5 more seconds and stop.
    • Turn to the right and walk right for 10 seconds.
    • Stop, while facing right, for 2 seconds. Turn to the left and wait 1 second.
    • Turn to center.

Past Assignments


Simple Char- using the Simple Char flash document from the common drive, create the following frame sequences in the internal timeline of the character

  •    turning from facing front to facing left (frames 1-20)
  •    turning from facing left to facing front (frames 20-40)
  •    turning from facing front to facing right (frames 40-60)
  •    turning from facing right to facing front (frames 60-79)
  •    walking left (frames 80-99)
  •    walking right. (frames 100-120)

Frames 1, 40, and 79 must be identical.
Frames 20, 80, and 99 must be identical.
Frames 60, 100, and 120 must be identical.

Combine the actions in a single video in scene 1 showing the character pacing by using the graphic object looping control to select the appropriate frames. Insert a keyframe and then click on the symbol on the stage. Go to the properties panel and look at the Looping section. Set options to "Play Once" and then enter the frame number from the internal animation in the "First" section. For example, enter 80 if the character is going to walk left. Use Classic Tweens to move the character left and right while it is walking. Make sure that you allow enough frames in the main timeline to complete the animation sequence from the internal timeline.


Character Creation 2 - create a new flash document with a new character head that is based on the look of a fruit or vegetable (apple, carrot, potato, etc). Create 4 behaviors for the new character including smiling, looking up or down, and two more of your choice. Create a story animation demonstrating the four behaviors.


Character Creation
Part 4 - create a short animation using all 5 character variations from the part 3. There must be a simple story that justifies each action. All appearances of your character must occur in one layer of your animation. Use Swap Symbol to replace the current character with the new behavior. Additional objects or symbols should be added to make the story work. A common design is to have 3 layers in Scene 1.  The bottom layer holds a background image to set a scene for the character. The middle layer holds the character. The top layer holds any other objects used to tell the story.


Character Creation Part 1
  • Use simple shapes to draw a character head saving each part as a separate symbol. Common parts for a character head include an oval head shape, mouth, left eye, left pupil, right eye, right pupil, and eyebrows. Additional parts could include hair, nose, left ear, right ear, etc.
  • Select the entire head and convert it to a symbol.
  • Double-click on the symbol to edit it and then select the entire symbol, right-click and select "Distribute to Layers" to create a separate layer for each part of the character.
  • Save as Character Creation.fla


Character Creation
Part 2
  • Duplicate the base character symbol from Part 1 and name it as a talking character.
  • Double click on the new symbol to edit the symbol.
  • Use classic (or motion) tweening and/or shape tweening to create internal animation that makes the character look like he is talking. The first and last keyframes of the internal animation should be the same. The animation should be approximately 30-40 frames in length. Return to the main scene and add the talking character with enough frames to see the animation and test the movie.

Part 3

Use the procedure from Part 2 and create additional character variations for each of the following types. All of the symbols need to be in the same flash file. Make sure that each of these variations start and end in the base character position with the specified look in a keyframe in the middle. Make each behavior symbol 30-40 frames in length.

  •    Look left (or right) - a character that looks off to the side. This one should look like the head is turning, not just the eyes shifting.
  •   Jumping character - the character might only be a head, but that doesn't mean he can't move. Think squash and stretch
    Complete the Character Emotions assignment before you do the next two behaviors
  •    Surprised character - think about what the eyes might do on a suprised character
  •    Angry character - what does he look like when he gets mad.


Character Emotions-
Complete the assignments in Google Classroom analyzing images representing Anger and Surprise.


Flash Symbols Tutorial - Read Part 1 and Part 2 of the tutorial then complete the 7 exercises in the Flash Symbol 101 Series found at the-flying-animator.com


Story Animation 2 (20 points). Save as story2.fla - Create a 25 second (600 frame) animation demonstrating the following skills and principles:
  • Squash and Stretch
  • Exaggeration
  • Anticipation
  • Follow-through
  • Motion Tween or Classic Tween
  • Shape Tween (including a color change)
  • Multiple Layers
  • Background image
  • The animation should tell a story


Story Animation 2 Writing Task: Write a narrative describing the events occurring in your story animation. Use details and sensory language to convey a vivid picture of the events. (Common Core Standard W.9-10.3: 5 points)

Upload to Google Classroom

Scoring Rubric:

  • 5: The writing describes all elements of the animation story with some insight into why the events are occuring. Effective use of descriptive and sensory language.
  • 4: The writing describes all elements of the animation story. Some use of descriptive and sensory language.
  • 3: The writing describes some of the elements of the animation story. Some use of descriptive and sensory language
  • 2: The writing references elements of the animation story. Little use of descriptive and sensory language
  • 1: The writing is not related to the animation story.


Principles of Animation
Complete the Principles of Animation assignment found on the Google Classroom page.
Watch the attached video in Google Classroom about the 12 principles of animation, then find and watch a 2-5 minute cartoon. Identify the use of 6 of the principles of animation in the video. Write a paper analyzing the use of these six principles. For each principle used, state the time in the video where it occurs and then describe how the principle is used and how the use of that principle impacts the communication of the story in the cartoon. Attach the paper and a link to the cartoon to the assignment before you turn it in through Google Classroom


Story Animation 1 - Create an animation for one of the following subjects: Plants growing, volcano erupting, or  leaves falling. There should be a clear beginning, middle, and end to the story. Demonstrate Anticipation and Follow-through in the story. Save as story1.fla
Complete a Keyframe Planning Sheet and have it checked by Mr. Doggett before starting the animation

Must include the following skills:
  • Subject Matter: Correct topic and Finished story
  • Motion or Classic Tween.
  • Shape Tween.
  • Anticipation and Follow-through


Shape Tweening

  • Shape Tween Tutorial - Follow this tutorial to learn about shape tweening
  • Shape Tweening 1 - Use Shape Tweening to change a rectangle into a circle. Save as shape1.fla
  • Shape Tweening 2 - Create an animation that has three shape changing objects. All three objects must be in the same layer. Save as shape2.fla
  • Shape Tween Counting - Modify the tutorial code to tween numbers from 1 through 9. Make each number a different color. Save as shape count.fla


Anticipation 1
  • Flying Dart - throw a dart at a dartboard Find a dart image in Google Images. The best images are clipart type that are oriented horizontal or vertical (not diagonal) Copy and Paste it to Flash
  •  Demonstrate Anticipation and Follow-through as you move the dart to the dartboard.
  •  Save as Anticipation1.fla


  • Complete a Keyframe Planning Sheet designing a second animation demonstrating the principles of anticipation and follow-through. This is a different animation using a different subject than the dart and a different method for anticipation and follow-through.
  • Create the animation. Save as Anticipation2.fla (Enrichment)


Classic and Motion Tweening -Create the following animations involving moving shapes and tweening.

  • Frame by Frame - Create a simple flash animation showing a shape move to three different locations on the screen. The shape must remain still at each location for at least one second and take at least one second to make the move. All motion should be as smooth as possible. Save as motion1.fla
  • Classic Tween - Create another animation like Moving shape using classic tweening to create the movement. Save as motion2.fla
  • Motion Tween - Create another animation like Moving shape using motion tweening to create the movement. Save as motion3.fla
  • Two Moving Shapes - Use Tweens to create another animation that moves two objects independently through three different locations. Save as motion4.fla.
  • Maze - Using the maze file from the common drive, create two objects that navigate the maze from the left or right to the center using tweens. Use a classic tween for one object and a motion tween for the second object. The objects should not turn at the same time. Try to keep the speed of the objects consistent. The maze is available in H:\common\doggett\digitalanimation. Save as maze.fla


Bouncing Balls

1. Write a detailed description of a bouncing ball. What does it look like before it starts to fall?  What does it look like as it is falling? Describe in detail what happens to the ball as it hits the ground before it starts to go up. What does it look like as it goes back up into the air? Submit the written description in Google Classroom

2. Use the Keyframe Planning Sheet to draw pictures of the main keyframes in the bounce.

  • In the air before it falls
  • As the ball hits the ground
  • Position of greatest squash on the ground
  • Last moment before the ball leaves the ground
  • In the air at the end of the bounce


3. Create the following three Bouncing Ball projects. Use your description and drawings to guide your animation.

  • Use classic or motion tweens
  • The bounce needs three keyframes while in contact with the ground
  • Demonstrate Squash and Stretch and Exaggeration
  • Use ease on the falling and rising tweens

Bouncing Ball 1 - Demonstrate an understanding of motion tweening and cartoon physics by creating a bouncing ball that starts at a point, falls to the bottom of the stage and returns to the starting point. Save as ball1.fla (5)

Bouncing Ball 2 - Create a second bouncing ball that bounces 5 times. Each bounce should bring the ball up to a point that is lower than the previous bounce and show appropriate changes in physics with each bounce. Save as ball2.fla (5)

Bouncing Ball 3 - Create a bouncing ball that enters the screen on the left, bounces in the center and exits the screen on the right. Save as ball3.fla (5)


Syllabus Verification Form - This form must be returned with parent signature. 20 points by due date. 15 points if late