1. Home
  2. Computing & Technology
  3. Animation

Flash Frame-By-Frame Animation: Keyframe and In-Between Basics

By , About.com Guide

2 of 10

Starting Point: First Key

The best place to start animating is, naturally, the beginning. This animation is meant to be a ball bouncing into the scene and then out of it again, striking the ground line. So my first drawing--which will also be my first keyframe--will take place above the ground, and to the side of the stage, outside of the viewable area of my movie.

I use a graphics tablet to draw directly in Flash, using the Pencil Tool set to smooth my lines as I draw them. You may wonder why my ball isn't exactly circular; in fact, it's a rather stretched ovoid, and that's one of the principles of animation that you want to keep in mind. A normal ball, when it bounces, shifts shape if it has any pliancy to it at all, as forces act upon it: gravity pulling, its own velocity creating pressure from the air, the ground pushing on it to deform it with impact.

Animation takes these minute shifts and exaggerates them so that they're larger than life. We covered this somewhat with the bouncing snowman in Lesson 14; it's called squash and stretch. I'm drawing my ball at the apex of its arc of ascent and descent, so it should be stretched the most at this point--though if I really wanted to be accurate, it would stretch on ascent, snap back to a squashed shape at apex, then stretch again on descent.

Explore Animation
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Animation
  4. Flash Animation Tutorials
  5. Flash Frame-By-Frame Animation: Keyframe and In-Between Basics

©2009 About.com, a part of The New York Times Company.

All rights reserved.