【After Effects】テキストが立体的な輪になって回るアニメーション作成方法

After Effectsで、テキストが立体的な輪になって回るアニメーション作成方法は以下の通りです。具体的には、当記事を最後までご確認ください。

1. 平面レイヤーとテキストレイヤーの作成
2. テキストレイヤーの中心にアンカーポイントを配置
3. テキストレイヤーを選択した状態で、楕円形ツールを使用して画面中央から正円を描いてマスクを作成する
4. テキストレイヤーのテキストからパスオプションを開き、パスで作成したマスクを選択
5. テキストレイヤーのアニメーターから、個々の文字の3D化 (Enable Per-character 3D) を選択
6. テキストレイヤーのアニメーターから回転 (Rotation) を選択
7. テキストレイヤーに追加されたアニメーターにあるX回転の値を 0x+90.0°に設定
8. テキストレイヤーのトランスフォーム内にあるX回転の値を -90.0°に設定
9. アニメーションの開始時点に移動し、Z回転の値を調整してキーを打つ
10. アニメーションの終了時点に移動し、Z回転の値を調整する

まずは、平面レイヤーとテキストレイヤーを作成します。この記事では、以下の設定でコンポジションを作成しています。

幅 (Width)	1080 px
高さ (Height)	1920 px
フレームレート (Frame rate)	30 fps
デュレーション (Duration)	0:00:03:00 (3秒)

テキストレイヤーの中心にアンカーポイントを配置します。アンカーポイントを中央に配置するには Ctrl + Alt + ← のショートカットキーを使うとよいでしょう。

テキストレイヤーを選択した状態で、楕円形ツールを使用して画面中央から正円を描きます。正円を描くには、楕円形ツールを選択後、画面中央にカーソルを持っていき Ctrl + Shift を押しながらドラッグして円を広げてください。上記画像のように、テキストレイヤー内にマスクができていればOKです。

正円のマスク作成後、テキストレイヤーのテキストからパスオプション (Path Options) を開き パス (Path) で作成したマスクを選択します。 テキストがマスクの円に沿うようになります。

テキストレイヤーのアニメーターから、個々の文字の3D化 (Enable Per-character 3D) を選択します。

テキストレイヤーのアニメーターから回転 (Rotation) を選択します。

テキストレイヤーに追加されたアニメーターにあるX回転の値を 0x+90.0°にします。

テキストレイヤーのトランスフォーム内にあるX回転の値を -90.0°にします。

アニメーションの開始時点に移動し、Z回転の値を調整したうえでストップウォッチマークをクリックしてキーを打ちます。ご自身が作成した文章にあわせて角度を調節してください。この記事では Z回転の値を -75.0°にして、キーフレームを打っています。

最後に、アニメーションの終了時点に移動し、Z回転の値を調整します。