【Ae】 After Effects シェイプに沿ってテキストが動く！アニメーションの作り方

こんにちは、フルタニです。放送局で番組作りをしてました。 After Effects シェイプに沿ってテキストが動く！アニメーションの作り方を書きます。

YouTubeや広告などで、テキストが円をクルクル回るアニメーションを見たことはありませんか？

これは、After Effectsの「パスに沿ったテキストアニメーション」機能を使えば簡単に実現できます。

今回は初心者でもわかるように、円の形を使って文字を動かす基本のやり方を解説します！

Contents

After Effects シェイプの輪郭に沿ってテキストを動かすアニメーションの作り方

1. [レイヤー] > [新規] > [シェイプレイヤー] を作成します。

2. シェイプツールから「楕円形ツール」を選びます。

3. Shiftキーを押しながらドラッグして正円を作成します。

1. [レイヤー] > [新規] > [テキスト] から好きな文字を入力します。

2. テキストの大きさやフォントは、中央上部のパネルから自由に変更できます。

1. テキストレイヤーを選択した状態で、「楕円形ツール」を選びます。

2. 画面上で Shiftを押しながらドラッグして、最初の円と重なるような位置に新しいマスク円を描きます。

• （※これはシェイプレイヤーではなく、テキストレイヤーに直接マスクを描くことになります）

1. テキストレイヤーの中にある [テキスト] > [パスオプション] を開きます。

2. 「パス」を「なし」から「マスク1」に変更します。

3. 必要に応じて「反転パス」をオンにすると、外側に沿った表示になります。

1. 同じ「パスオプション」の中にある「最初のマージン」にキーフレームを打ちます。

• 0秒地点で「0」

• 数秒後（コンポジションの終わり）に「360」など、文字が一周するような数値を入力

2. これで、文字が円をぐるぐる回るアニメーションの完成です！

今回ご紹介したのは「円」ですが、ペンツールで自由な形（星型・ハート型など）を描けば、そこに沿って文字を動かすことも可能です！

• ペンツールで好きな線を引く

• そのマスクパスをテキストレイヤーのパスとして指定するだけ！