Animating objects involves adding keyframes at different points in the timeline. Keyframes are points in the timeline that define the properties and values of an object. By adding keyframes at different positions, you can create smooth transitions and transformations over time, resulting in an animated effect.
For example, to animate a bouncing ball, you would add one keyframe at the beginning of the animation where the ball is at rest, and another keyframe at the end of the animation where the ball has reached its highest point. By adding keyframes in between, you can create a smooth animation of the ball bouncing up and down.
Adding keyframes to animate objects
You can add keyframes in two primary ways:
- From the property panel: Select the object or layer, navigate to the property you want to animate in the right-side property panel, and add keyframes directly from there.
- In the timeline or layer's animated property popover: Select the object or layer, locate the timeline or animated property popover, and add keyframes by clicking or interacting with the animate button.
To add keyframes and animate objects, you can follow these steps:
- Select the object or layer you want to animate.
- Locate the property you wish to animate, such as position, opacity, or scale.
- Place the playhead at the desired point in the timeline.
- Set the property value to the desired state by adjusting the property's controls.
- Add a keyframe at that point in the timeline to capture the property's value.
For example, if you want to animate the position of a ball, you would first select the ball layer. Then, you would locate the position property in the property panel. Next, you would place the playhead at the desired point in the timeline, such as the beginning of the animation. Finally, you would set the position value to the desired state, such as the left side of the screen. Once you have done this, a keyframe will be added to the timeline at the specified point.
Pro tip: Add multiple keyframes to create complex animations
Adding multiple keyframes at different points in the timeline allows you to create complex and dynamic animations. Each keyframe represents a specific state or change in an object's properties, giving you control over its movement, appearance, and other characteristics over time.
For example, if you want to animate a bouncing ball, you would add multiple keyframes at different points in the timeline. The first keyframe would represent the ball at rest, the second at its highest point, and the third at its lowest point. By adding these keyframes, you can create a smooth animation of the ball bouncing up and down.