REC

ビデオ撮影、制作、ビデオ編集、および機器のメンテナンスに関するヒント。

 WTVID >> ビデオ >  >> ビデオ >> ビデオクリップ

After Effectsキーフレームに関するベストチュートリアル(詳細)

After Effectsキーフレームは、モーショングラフィックスを次のレベルに引き上げ、アニメーションをよりリアルにするのに役立ちます。 AfterEffectsのキーフレームについて詳しく学びましょう。

キーフレームとは何ですか?

アニメーションとビデオはフレームで構成されているため、特定の時間に、特定のレイヤープロパティの値に対してキーフレームマークが作成されます。不透明度、アンカーポイント、回転、スケール、ショートカット、プラグインなど、有効なあらゆる種類のプロパティに設定できます。アニメーションは、マーカーを設定し、値を変更することによって作成されます。通常、少なくとも2つのキーフレームがプロパティの値を変更するのに役立ちます。1つは最初に配置され、もう1つは新しい値を使用して最後に配置されます。

タイムラインは、動きを作成するためのキーフレームを追加できるすべてのMoGraph(モーショングラフィック)アプリケーションに存在します。タイムラインパネルには、AfterEffectsのセットであるキーフレームが表示されます。 After Effectsのキーフレームがタイムラインに設定されるとすぐに、その時点でアニメーションを開始し、他のキーフレームがタイムラインに設定された場所で終了するようにAfterEffectsに指示します。

キーフレームが必要な理由

アニメーションでは、キーフレームが最高のコンポーネントであり、それがすべてのエフェクトとプロパティで使用される理由です。キーフレームがAfterEffectsにアニメーションの開始位置と停止位置を指示することはすでに学習しました。キーフレームは、アニメーションの一方の側からもう一方の側にレイヤーを移動するだけではありません。それ以上のものです。キーフレームを使用することで、要素の不透明度を時間の経過とともに100%から0%の可視性に変更したり、要素のスケールを時間の経過とともに0%から100%に変更したりできます。キーフレームを追加することで、エフェクトの柔軟性を高めることができます。タイムラインだけでなく、エフェクトにキーフレームを追加することもできます。これは、モーションデザインの可能性に満ちた世界を解き放つのに役立ちます。

ボーナスのヒント-WondershareFilmoraProのキーフレームトリックを使用して独自のアニメーションを作成する

キーフレームアニメーションを追加する手間のかからない方法をお探しですか? Wondershare FilmoraProを試したことがない場合は、これがチャンスです。ユーザーフレンドリーなインターフェースにより、キーフレームが非常に簡単になります。ビデオをタイムラインに追加して、好きなようにプロパティで再生を開始するだけです。回転を調整するか、スケールオプションを使用してズームインすることにより、ビデオをスピンさせてフォーカスを合わせます。左右にドラッグして値を調整します。すべてのキーフレームをコピーして別のビデオに貼り付けることもできます。それは確かにあなたに多くの時間と労力を節約するでしょう。 FilmoraProでクリエイティブになり、ユニークなアニメーションを作成してください。

すばやく高度な編集オプションが必要な場合は、最新のWondershare Filmora Xをチェックしてください。利用可能なプリセットを使用してクリックするだけでキーフレームを追加するか、キーフレームを任意の方法で手動で調整できます。

あなたの創造性を引き継いで、クールなアイデアを考え出しましょう。

After Effectsにキーフレームを追加するにはどうすればよいですか?

まず、ストップウォッチをクリックし、レイヤープロパティを選択して、キーフレームを作成します。 CTIまたは現在時刻インジケーターで、選択したプロパティのキーフレームを確認できます。ストップウォッチに青いライトが表示されている場合は、プロパティがアクティブであることを意味します。これで、レイヤー値に変更を加えるたびに、レイヤープロパティがアクティブな場合、既存のキーフレームまたは新しいキーフレームが変更に応じて自動的に調整されます。ただし、レイヤープロパティが非アクティブの場合、キーフレームは表示されず、レイヤーの値も全期間にわたって一定のままであり、調整の影響を受けません。

値を変更せずにAfterEffectsキーフレームを作成する場合は、コピーを使用して新しい位置に貼り付けるか、レイヤーの左側にある灰色のキーフレームナビゲーションボタンをクリックします。

After Effectsでキーフレームを削除するにはどうすればよいですか?

キーフレームを削除するには、削除するキーフレームを選択して、[削除]ボタンをクリックします。グラフエディタで1つのキーフレームを削除する場合は、選択ツールを使用してキーフレームをCtrlキーを押しながらクリック(Windows)またはCommandキーを押しながらクリック(Mac OS)します。また、1つのレイヤープロパティで、すべてのキーフレームを削除する場合は、ストップウォッチボタンをクリックして停止する必要があります。ストップウォッチを非アクティブ化するために、レイヤープロパティの名前の左側に移動できます。

