masthead
home course info courrse materials student gallery extras LS home
clear  
Notes & Lessons
  Grading Rubric
  OSX Basics
  Basic Computer Terms
  Connecting to the Staff Server
  Filenames, Assignments and Projects
  A1: Hexnut & Flower Drawing
  A2:
  1. Scene with Layers
  2. Basic Motion Tween
  A3: Motion Tween on a Path (Intro to Symbols)
  A4: Nested Animations
  A5: Mask Layers
  A6: Intro to Buttons
  A7: Animated, Animated Buttons
  Project 1:
  1. Expanded Square
  2. Monochrome Scene
  3. Intro Scene
  4. Navigation Scene
  Project 2: Character Animation
  1. Introduction
  2. Character Design & Symbol Creation
  3. Terms & Definitions
  4. Overview of the Walk Cycle
  5. Getting Started
  6. Frame Nine
  7. Body Bounce
  8. Animating the legs and feet
  9. Refining the Arm Animation
  Motion Tween Quiz Review
  Handout_2
  Preparing a Web Portfolio: pt. 1
  Preparing a Web Portfolio: pt. 2
  Web Portfolio: pt 3
   
THE EXPANDED SQUARE

Flash: Intertactive Web Animation
Teachers: Ken Kimura
email: ken_kimura at lsrhs dot net
telephone: (978)443-9961 Ken Kimura: XT2221

Learning Objectives
  • To learn and explore the concept of positive and negative space.
  • To explore timing in animation
  • To learn how to rotate, flip and change center points of objects in Flash

BEFORE you begin any animation make sure the following is DONE:

  1. Make a black square 175 pixels square with no outline
    • make a square
    • select the square
    • enter the desired dimensions into the properties panel
  2. Delete the outline (if necessary)
  3. Cut large pieces from the edges of the square
    • You can do this by either using a selection tool, or painting with a different color - use the "paint inside" or "Paint Selection" option for your paintbrush.
  4. As you cut each piece, group each piece. You may want to switch into “outline view” (I call it X-ray view) to see the shapes that you cut.
  5. Distribute all pieces into separate layers
  6. Ungroup a large piece and cut out a “sub” piece
  7. Group the sub piece and group the piece it was cut out of, then Cut & Paste the new “sub” piece into it’s own layer
  8. Move the center points of all pieces to the edge of the square.
    Select the piece with the transform tool to move the center point
  9. Double check to make sure:
    • Each piece is a grouped object
    • Each piece is on it’s own layer
    • Each piece has it’s center point along the edge of the square

To Animate

Use keyframes and motion tweens. On a given keyframe flip the object in or out of the square by using: Modify Menu > Transform > Flip Vertical or Horizontal

Requirement Summary
  • Your animation must start and end on a "closed" black square
  • All the pieces should NOT animate at the same time.
  • Pieces may be animated more than once
  • Some pieces are required to have "sub" pieces

Edited 5-9-10