【完全ガイド】After Effects テキストアニメーション6パターン｜アニメーター/エクスプレッション/プリセット全網羅

AEでテキストを動かすと、いつも同じ動きになっちゃう…。リリックMVの歌詞演出、どう変化を付ければいいの？

こんにちは、現役 MV クリエイターの青来です。

「After Effects でテキストを動かしたいけど、いつも同じ動きになる」「リリック MV で歌詞に変化を付けたいのに手が止まる」──この悩み、動画編集を始めた頃の青来もずっと抱えていました。

AE のテキストアニメーションは、実は3つのレイヤーで理解すると迷わなくなります。①アニメーター機能 ②エクスプレッション ③プリセット、この3層。

この記事では、6つの実装パターンをテンプレートとして使えるレベルで書きます。案件で「今日中にテロップ演出30種類作って」と言われても大丈夫、を目指す構成です。

1. AE テキストアニメーションの3レイヤーとは

まず全体像を掴んでおくと、迷い時間が減ります。

レイヤー1｜アニメーター機能：AE の標準機能。「範囲セレクター」と「オフセット」で1文字ずつ動かす基礎中の基礎。

レイヤー2｜エクスプレッション：JavaScript ベースのスクリプトで動きを記述する方法。wiggle・loopOut・valueAtTime あたりを覚えると、キーフレーム打つ回数が激減します。

レイヤー3｜プリセット：AE 標準のテキストプリセット（100種類以上）と、AEJuice / Animation Composer などの外部プリセット。時短の最終手段。

MVクリエイター的な優先順位：まずレイヤー1を骨まで理解 → レイヤー2で応用力を上げる → レイヤー3で量産する、の順です。プリセットから入ると「なぜその動きになるか」が理解できなくて、案件対応の幅が狭まります。

2. アニメーター機能の基本（範囲セレクター/オフセット）

テキストレイヤーを選択して、右側の「テキスト」パネルの右上の三角メニューから「アニメーション」を選ぶと、動かせるプロパティが出てきます。

アニメーターの追加手順

1. テキストレイヤー選択
2. パネル右上の三角 → アニメーション → 「位置」など動かしたいプロパティ選択
3. 「範囲セレクター」が自動で追加される
4. 範囲セレクターの「開始」「終了」「オフセット」にキーフレームを打つ

範囲セレクターの3つのパラメータ

• 開始（Start）：「どの文字から動かすか」の始点
• 終了（End）：「どの文字までを動かすか」の終点
• オフセット（Offset）：範囲全体を左右にずらす

MVクリエイターがよく使うのは「オフセット」です。「開始=0%」「終了=100%」で全文字を対象にして、オフセットだけで「1文字ずつ出現」「1文字ずつ落下」を作ります。

「開始/終了」で凝ろうとすると、大抵思ったより時間食います。オフセット1本で戦うクセを付けると効率的なんですよ。

3. 6パターン実装（フェード/タイプライター/バウンス/スケール/回転/カーニング）

案件で頻出の6パターンを、青来が普段使うプリセット値付きで書きます。

パターン1｜フェード（不透明度アニメーター）

• 動き：1文字ずつフェードイン
• アニメーター：不透明度 100% → 0%
• 範囲セレクター：開始 0%・終了 100%・オフセット -100% → 0%（3秒キーフレーム）
• イージング：F9 でイージーイーズ → グラフエディタで加速多め

MVで歌詞を出すときの基本形。ここから派生させます。

パターン2｜タイプライター（オフセット + 不透明度100%/0%）

• 動き：打鍵っぽい表示
• アニメーター：不透明度（100% → 0%）
• 範囲セレクター：「シェイプ」を「なし」に変更（これ重要）・オフセット -100% → 0%（速め・0.5〜1秒）
• 追加：カーソル用に別テキストレイヤーで「_」を点滅

範囲セレクターのシェイプを「なし」にすると、境界がバチっと切れて打鍵感が出ます。ここが「タイプライター感が出ない」の主犯なので気を付けて。

パターン3｜バウンス（位置アニメーター + 表現の跳ね返り）

• 動き：文字が下から跳ねて出る
• アニメーター：位置 Y +100px → 0px
• 範囲セレクター：オフセット -100% → 0%
• イージング：バウンス用にキーフレーム後方に「オーバーシュート」を1つ追加

より本格的にやるなら、エクスプレッション（4章参照）の bounce() 相当を書きます。

パターン4｜スケール（拡縮アニメーター）

• 動き：ズームインでインパクト
• アニメーター：スケール 300% → 100%
• 範囲セレクター：開始 0%・終了 100%
• イージング：後半に強めのイーズアウト

サビの入り、歌詞の「タイトルコール」で使うと決まります。

パターン5｜回転（回転アニメーター）

• 動き：文字が回転しながら出現
• アニメーター：回転 +90° → 0°
• 範囲セレクター：オフセット -100% → 0%
• 注意：文字ごとに「アンカーポイント」がズレていると回転がバラバラになる。「文字ごとに 3D 化」チェックで安定化

パターン6｜カーニング（トラッキングアニメーター）

• 動き：文字間隔がふわっと広がる/閉じる
• アニメーター：トラッキング量 300 → 0
• 範囲セレクター：開始 0%・終了 100%（全文字対象）
• 用途：タイトルロゴ、ブランドタイポの入りに好相性

