データドリブンアニメーションとは何か
同じテンプレートデザインのアニメーションを使いながら、表示するテキスト・数値・グラフ・画像だけを毎回変えて大量の動画を自動生成したい——そんなニーズに応えるのがデータドリブンアニメーション（Data-Driven Animation）です。
After Effectsには、JSON形式のデータファイルを読み込み、アニメーション内のテキストや数値を自動で差し替えてレンダリングする機能が内蔵されています。例えば「週次レポート動画」「各店舗向けのPR動画（店名・電話番号だけ変える）」「スポーツのスコアアニメーション」などに最適な機能です。
一度テンプレートを作れば、JSONデータを更新するだけで新しい動画が自動生成されます。手動で同じ操作を何度も繰り返す必要が完全になくなります。
データドリブンアニメーションの活用例
| 活用場面 | JSONで更新するデータ | 月間生成本数の目安 |
|---|---|---|
| 週次売上レポート動画 | 売上金額・前週比・グラフ数値 | 4〜5本/月 |
| 複数店舗向けPR動画 | 店名・住所・電話番号・営業時間 | 数十〜数百本/回 |
| ニュース字幕アニメーション | 見出しテキスト・発行日時 | 数十本/日 |
| スポーツスコア表示 | チーム名・スコア・時刻 | リアルタイム更新 |
| SNS広告の大量バリエーション | キャッチコピー・価格・商品名 | 数十〜数百バリエーション |
データドリブンアニメーションの設定手順
ステップ1：データソースとなるJSONファイルを準備する
After Effectsで読み込むJSONのフォーマットは以下のような構造です。
{
"store_name": "渋谷本店",
"address": "東京都渋谷区〇〇1-2-3",
"phone": "03-XXXX-XXXX",
"open_hours": "10:00〜22:00",
"main_visual": "shibuya_store.jpg"
}ステップ2：After EffectsでJSONをデータソースとして読み込む
- After Effectsを開き、対象のコンポジションを選択する
- メニュー「ウィンドウ」→「必須プロパティ」を選択する（CC 2020以降）
- または「ファイル」→「スクリプト」→「データドリブンアニメーション」パネルを開く
- 「+」ボタンからJSONファイルをインポートする
- After EffectsがJSONのキーを認識し、プロパティとして一覧表示する
ステップ3：テキストレイヤーとJSONデータをリンクする
- テキストレイヤーを選択し、テキストプロパティを展開する
- 「テキスト」プロパティ横のストップウォッチを右クリックし「エクスプレッションを追加」を選択する
- エクスプレッション入力欄に以下のように入力する
// データドリブンアニメーションでのテキスト参照
thisComp.footage("data.json").sourceTextまたは、After EffectsのMGT（モーショングラフィックステンプレート）を使う場合は「必須プロパティ」パネルでドラッグ＆ドロップでリンクできます。
JSONデータの一括更新でレンダリングを自動化する（aerenderとの組み合わせ）
実用的な大量生産フローでは、aerender（コマンドラインレンダリング）とJSONデータの差し替えを組み合わせます。以下はPythonスクリプトの概要です。
import json, subprocess, os
stores = [
{"store_name": "渋谷本店", "phone": "03-0000-0001"},
{"store_name": "新宿支店", "phone": "03-0000-0002"},
{"store_name": "池袋店", "phone": "03-0000-0003"},
]
for store in stores:
# JSONを上書き
with open("C:/ae_data/data.json", "w", encoding="utf-8") as f:
json.dump(store, f, ensure_ascii=False)
# aerenderでレンダリング実行
output = f"C:/output/{store['store_name']}.mp4"
subprocess.run([
"C:/Program Files/Adobe/Adobe After Effects 2025/Support Files/aerender.exe",
"-project", "C:/projects/store_template.aep",
"-comp", "Main_Comp",
"-output", output
])
print(f"{store['store_name']} の動画生成完了")
print("全店舗分の動画生成が完了しました")モーショングラフィックステンプレート（.mogrt）との連携
After EffectsのMGT（.mogrtファイル）はPremiere Proで使えるテンプレートですが、データドリブンアニメーションと組み合わせることでPremiere Pro側からJSONデータを直接差し替えることもできます。
- MOGRTとして書き出す：「コンポジション」→「モーショングラフィックステンプレートに書き出し」
- Premiere Proで使用する：エッセンシャルグラフィックスパネルからMOGRTを適用し、データフィールドにテキストを入力
- CSVからPremiere Proで一括差し替え：データドリブン機能でCSVを読み込み、複数テロップを自動適用
外部サービスとの連携：スプレッドシート→JSON→自動生成
より発展した使い方として、Googleスプレッドシートのデータを自動でJSONに変換し、そのJSONをベースにAfter Effectsで動画を自動生成するフローが実現できます。
- Googleスプレッドシートに動画用データを入力する
- Google Apps Script（GAS）でシートをJSONに変換してGoogle Driveに保存する
- ZapierやMakeが変更を検知し、ローカルPCのスクリプトをトリガーする
- aerenderが自動起動し、新しい動画が生成される
まとめ：データドリブンアニメーションで量産体制を構築する
データドリブンアニメーションを習得すると、1本のテンプレートから数十・数百本の動画を自動生成できるようになります。広告制作・企業VP・SNS運用・ニュース番組など、同一フォーマットの大量生産が求められるあらゆる場面で絶大な効果を発揮します。
After Effectsのデータドリブン機能を試してみたい方は、After Effects公式ページから無料体験を開始してください。テンプレート一つで動画を量産できる仕組みは、一度体験すると手放せなくなるほど強力です。
コメント