Creating and Applying a Custom Ease - Page 2
       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.

Creating an Ease
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!

 

1 | 2 | 3




SUPPORTERS:

kirupa.com's fast and reliable hosting provided by Media Temple.