Frame by Frame animation

The timeline divides your document into Frames. Frames represent different positions in time for your animation.
A keyframe specifies a change in artwork - black dot.
Regular frames indicate no change in artwork since the last keyframe - grey background.
A blank keyframe is a frame with no artwork in it - white background.
A blank frame indicates no change in artwork, but also no artwork. Also white background.

Onion Skin to create simple animations

Simple frame by frame animation

Use the file below as a starting point.

Create a series of keyframes and change the position of each body part (shown below) to simulate someone walking


Further practice

Using the same principles, animate the cyclist below. Firstly concentrate on the pedals, then each of the legs, finally the hair. The video will help get you started.