これを不透明度アニメーターと重ねると、「詰まりながら現れる」上品な動きが作れます。

4. エクスプレッション定番3本（wiggle/loopOut/valueAtTime）

キーフレームだけで戦うと、案件のリテイクで死にます。エクスプレッションを3本だけ覚えるとラクになります。

wiggle｜ランダムに揺らす

wiggle(3, 20)

「1秒間に3回、±20px 揺らす」の意味。

MVで「歌詞が微妙に揺れる」演出、これ1行で終わります。位置プロパティに書けば位置揺れ、スケールに書けばサイズ揺れ。

loopOut｜キーフレームを繰り返す

loopOut()

キーフレームを最後まで打ったら、あとは無限ループ。

「ずっと点滅させたい」「ずっとバウンスさせたい」テロップに使います。

valueAtTime｜特定時刻の値を取る

[transform.position[0], transform.position[1] - 30]

みたいな「参照系」で使うと、文字を親レイヤーに合わせて動かせます。

例えば「メインタイトルが動くと、サブタイトルも同じタイミングで少し遅れて追従する」みたいな連携が組めます。

MVクリエイター推し：wiggle(0.5, 8) を位置に入れるだけで「歌詞が生きてる感」が出ます。イージングいじるより速い。

5. プリセット活用（AEJuice/Animation Composer）

「今すぐ量産したい」ときは、AE標準プリセットと外部プリセットの2択です。

標準プリセット（Adobe公式・無料）

エフェクト＆プリセットパネル → 「Animation Presets」→ Text → 好きなカテゴリ選択 → テキストレイヤーにドラッグ。

100種類以上あって、青来もいまだに「タイプライター系」を叩き台に使うことがあります。無料でここまで使えるのは十分に強い。

AEJuice（有料・買い切り）

Text Animation Presets パックで有名。1ジャンル約$29〜$49で買い切り。ワンクリック適用で日本の案件では鉄板です。After Effects プラグインおすすめ20選 で詳しくレビューしています。

Animation Composer（無料版＋有料拡張）

Mister Horse 社の無料プラグイン。100種類以上のプリセットが無料で使えて、AEJuice より軽い印象。パック追加で拡張可能。

選び方：AE 触りたての人は Animation Composer 無料版から。案件で量が出るようになったら AEJuice を買い足す、が青来のおすすめルートです。

6パターンは作れるようになったけど、実際のリリックMVでどう組み合わせればいいの？

6. リリック MV での応用（3実例）

MV クリエイターとしての実案件応用を3つ。

実例1｜サビの盛り上がりに「スケール+バウンス」

パターン4（スケール）とパターン3（バウンス）を重ねて、サビの入りで歌詞をド派手に出す。

さらに Deep Glow を薄くかけて発光させると、それっぽさが増します。

実例2｜ボーカルの息継ぎで「wiggle」を強めに

wiggle(3, 15) を Aメロ〜Bメロで薄く、サビ直前で wiggle(6, 30) に瞬間差し替え。歌詞が「震えて」サビに繋がる印象が作れます。

実例3｜アウトロで「カーニング+フェードアウト」

パターン6（カーニング）を逆再生気味に使い、文字を「詰めながら消していく」上品な演出。

リリック MV 全体の作り方は リリックMVの作り方 で通しの手順を書いていますので、あわせて読んでみてください。

7. つまずき3パターン

初心者〜中級者がよくハマる罠を3つ。

つまずき1：アニメーターが増えて把握できなくなる

1つのテキストレイヤーに5個も6個もアニメーターを追加すると、後で修正できません。

対策：1つのテキストレイヤー = 1アニメーターの原則。動きを重ねたいなら、テキストレイヤーを複製してブレンドモード「加算」で重ねる。

つまずき2：範囲セレクターの「シェイプ」を放置

タイプライター系がバチっと決まらないのは、「シェイプ」の設定が「ランプアップ（デフォルト）」だから。「なし」に変えると境界が真っ直ぐになります。

つまずき3：エクスプレッションのランダムシードがバラバラ

wiggle を複数レイヤーに書くと、全部同じ揺れになりがち。seedRandom(index) を先頭に書くと、レイヤーごとに違う揺れになります。

seedRandom(index, true);
wiggle(2, 15)

これ、案件テロップの見栄えが一段上がります。

8. 合う人・合わない人

合う人

• MV / リリック動画で歌詞演出を作りたい人
• 案件で1動画あたり30〜50個のテロップを量産する人
• YouTube 系案件で「動きのある字幕」を差別化したい人
• 「なぜその動きになるか」を仕組みで理解したい人

合わない人

• Premiere だけで完結させたい人（Premiere Pro テロップの入れ方 が向いています）
• 動きは全部プリセット丸投げでOKな人（外部プリセットだけで足りる可能性大）
• 30秒未満の短尺SNS動画メインの人（CapCut / Filmora のテキスト機能で足りる）

9. まとめ｜3レイヤー×6パターンで案件対応力が跳ね上がる

After Effects テキストアニメーションの全体像をまとめます。

「今日から手を動かす」なら、まずパターン1（フェード）とパターン2（タイプライター）を作ってみてください。この2つは案件で一番出るので、テンプレ化しておくと後がラクです。