Animation Technique #1

Frame by Frame
A new drawing for each new frame. Simlar to a flipbook in the corner of a book.

Flash Interface

Interface
Panels
Stage
Tools
Setting up your workspace
Flash Operations Culture
Properties Inspector
New layer for everything that moves
Basic Timeline
Create a Key
Activity 3.2 - Frame by Frame Animation
Create a 50 frame Animation
Be creative
Publish for web
Upload both the .html and the .swf

Submit assignment by emailing a link to the uploaded .html file to your instructor. This activity is worth 5 points.

Week 8

Computer Animation

Animation
To Give Live to
Computer Animation
Chaning properties over time

Anination Use

We will be using animation to either tell a story or to give life to objects, menus and artwork.Typically to communicate commercial information or to enhance the user experience.

Timeline Operations

Timeline
Create a Key
Create a blank key
Delete a Key
Create a Frame
Delete a Frame
Select a Key

Important Hotkeys

Technical Workflows

Animating in Flash - CSMA
Convert to Symbol -> Sometimes Add Frames -> Motion Tween -> Add keys / modify object
  • Symbols
  • MovieClips
  • Buttons
  • Graphics
Animation via the GUI. Dragging and menus
Plotting keys in the timeline + GUI manipulation

Animation Technique #2

Pose to Pose
Create a key for your extreme poses and use tweens fill in the blanks
Breakdown key

Multi-Object Animation

Every new symbol MUST go on a new layer
Starting and stopping movement
Offsetting Movement

Additional Technical Workflows

Moving blocks of time
select the block of time -> move block of time -> trim excess
Complex Timing
Splitting Keys
Practice these key operations
Define | Create | Delete | Move | Modify
Activity 3.3 - Basic Animation Activity
Download the working file (.fla)
Open the file
Recreate the animation in the file
The Ball should move
The Box should scale
the Triangle should rotate
Your Name should fade

Email the Flash file to your instructor when it's completed. This Activity is worth 5 points.