Digital Guyana

Week 0 – Flash Animation Course Summary and Day 1 Detail

Posted on: August 7, 2009

The flash animation course was a precursor to the main web skills course which was taught as a week long ‘slab’ to a select few students.

The high intensity four-day course which was broken down into:

  • Day 1: Introduction to the flash interface and familiarisation with keyframes (simple facial animation)
  • Day 2: Lip-synching and introduction to tweens
  • Day 3: Walk cycles, advanced walk cycles, and motion guides
  • Day 4: One-day assignment: Create a short animation of a person walking up to a car, getting in and driving off.

Day 1 morning – introduction to the interface:

The morning section took the form of a lecture that introduced the main tools and elements in the flash interface, these include:

  • The stage
  • The toolbar, which included:
    • The selection tool
    • The free transform tool
    • The pencil tool
    • The line tool
    • The rectangle/oval/polystar tool
    • The paintbrush tool
    • The paintbucket tool
    • The inkbottle tool
    • The magnifying glass tool
    • The contextual menu
  • The properties bar
  • The library
  • Colour swatches
  • The timeline

Day 1 afternoon – familiarisation with keyframes and the timeline:

The afternoon was a more hands-on period where I got students to explore simple animation with pre-prepared artwork. First importing it into Flash, and then converting it to a low size, more animation-friendly format.

The afternoon session was broken down like this:

  • Importing images and trace bitmap
  • Frames and Keyframes
  • Keyboard shortcuts including:
    • Ctrl-C (Copy)
    • Ctrl-X (Cut)
    • Ctrl-V (Paste)
    • Ctrl-Shift-V (Paste in place)
    • Ctrl-Z (Undo)
    • Ctrl-B (Break apart)
    • V (Selection tool)
    • Q (Free transform tool)
    • N (Line tool)
    • k (Paintbucket tool)
  • Symbols
  • Simple animation: switching between different symbol instances between keyframes to create the illusion of movement (like smiling or blinking) using two static frames.

Day 2 to follow soon

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: