次に、非常に役立つ概念をお見せしたいと思います。それは、アニメーションの進行中に異なるレイヤーで作業するというものです。アニメーションレイヤーは、多くの3Dプログラムで高度な形式で提供されています。
つまり、アニメーションを作成し、別のアニメーションを重ねるということです。たとえば、同時に走るキャラクターがまばたきをすると想像できます。さらに第3のレイヤーに拍手を追加することもできます。
つまり、アニメーションを細分化して作業を楽にすることが重要です。次に、古典的な跳ね返り形式で終了したボールが、次のスライドや次のスライダーに移る過渡として再度扱われることを示したいと思います。このシーン全体が一緒に傾くことで、ボールが下で少し跳ねてから次のテキストの隣に着地するようにします。間を繋ぐ小さな橋として。
しかし、この前に整理を行います。レイヤーにはかなり名前が付けられていますが、整理がまだちゃんとしていません。
レイヤーカラーをお勧めします。「The Bouncing Ball 1」は赤色です。これで全てが赤い色になります。
例えば、「Fig Leaf Rag」は背景と同じ色にすることができます。なぜなら常に背景が存在するからです。
最初のパートが茶色なので、どの色を使うか考える必要がないように、色を順番に使います。
これにより、最初と2番目のパートをより区別しやすくできます。
ステップ1
今からAfter Effectsでアニメーションを重ねる方法をお見せします。まず小さな例から始めてみましょう。
100x100ピクセルの白い色の面を持つコンポジションを作成します。
それを下に移動させ、そこから上に移動させ、再び下に戻します。とても簡単です。
ステップ2
曲線を使用してEasy Easeを行います。
次に、次元を分離して、きれいにします。
そして、ここに何度かコピーしたバウンスがあります。
ステップ3
少し早めにします。全体を少し圧縮します。
そして、x Positionから左に移動して右にジャンプするように設定します。2つのポーズの間でジャンプするようにフレームを設定します。
ステップ4
この曲線をlinearに設定すると、衝撃がより強調されます。
レイヤー名を「Jumping Box」に変更します。
しかし、ここでは全体を左から右に移動させたいです。x Positionを使って少しずつ移動させることができますが、整然とした曲線を乱さないように注意する必要があります。現在、非常にうまく操作でき、把握しやすい状態です。
しかし、全体を左から右に移動させたいです…
ステップ5
これを親パートで行い、ヌルオブジェクトを使用し始めます。 ヌルオブジェクトはレンダリングされないオブジェクトです。見えないオブジェクトで作業するためのヘルパーオブジェクトです。トラッキングのためのデータキャリアとしてよく使用されますが、ヌルオブジェクトにオブジェクトを関連付けるためにも使用されます。
Layer>New>Null ObjectまたはCtrl+Alt+Shift+Yを介して、新しいヌルオブジェクトを作成し、ジャンプする箱に直接移動します。AEの新しいバージョン、CS6の場合は、レイヤーをシフトキーで下に移動できます。
これにより、直接中央に移動し、ジャンプする箱全体を追いかけます。
ステップ6
箱の輪郭を作るために、アンカーポイントを50、50に移動します。ジャンプする箱は「2番目のアニメーションレイヤー」にサブオーダーされ、白いフィールドが箱から何度も出て入りします。
ステップ7
しかし、今できることは: Pを押して、画面外に移動させ、時間とともに画面全体に移動させることです。
ステップ8
アニメーションを実行する際に移動します。依然として同じ曲線がありますが、新しい重ね合わせ曲線が生じます。
一つのアニメーションをもう一つに重ねます。
ステップ9
それにさらに回転を加えることもできます。すべてのこれらの回転はアニメーションに追加されます。
それは左から右に移動し、少し遅れているので、見栄えがあまりよくありません。2つのアニメーションが互いに作用しているからです。
そして、これが全体のトリッキーな部分です: われわれは便宜上、複数のアニメーショントラックに分けることができ、それらをすべてきれいに移動させることができます。しかし、その結果は時には弱点を持っています。時にはポイントを上下させたり、適切に調整する必要があります。
ステップ10
したがって、ある場合には最適な解決策ではありませんが、遷移や複数のオブジェクトを同時に移動させる場合は、ヌルオブジェクトを使うのが好きです。なぜなら、複数のオブジェクトをサブオーダーに配置できるからです。
たとえば、「Skipender Kasten」レイヤーを複製してキーフレームに移動し、すべて選択してxポジションの一部を移動すると、両方のレイヤーが同じようにサブオーダーに配置されます。
複数のオブジェクトを同時に移動できます。
ステップ11
前回のチュートリアルのオプションに戻り、アニメートペイントエフェクトを適用する色付きフィールドを作成します。
「toComp-Expression」を使用し、「e = thisComp.layer」を選択して、「(Skipender Kasten)」と入力し、エラーメッセージを「OK」で確認し、続けます。
「e.toComp(e.anchorPoint)」を入力します。この式を覚えておき、レパートリーに入れておく価値があります。
つまり、「ボールの曲線が再び表示されますが、必要に応じてペイントスタイル：透過を設定する必要があります。.avif "アニメーションが簡単になりました：傾くボール - アニメーションの重ね合わせ")
ステップ12
2回目のジャンプで何かがうまくいかないことがわかります。何かを変更する必要があります。
ある回転のキーフレームを削除しますが、うまくいかないことがあります。回転を再度調整して、曲線がうまく見えるようにするまで微調整すると機能します。
合成曲線を確認するために、アニメートペイントエフェクトを使用してパスを作成することをお勧めします。toComp-Expressionのいいところは、それがサブオーダーであるかどうかは関係ありません。
われわれは常に選択したオブジェクトの曲線だけを見ることになりますが、2つの曲線同士の関係だけを見ることができ、それらを合算して表示することはできません。
したがって、アニメートペイントを使用すると、共通の曲線を表示できます。これはアニメーションのトピックに関する私のヒントであり、このテクニックをすぐに使用して、ボールを倒していきます。
次の「Kippender Ball - die Animation」チュートリアルの次の部分で続きます。
