by
kirupa | 16 November 2008
In the
previous page, you set everything up for creating your
ease. In this, page, let's actually create our ease and use
it.
Now that
you have new custom ease entry, let's actually create your
easing effect. If you look at your graph right now, it is
basically a straight, steady line starting at 0 and ending
at 100:
[ your graph shows a perfectly linear line ]
This line indicates that no easing is currently in
effect. While that sounds odd, it is actually correct if you
think about what this line represents. In this line, the change is
perfectly linear, where for each frame, you increment by the
same amount. To look at it mathematically, the line's
slope is constant.
To alter the line, simply click anywhere on your line and
begin to drag. Very easily, you will be able to deform your
perfectly straight line into a curve:
[ click and drag around on your curve to alter the line ]
The type of curve that we want is one where you are
accelerating quickly, slowing down, and then accelerating
again. The curve representation of that will look as
follows:
[ the above curve represents a deceleration and an
acceleration ]
The easiest way to do this would be by dragging the blue
lines and making them nearly vertical. The blue line for the
left-hand side will be directed up, and the blue line for
the right-hand side will be directed down:
[ use the easing handles to fine-tune your easing curve to
look like the above image ]
Great, you have just created a custom ease. Creating an
ease is only a part of what you need to do. If you run your
animation, you will see that it runs at its earlier slow
pace. What you need to also do is apply this ease to your
animation, and we'll do that on the next page.
Onwards to the next page!
|