After Effectsで円をアニメーションする方法

After Effectsで円をアニメーションさせる方法

After Effectsの円アニメーション入門

After Effectsで円をアニメーションさせるスキルは、ダイナミックなモーショングラフィックスやアイコン、ビジュアルエフェクトなど、さまざまなコンポジション制作に役立ちます。このガイドでは、滑らかな動きやオリジナルのエフェクトを使って円をアニメーションさせる手順を詳しく解説します。Shape Tool、キーフレームのテクニック、カスタマイズオプションを活用して、アニメーションに命を吹き込みましょう。

ステップ1：新しいコンポジションを作成する
まず、新しいコンポジションを作成します。Composition > New Compositionに移動し、任意のサイズとデュレーションを設定します。これが円アニメーションのキャンバスになります。より滑らかなアニメーションにしたい場合は、フレームレートも調整しましょう。一般的なプロジェクトでは、毎秒24または30フレームが適しています。 ステップ2：Ellipse Toolで円を描く

ツールバーからEllipse Toolを選択するか、ショートカットの「Q」を使用します。コンポジションパネル上でクリックしてドラッグし、円を作成します。正円を描くには、「Shift」キーを押しながらドラッグしてください。作成したら、レイヤーをクリックしてEnterキーを押し、名前を「Circle」に変更します。これでタイムラインを整理しやすくなります。ステップ3：Anchor Pointを中央に配置する

円を滑らかにアニメーションさせるには、Anchor Pointが中央にあることを確認します。円のレイヤーを選択した状態で、Layer > Transform > Center Anchor Point in Layerに移動するか、「Ctrl/Cmd + Alt + Home」を押します。Anchor Pointが中央に配置され、回転や拡大・縮小のアニメーションをバランスよく適用できるようになります。 ステップ4：基本的なPositionアニメーションを追加する

円の動きをアニメーションさせるには、円のレイヤーを選択して「P」を押し、Transform内のPositionプロパティを表示します。Positionの横にあるストップウォッチアイコンをクリックして、キーフレームを作成します。Current Time Indicator（CTI）をタイムライン上の別の位置へ移動し、円の位置を調整して2つ目のキーフレームを設定します。これで円が2つのポイント間を移動するようになります。 ステップ5：円のScaleをアニメーションさせる

拡大・縮小のアニメーションを追加するには、「S」を押してScaleプロパティを表示します。ストップウォッチアイコンをクリックし、円の開始位置にキーフレームを設定します。CTIを別の時間へ移動して、Scaleのパーセンテージを調整します。このエフェクトは、呼吸するような動きや脈打つようなアニメーションを作るときに便利です。

ステップ6：回転アニメーションを作成する
回転を追加する場合は、「R」を押してRotationプロパティを表示します。ストップウォッチアイコンをクリックしてキーフレームを設定し、CTIを先へ移動して回転値を増やします。たとえば1xに設定すると、指定した時間内に円が1回転します。アニメーションにダイナミックな動きを加えられます。 ステップ7：Easy Easeでトランジションを滑らかにする

滑らかなトランジションにするには、キーフレームにEasy Easeを適用します。各キーフレームを右クリックし、Keyframe Assistant > Easy Easeを選択します。動きの変化が滑らかになり、より自然なアニメーションに仕上がります。ステップ8：アニメーションをプレビューする
キーフレームを設定したら、Spacebarを押してアニメーションをプレビューします。必要に応じてキーフレームの位置や値を調整し、動きを整えましょう。書き出す前にプレビューすることで、アニメーションを細かく仕上げられます。ステップ9：円のアニメーションを書き出す

アニメーションが完成したら、Composition > Add to Render Queueに移動して書き出します。任意の形式を選択してレンダリングすれば、ほかのプロジェクトや単体のエフェクトとして使用できます。

まとめ
After Effectsで円をアニメーションさせる方法は、幅広いクリエイティブプロジェクトに応用できる基本スキルです。キーフレームのテクニックを身につけ、Transformプロパティをさまざまに試すことで、シンプルな図形にも印象的な動きを与えられます。