キーフレームを自動で追加する方法

最終更新日 2013/12/18

キーフレームを手動で追加に続いて、自動キーフレームモードの使い方です。

Adobe Edge Animate CC を使って、スライドショーを作成します。

「公式サイト：アニメーションの作成 | Edge Animate CC | Adobe TV」

自動キーフレームモードには、有効／解除／無効の状態があります。

有効と無効は、アイコンをクリックして切り替えます。

有効の状態で別のエレメントを選択すると、解除の状態になります。

自動キーフレームモードが有効の場合は、ステージのエレメントを操作するだけで、自動的にキーフレームと値が追加されます。

ステージのエレメントだけではなく、プロパティパネルで変更した値についても、自動的にキーフレームと値が追加されます。

キーフレームが追加される位置は、再生ヘッドの位置です。

上の画像は、自動キーフレームモードで追加したキーフレームです。

アニメーションの開始位置と終了位置を、自動キーフレームモードで設定しました。

数多くのキーフレームも、直感的な操作で素早く追加できます。

キーフレームを追加する方法には、ピンを使用する方法もあります。

ピンとは、エレメントのプロパティ値を固定するツールです。

ピンの位置を決めたら、再生ヘッドをアニメーションの終了位置（ピンの右側）か、開始位置（ピンの左側）に移動します。

ステージのエレメントを操作するか、プロパティパネルの値を変更します。

アニメーションの開始位置と終了位置に、１回の編集でキーフレームが追加されます。

キーフレームを追加する方法として、手動／自動キーフレームモード／ピンの３つを解説しました。

キーフレームを追加するという結果は同じですが、作業によって使い分けると便利かと思います。

自動トランジションモードを有効にしておくと、キーフレーム間にトランジションが作成されます。

トランジションを作成すると、アニメーションがスムーズに変化します。

トランジションを削除すると、アニメーションが「パッ」と一瞬で切り替わります。

トランジションの削除は、トランジションを選択して「右クリック／トランジションを削除」で実行します。

イージングとは、アニメーションの加速と減速を設定する機能です。

スムーズな動きや、ユニークな動きをアニメーションに設定できます。

イージングの設定方法は、まずトランジションをクリックして選択します。

イージングボタンをクリックして、イージングを選択します。

イージングの再設定も同様の操作です。