Lesson Notes
Lesson 1
  1. Introduction
  2. Access the Server
  3. Drawing & Painting
Lesson 2
  1. Basic Animation
  2. The Timeline
Timeline Review
  1. Timeline Review
Lesson 3
  1. Symbols & Library
  2. Shape Tweening
Lesson 4
  1. Animation Review
  2. Break Apart
  3. Distribute to Layers
Lesson 5
  1. Motion Path
  2. Buttons
  3. Intro to Actions
Lesson 6
  1. Setting Up Projects
  2. Project Checklist
  3. Action Scripting Buttons
Lesson 7
Lesson 8
Lesson 9
  1. Animated Buttons
Lesson 10: Walk Cycle
  1. Character Design
  2. Terms Explained
  3. Project Overview
  4. Setting Up
  5. Frame 9 & Animated Guides
  6. Animating The "Bounce"
  7. Legs & Feet
  8. Arms & Finalizing
Lesson 11: Preloader
  1. Simple Preloader
  2. Advanced Preloader
Lesson 12
Lesson 13
Lesson 14
Lesson 15
Lesson 16
Lesson 17
Lesson 18
Lesson 5: Pt. 2
| Pt. 1 | Pt. 2 | Pt. 3 |
Button States
Flash: Interactive Web Animation
Excerpted and modified from the Macromedia MX Flash Help File


All symbols have their own timelines. Button symbols have a timeline that only contains 4 frames. each frame represents a different “button state.”



Button States

State Description
Up The Up keyframe holds artwork that defines what the button looks like before the user’s mouse does anything with the button
Over The Over keyframe is what the button looks like when the user positions the mouse over the Hit area of the button. This is also referred to as the rollover state of the button.
Down The Down keyframe defines what the button looks like when it is clicked. This state is usually seen for only a split second, but it can be seen for longer periods of time if the user holds down the mouse.
Hit The Hit keyframe of the button is always invisible to the user. It defines the area of the button that is reactive to the mouse. This is what makes the button clickable.

Lesson 5: Pt. 2
| Pt. 1 | Pt. 2 | Pt. 3 |