初心者とプロのための
キーフレームアニメーション
4.7
(15,746レビュー)
キーフレームの基本
キーフレームとは
キーフレームとは、アニメーションや動画編集で使用される手法で、アニメーションや動画内の特定のポイント（「フレーム」）を重要なポイントとして設定するものです。これらのキーポイントによって、特定の動作、移動、変化の開始位置と終了位置を定義できます。Filmoraなどの動画編集ソフトでは、キーフレーム間のフレームが自動的に生成され、あるキーフレームから次のキーフレームへ滑らかに変化させることができます。キーフレームは、位置、スケール、パスカーブ、回転、モーションブラー、不透明度など、さまざまなプロパティに適用できます。
キーフレームの例
Filmoraキーフレームで行える変更
- ビデオ：位置、スケール、パスカーブ、回転、モーションブラー、不透明度、マスク、カラーなど。
- オーディオ：ボリューム、フェードイン/アウト、ピッチ、イコライザーなど。
- その他：テキスト＆タイトル、エフェクト、ステッカー、分割スクリーンなど
キーフレームの種類
Filmoraで使えるキーフレームの種類を理解しよう
キーフレームのプロパティを柔軟にコントロール
スケール、位置、回転、角丸、シャドウなどのプロパティにキーフレームを設定し、多彩なアニメーションを簡単に作成できます。
スケールアニメーション
スケールアニメーションでは、時間軸上の異なるポイントに異なるスケール値を設定することで、素材を徐々に拡大・縮小できます。
キーフレーム間のスケールを調整するだけで、ズームインやズームアウトの効果を簡単に作成できます。
被写体を強調したり、商品の細部を見せたり、画像にダイナミックな動きを加えたりする場合に最適です。
主な効果： ズームイン、ズームアウト、プッシュイン、プルアウト
位置アニメーション
位置アニメーションでは、時間軸上の異なるポイントで要素のX座標とY座標を変更することで動きを作成します。
例えば、テキストを画面外からスライドインさせたり、画像や動画内の被写体を左から右へ移動させたりできます。
複数のキーフレームを使用すれば、よりダイナミックなモーションパスも作成できます。
主な効果： フライイン、スライドアウト、水平方向の移動、垂直方向の移動
回転アニメーション
回転アニメーションでは、時間の経過に合わせて要素の回転角度を変化させ、画像、テキスト、ロゴなどに連続した動きを加えることができます。
キーフレーム間の回転を調整することで、わずかな揺れから一回転、素早い反転まで、よりダイナミックな表現を作成できます。
主な効果： ロゴの回転、テキストの回転、要素の反転
角丸アニメーション
角丸アニメーションでは、要素の角丸の値を時間の経過に合わせて変化させ、角のある形状から丸みのある形状へ滑らかに切り替えることができます。
画像や動画カードなどのビジュアル要素に適しており、長方形を角丸カードへ変化させたり、形状を滑らかに切り替えたりできます。
主な効果： 角のある形状から角丸への変化、カード形状の変化、シェイプのトランジション
シャドウアニメーション
シャドウアニメーションでは、角度、距離、ぼかし、不透明度などのシャドウプロパティにキーフレームを設定し、時間の経過に合わせて影を動的に変化させることができます。
例えば、テキストや画像の背後にある影を徐々に濃くしたり、位置を移動させたり、柔らかくしたりすることで、映像に奥行きと動きを加えられます。
主な効果： シャドウの移動、濃さの変化、ぼかしの変化、動的なドロップシャドウ
キーフレームアニメーションをより自然な動きに
モーションブラーの角度、位置、サンプル数を細かく調整し、高速な動きでもより自然な残像を表現できます。
注：モーションブラーは基本の変形キーフレームと組み合わせて使用し、アニメーションの動きをより自然に見せることができます。位置、スケール、回転が変化した場合に効果が適用されます。
モーションブラーの角度
モーションブラーの角度では、動きによって生じる残像の範囲や強さを調整でき、キーフレームを使って動的に変化させることもできます。
値を大きくすると、動いている間のブラーがより強く表現されます。
時間軸上の異なるポイントで角度を変更することで、アニメーションの速度やリズムに合わせてモーションブラーを調整できます。
主な効果： より強いモーションの残像、段階的なブラーの変化、スピード感の強調
モーションブラーの位置
モーションブラーの位置では、現在のフレームに対するモーションブラーの時間的なオフセットを調整し、残像を動きの前方または後方のどちらに寄せて表示するかをコントロールできます。
このパラメータにキーフレームを設定することで、アニメーション全体を通して残像が現れる位置を動的に調整できます。
主な効果： 前方への残像、後方への残像、残像位置の移動
モーションブラーのサンプル数
モーションブラーのサンプル数では、モーションブラーを生成する際に使用するサンプル数を調整し、残像の滑らかさをコントロールします。
サンプル数を増やすほど、高速な移動、拡大・縮小、回転時の残像がより滑らかで自然になりますが、その分処理負荷も大きくなります。
値が高いほどCPUやGPUへの負荷が増え、プレビューやレンダリングにかかる時間が長くなる場合があります。
主な効果： より滑らかなモーションの残像、自然な動き、ゴーストや表示の途切れを軽減
Filmoraでキーフレームを使う方法
Filmoraは直感的で使いやすく、キーフレームアニメーションもスムーズに作成できます。 以下の手順に沿ってFilmoraで空間補間を試すことができます。さらに詳しい操作方法については、 Filmoraのキーフレームガイドをご覧ください。
ステップ 1. メディアをインポートする
動画クリップをFilmoraにインポートし、タイムラインにドラッグ＆ドロップします。
ステップ 2. 位置キーフレームを追加する
タイムライン上のメディアファイルを確認し、キーフレームトランジションを開始したい位置に再生ヘッドを移動します。 次に、「ビデオ」>「ベーシック」で位置キーフレームを追加します。 その後、「パスカーブ」を有効にし、再生ヘッドをタイムライン上の次の位置へ移動します。 プレーヤー上でオブジェクトの位置を変更すると、新しい位置キーフレームが追加されます。 必要なキーフレームをすべて追加するまで、この操作を繰り返します。
ステップ 3. キーフレームの種類を選択する
表現したい動きに合ったキーフレームの種類を選択します。 キーフレームを設定した後、より滑らかな動きを表現したい場合は、 「ビデオ」>「ベーシック」>「モーションブラー」からモーションブラーを有効にします。
ステップ 4. プレビューして保存する
最後に、プレーヤーで動画を再生して仕上がりを確認します。 問題がなければ、「エクスポート」ボタンをクリックして動画をデバイスに保存します。
-
ステップ 1：メディアをインポートする
動画クリップをFilmoraにインポートし、タイムラインにドラッグ＆ドロップします。
-
ステップ 2：位置キーフレームを追加する
タイムライン上のメディアファイルを確認し、キーフレームトランジションを開始したい位置に再生ヘッドを移動します。 次に、「ビデオ」>「ベーシック」で位置キーフレームを追加します。 その後、「パスカーブ」を有効にし、再生ヘッドをタイムライン上の次の位置へ移動します。 プレーヤー上でオブジェクトの位置を変更すると、新しい位置キーフレームが追加されます。 必要なキーフレームをすべて追加するまで、この操作を繰り返します。
-
ステップ 3：キーフレームの種類を選択する
表現したい動きに合ったキーフレームの種類を選択します。 キーフレームを設定した後、より滑らかな動きを表現したい場合は、 「ビデオ」>「ベーシック」>「モーションブラー」からモーションブラーを有効にします。
-
ステップ 4：プレビューして保存する
最後に、プレーヤーで動画を再生して仕上がりを確認します。 問題がなければ、「エクスポート」ボタンをクリックして動画をデバイスに保存します。
Filmoraのキーフレームが選ばれる理由
ビジュアルキーフレーム編集
ビジュアルキーフレーム編集
複数のパラメータによる調整
複数のパラメータによる調整
プリセットアニメーションエフェクト
プリセットアニメーションエフェクト
キーフレームについてもっと発見
よくある質問
1. Filmoraを起動し、メディアファイルをインポートします。
2. タイムラインにクリップを追加し、キーフレームを追加する場所を探します。
3. 再生ヘッドをその場所に置きます。次に、キーフレームボタンをタップするか、ALT キーを押しながら左クリックします。
1. 削除したいキーフレームを探します。
2. 青いひし形のボタンが表示されたら、それをクリックしてキーフレームを削除します。
3. タイムラインのキーフレームを右クリックしても、キーフレームの削除オプションを選択できます。
1. タイムラインのコピーしたいキーフレームを右クリックします。
2. キーフレームのコピーオプションを選択します。
3. 再生ヘッドを移動し、タイムラインを右クリック > キーフレーム > キーフレームの貼り付けを選択します。
4. キーフレームは何度でも貼り付けることができます。
はい。キーフレームを追加した後、「ビデオ」>「ベーシック」>「モーションブラー」から機能を有効にします。 キーフレームアニメーションに自然なモーションブラーを加えることで、動きをより滑らかでダイナミックに表現できます。
動画のモーションブラーは、 主に撮影済みの映像に含まれる高速な動きにブラーを加え、動きをより自然に見せるために使用します。 一方、キーフレームのモーションブラーは、位置、スケール、回転などのプロパティにキーフレームを設定して作成したアニメーションに適用され、 キーフレーム間の動きに自動的にブラーを追加します。 モーションブラーはいつでもオン／オフを切り替えることができ、シャッター角度、位相、サンプル数などのパラメータも調整できます。
モーションブラーは、位置、スケール、回転などが大きく変化するキーフレームアニメーションに特に効果的です。 例えば、テキストのフライイン、画像のプッシュインやズーム、ロゴの回転、オブジェクトのスイング、高速なトランジションなどに適しています。 この機能はデスクトップ版（Windows／Mac）でのみ利用できます。
お客様の声
トム
ケビン
リリー
