コメント
Adobe After Effectsでキーフレームを使用する方法
編集済み 3 数か月前 によって ExtremeHow 編集チーム
アドビアフターエフェクトキーフレームアニメーションビデオ編集ウィンドウズマックタイムラインモーショングラフィックスソフトウェアクリエイティブデザイン
翻訳が更新されました 3 数か月前
Adobe After Effectsは、アニメーショングラフィックや視覚効果を作成するための強力なツールです。After Effectsをマスターするための基本的なスキルの1つは、キーフレームを使用することです。キーフレームの効果的な使い方を理解することで、レイヤーのほぼすべてのプロパティをアニメーション化し、シームレスでダイナミックなアニメーションを作成することができます。この包括的なガイドでは、Adobe After Effectsでのキーフレームの使用方法を各ステップに分解し、実践的な例を提供します。
キーフレームとは何ですか？
キーフレームは、After Effectsでのアニメーションの基盤です。アニメーションの開始点と終了点を示すマーカーです。ある時点でプロパティの値を定義することにより、After Effectsは自動的にその間の値を補間し、速度や外観の変化を作成します。たとえば、オブジェクトを画面上で移動させたい場合、開始位置と終了位置のキーフレームを設定します。After Effectsは中間フレームを計算してシームレスな移行を作成します。
コンポジションの準備
キーフレームの追加を始める前に、コンポジションを準備する必要があります。Adobe After Effectsを開き、コンポジションメニューに移動して新規コンポジションを選択し、コンポジションを作成します。プロジェクトのニーズに応じて、幅、高さ、フレームレート、持続時間などのパラメータを設定します。コンポジションの準備が整ったら、アセットをインポートしたり、新しいレイヤーを作成してアニメーションを始められます。
キーフレームの追加
After Effectsでキーフレームを追加するには、以下の手順に従います：
- レイヤーを選択する: タイムラインパネルでアニメーション化したいレイヤーを選択します。位置、スケール、回転、不透明度、エフェクトなどのさまざまなプロパティをアニメーション化することができます。
- レイヤーのプロパティを開く: レイヤー名の横にある矢印をクリックすると、そのプロパティが表示されます。すべての変形プロパティを一度に表示するには、ショートカット
P、S、R、T、またはUを押して、位置、スケール、回転、不透明度、すべてのアニメーションプロパティをそれぞれ表示できます。 - キーフレームを追加する: アニメーションを開始するフレームに再生ヘッドを移動します。アニメーションしたいプロパティの横にあるストップウォッチアイコンをクリックします。これで最初のキーフレームが作成されます。
- プロパティの値を変更する: 再生ヘッドを別のポイントに移動し、プロパティの値を変更します。After Effectsは新しい値で自動的に新しいキーフレームを作成します。たとえば位置をアニメーション化している場合、オブジェクトを画面の別の場所にドラッグします。
これらのステップの後、タイムライン上に2つのキーフレームが表示され、アニメーションの開始と終了を示します。
補間についての理解
補間は、キーフレーム間のフレームをAfter Effectsが計算する方法です。知っておくべき2種類の補間があります:
- 空間補間: 運動の経路または軌道に関係します。たとえば、位置がアニメーション化されている場合、空間補間はオブジェクトがたどる弧や線に影響を与えます。
- 時間補間: 時間による値の変化を示します。キーフレーム間の速度または変化の速度を決定します。
デフォルトでは、After Effectsはベジエ補間を使用しており、スムーズな遷移を実現します。ただし、キーフレームを右クリックし、キーフレーム補間を選択することで補間をカスタマイズできます。ここで、リニア（一定速度）やベジエ（加速/減速）を選択して、アニメーションをニーズに合わせて正確に調整できます。
キーフレームの修正
キーフレーム値の編集
キーフレーム値を編集するには：
- タイムライン上のキーフレームを選択します。
- タイムラインパネルでプロパティの値を変更するか、コンポジションディスプレイで直接変更します。
- 変更後、キーフレームは自動的に新しい値で更新されます。
キーフレームの移動
タイムラインでキーフレームを異なる時間位置に移動することで、アニメーションのタイミングを調整できます：
- キーフレームを移動するには、タイムラインで左または右にドラッグします。
- Shiftキーを押しながらそれぞれのキーフレームをクリックして複数のキーフレームを選択し、時間の変更を同期させるために一緒に移動します。
グラフエディターの使用
グラフエディターは、アニメーションを視覚化して微調整するための強力な方法を提供します。プロパティ値の時間に対する表現を示し、アニメーションの速度や加速度を正確に制御できます。
- グラフエディターを開く: タイムラインパネルのグラフエディターボタンをクリックします。
- グラフの分析: X軸は時間を表し、Y軸は選択されたプロパティの値を表します。キーフレームをつなぐ曲線が補間を示します。
- グラフの編集: 曲線やキーフレームをクリックしてドラッグし、アニメーションのイージングを調整します。ベジエハンドルを調整することで、動作パスや速度を微細に調整し、よりダイナミックな効果を生み出します。
内側も外側も快適
イージングは、加速度や減速度などの物理法則をシミュレートすることでアニメーションをより現実的にします。突然の停止や開始は機械的に見えますが、イージーインとイージーアウトを使用することで、動きが自然に見えます：
イージングを適用するには：
- 単純化したいキーフレームを選択します。
- 右クリックしてキーフレームアシスタント > イージーイーズを選択するか、
F9を使用してイージーインとイージーアウトのショートカットを適用します。 - より詳細な制御が必要な場合は、特にトランジションの開始または終了時にイージーすべきかどうかに応じて、イージーイーズインまたはイージーイーズアウトを選択します。
往復アニメーション例
画面上で左右に動くオブジェクトの例を見てください。その動きがスムーズで視覚的に魅力的に見えるようにする必要があります：
- 新しいソリッドレイヤーを作成するか、アニメーション化するための画像をインポートします。
- フレーム0で位置を設定して開始キーフレームを設定します。
- 再生ヘッドを後の時間ポイントに移動し、オブジェクトを目的の最終位置にドラッグします。After Effectsは自動的にキーフレームを追加します。
- 再生ヘッドを別の時間ポイントに移動し、オブジェクトを元の位置に戻します。
- 前述のように、トランジションをスムーズにするためにイージーイーズを使用します。
- グラフエディターを開いてイージングを微調整し、オブジェクトの動きが自然であることを確認し、減速度と加速度を示す滑らかな動きのパスを描きます。
ループアニメーション
ループアニメーションは開始点と終了点からアクションを前進させ、回転するホイールや点滅するライトなどの周期的なアクティビティに最適です：
- キーフレームを使用してアニメーションしたいプロパティをアニメーション化し、アニメーションが開始状態にスムーズに戻るポイントで終了します。
- タイムラインでプロパティを選択し、アニメーション > 式を追加します。
- 式ボックスに
loopOut()と入力します。このコマンドは、After Effectsに追加のキーフレームがなくてもアニメーションをループさせ続けるよう指示します。
キーフレームの複雑さの管理
高度なアニメーションは、複数のレイヤーやプロパティを含み、タイムラインが複雑になることがあります。その複雑さを管理するためのテクニックをいくつか紹介します：
- マーカーを使用する: タイムラインの時間定規をクリックし、
*を押して、アニメーション内の重要な時間ポイントをマークします。 - レイヤーの整理: レイヤーラベルやカラーコーディングを使用してレイヤーを分類し、識別を容易にします。
- プリコンポジションのタスク: 特定のアニメーションを追従し、キーフレーム制御が必要なレイヤーやシーケンスをプリコンポーズし、タイムラインビューを簡素化するために単一のレイヤーに変換します。
アニメーションのレンダリング
アニメーションが完了したら、共有やさらなる制作のために提出できます：
- ファイルメニューで保存を選択してプロジェクトを保存します。
- コンポジションメニューでレンダーキューに追加を選択します。
- レンダーキューパネルのタブを調整して、ファイル形式、解像度、出力先などのエクスポート設定を指定します。
- レンダーをクリックして最終ビデオファイルを作成します。
結論
Adobe After Effectsでのキーフレームのマスターは、アニメーションの可能性の世界を開きます。基本的な原則を確立した後、これらの技法をより複雑で興味深いアニメーションに応用できます。実験と練習は、タイミングと動作の理解を深化させ、あなたの作品が観客にインパクトを与え、物語を効果的に向上させるために不可欠です。単純なアニメーションを作成する場合でも、精巧な視覚効果を作り出す場合でも、キーフレームはビジョンを実現するために必要な精度と創造性を提供します。
記事の内容に誤りがある場合, あなたは