Timeline Animation Tutorial

A Timeline Animation controls how Subcompositions, Groups, and Widgets animate in time and velocity. Timeline Animations are one of three methods to animate within a Composition, the other two are Update Animations and Behavioral Animations.  

1 - Animation Menu Tab

Timeline Animations are represented as colored bars in the Animation menu tab in the Property Panel.

You can click, hold and drag the bar left and right as well as click hold and drag either end of the bar and shorten or lengthen an animation's duration.

Timeline-Animation-Tutorial_1.gif

Timeline Animations Represented by Colored Bars

 

2 - Two Animation Timelines

Enable two different Animation timelines for your In and Out moves by clicking on the "2 Timelines" button in the top portion of the Animation tab. This is useful if you want the overlay to leave the screen differently than it entered (and vice versa).

Timeline-Animation-Tutorial_2.gif

Enabling two Animation Timelines

 

Note

If you wish to have the same animation for your in and out moves, don't access this feature. 

 

3 - Animation Settings

The various Timeline Animation settings are accessed by clicking on the white lines icon on the Timeline Animation Bar. These settings include type, direction, duration and curve.

Test your changes to the Timeline Animations by clicking the In and Out buttons below the Output Window.

Timeline-Animation-Tutorial_3.gif

Adjusting Timeline Animation Settings

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.