キーフレームは、アニメーションの始点と終点です。これらは、アニメーションのタイムラインにスタックとして整理され、グレーのバーで表示されます。

レイヤーパネルでアニメーションスタックを展開すると、そのスタックを構成する個々のアニメーションを見ることができます。各アニメーションには、位置、回転、サイズなど、アニメーション化されているプロパティがラベル付けされています。

各アニメーションは、カラフルな点で表されたキーフレームで構成されています。キーフレームは常にペアで、キーフレームペアと呼ばれます。キーフレーム単体ではアニメーションしません。

しかし、同じプロパティで 2 つのキーフレームを作成して、それらを異なる値に変更すると、始点から終点に遷移するようになります。これでアニメーションを作ります。

複数の状態を遷移するアニメーションの場合は、2 つ以上のキーフレームを使用することがあります。また、あるキーフレームが、同時に 2 つのキーフレームとペアになることもあります。たとえば、円がキャンバスの中央まで移動し、そのまま元の場所に戻るアニメーションは、3 つのキーフレームを使用し、2 つのキーフレームペアを持つことになります。

キーフレームを移動するには、キーフレームをドラッグするか、タイムラインの上部にあるスナップショットを動かします。