Next example Richard gives of timing and spacing is a coin travelling across the screen in one second. One example with even spacing. Ive set two keys one on frame 1 and one 25. My curves are in linear, which means the spacing will be exactly the same from 1-25.
And one with ease in and ease out, or slow in and slow out. He gives somewhat of an example of a timing chart as well. Which i'll explain how I go about animating the coin to the provided timing chart. On the chart you will notice on frame 13 which is exactly the middle, the coin to is exactly at the middle. Frame 11 is at 50 percent of the distance to frame 13 and frame 15 is at 50 percent of the distance to the final frame. Likewise frame 9 and 17 are 50 percent away as well. 
So in cg how do we go about making this timing chart. First I am going to set my first two keys. Frame 1 at the start of the screen frame 25 at the end. My curves are going to be linear so frame 13 will be halfway just like the timing chart but nothing else will be like the chart. So ill save a key on 13. So I know since my curve is linear the space from one key to the next will be spaced perfectly evenly. So frame 7 is 50 percent of the way to frame 13 from frame 1. The timing chart says I need this distance to be at frame 11 though. So I hold "I" on the keyboard and mmb click to insert a key on frame 7. I grab that key mmb click and drag it to frame 11. Making sure my keys are still in linear I now can grab frame 6 which is halfway again and drag that over to frame 9. So the first half of the animation is accurate to the timing chart. Now I do the last half frame 19 cam be dragged over to 15 frame 20 can be dragged over to 17, and your graph editor should look like this.

You can now smooth out your curves and your animation for this will look exactly as the example given. Which is like this.
No comments:
Post a Comment