PRODUCT
Follow

A Keyframe captures the properties of a layer at a given point of the timeline. They can be incrementally changed over a specified period of time to create a visual experience. Multiple keyframes can be used on any individual layer at the same time to create sophisticated animations.

Note

Keyframes can require time to achieve complete animations. Creative Studio comes with a set of animations that are ready to use. See Animation using effects for more details.

Accessing properties that can animate

To set up a keyframe, select the layer on the Timeline Panel that will be animated and use the arrow to the left of the Layer Name to expose the available keyframes. By default, only the most commonly animated properties are displayed. Clicking on More attributes will allow access to other properties that can be animated.

Animation_using_keyframes_1.png

Properties that can be animated include:

Property

Usage

Image layer

Video layer

Oval layer

Rectangle layer

Text layer

Attributes visible by default

Position

Use this property to make the layer move on the x and y axis.

Opacity

Use this property to make the layer fading in or out, entirely or partially.

Rotation

Use this property to make the layer rotate relative to its center, around a 360-degree arc.

Scale

Use this property to make the layer scale up or down relative to its center.

More attriubtes

Size

Use this property to animate the layer width or height.

Corner

Use this property to animate the corner radius of a layer.

Border

Use this property to animate the color or width of a border around the layer.

Shadow

Use this property to animate the shadow parameters for a layer.

Color

Use this property to animate the color of the layer.

Font

Use this property to animate the size of the font.

Adding keyframes

Set the Timeline scrubber to the point where the animation will begin and click the icon next to the attribute to animate. A keyframe will be added to the Timeline. Then place the scrubber at another point where the animation should end and click the icon for the layer to animate. Use the Properties Panel to set the value of the property for each keyframe in order to automatically create the animation between the two keyframes.

Animation_using_keyframes_2.png

Multiple properties can be animated at the same time by stacking keyframes in order to create complex animations.

Animation_using_keyframes_3.png

Moving keyframes

To move a keyframe, select the keyframe and drag it to another point on the timeline. Multiple keyframes can be moved at the same time.

Deleting keyframes

To delete a keyframe, select the keyframe, right click on it and select “Delete”. Alternatively, hitting the delete button or clicking on the icon for the layer will also delete a selected keyframe. Multiple keyframes can be deleted at the same time.

Duplicating keyframes

To duplicate a keyframe, select the keyframe, right click on it and select “copy”. Move to another position of the timeline of the same layer, or of any other layer that supports this property, right click on it and select “paste”.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments