Keyframes

Adding a keyframe is the core action for animating in Lottielab. A keyframe stores the change you've made to the properties of your object/layer at a point in time.

You can see the change at a glance using keyframe thumbnails or by playing back your animation.

The basic logic of a keyframe is as follows:

• If you change the dimensions of a rectangle shape to 20px by 20px in Keyframe 1.

• Then go to another point in time and change the dimensions of the same shape to 40px by 40px by adding another keyframe (Keyframe 2).

• You will have an animation of the rectangle increasing in size from Keyframe 1 to Keyframe 2.

Add a keyframeKeyframe thumbnails