非アクティブ化プロセスにより、そのプロパティのすべてのキーフレームが完全に削除され、そのプロパティの値が現在の時刻の値になります。ストップウォッチボタンをクリックしても、削除したキーフレームを復元することはできません。すべてのキーフレームを削除しても、式が削除または無効になるわけではありません。キーフレームをしばらく無効にする場合は、式を追加してプロパティを定数値に設定します。たとえば、不透明度プロパティを100%に設定するために、単純な式100を追加できます。

詳細な紹介:補間

After Effectsの魔法は、珍しい言葉である補間から始まることをご存知ですか?補間という用語は何を指しますか? Interpolationによると、アニメーションでは、昔のディズニー時代のようにフレームごとに描画したり変更したりする必要はありません。

アドビの補間の公式解釈によると、「これは、2つの既知の値の間の未知のデータを埋めるプロセスです。」プロパティの値を指定するには、特定の時間にキーフレームを設定する必要があります。プロパティ値は、キーフレーム間で常にAfterによって補間されます。

たとえば、After Effectsに、バーが0秒で画面の右側に表示され、同じバーが0.8秒で画面の左側に表示されるように指示します。そして、AfterEffectsもまったく同じです。 After Effectsは、0〜0.8秒の各フレームのバーの位置をすぐに補間し始めます。バーは左右に等間隔に配置されています。

キーフレームの主なタイプは次のとおりです。

  • 線形キーフレーム

線形キーフレームは開始点であり、機械的で退屈な外観のアニメーションを作成するため、デフォルトで設定されています。このようなアニメーションには生命がなく、一定の変化率で作成されています。先に進み、任意のレイヤープロパティでストップウォッチアイコンをクリックして、線形キーフレームを作成できます。

  • ベジェキーフレーム

ベジェキーフレームにはさまざまな種類があります。使用するのに最も推奨されるのは、最高の制御を提供するプレーンな古いベジェです。 Bezierキーフレームを作成するには、任意のキーフレームを選択し、Keyframe Assistantを右クリックして、F9またはEasyEaseを押します。 Macユーザーの場合は、F9キーを押す前に機能(fn)キーを押してください。

連続ベジェキーフレームを使用している場合は、最初にキーフレームを選択し、Cmd + Shift+Kを押してキーフレーム速度を開く必要があります。補間を手動で調整できます。連続ベジェキーフレームは、スムーズな変化率を作成するために使用されます。

  • 自動ベジェキーフレーム

自動スムーズトランジションをお探しですか?これではあまり制御できませんが、モーションパスを正しくするために、追加のキーフレーム(特別な補間で使用)を使用してカーブの周りを曲げることができます。キーフレームのCmd(Ctrl)をクリックして作成します。

  • キーフレームを保持

このキーフレームを作成するには、キーフレームを選択し、トグルホールドキーフレームを右クリックします。タイムラインの別のキーフレームが、アニメーション化されたプロパティの値を変更するまでフリーズします。ビデオクリップをフリーズしたり、ぎくしゃくした動きのあるストロボのような動きを作成したりする場合、このキーフレームが主に使用されます。これは主に、AfterEffectsが補間を行わないようにします。

結論

After Effectsのキーフレームについて詳しく理解したので、さまざまな種類の補間や、より複雑な動きやアニメーションを試すことができます。


  1. Adobe After Effectsチュートリアル:パーティクルの群れ

  2. AfterEffectsでの3D/レイトレーシング

  3. AdobeAfterEffectsでのキーフレーム補間を理解する

  4. ビデオチュートリアル:AdobeAfterEffectsでアニメーションをループする方法

  5. AfterEffectsを使用してアニメーション化されたWebサイトプレゼンテーションを作成する

  6. 2022年の5つのAdobeAfterEffectsの代替案

  7. AfterEffectsマジックフレームチュートリアル

  8. Premiere Pro キーフレームのチュートリアル

  1. AfterEffects用の8つの最高の映画予告編テンプレート

  2. 使用する10のベストAfterEffectsライトリーク(スタッフが選んだ)

  3. After Effects / FilmoraPro:グリーンスクリーン(クロマキー)チュートリアル

  4. AfterEffectsのカラーグレーディング

  5. AfterEffects用の8つの最高の歌詞ビデオテンプレート

  6. AfterEffectsワークフローに最適なAdobeIllustrator

  7. AfterEffectsのトップ10ベストエフェクト2020

  8. ビデオチュートリアル:After Effects を使い始めるための 5 つの簡単なヒント

ビデオクリップ