【AEエッセンシャルグラフィックス設計論】Premiere編集者が絶賛するMOGRT納品基準とAIエクスプレッション活用法

---

動画編集の分業化が進むにつれ、After Effectsで作成したテロップベースやタイトルアニメーションを「モーショングラフィックステンプレート（.mogrt）」としてPremiere Proチームに納品する機会が急増しています。

しかし、現場では以下のような悲鳴が絶えません。

「文字数を増やしたら、背景の座布団枠を盛大に突き抜けた」
「クリップの長さを短くしたら、アウトアニメーションが途中で消滅した」
「エッセンシャルグラフィックスパネルに不要な項目が何十個も並んでいて、どこを弄ればいいか分からない」

これらはすべて、テンプレートの「設計品質（堅牢性）」に起因する事故です。どれほど見栄えが美しいアニメーションであっても、Premiere Pro側でテキストを打ち替えるたびに手動で位置やサイズを直さなければならないテンプレートは、現場からすれば「欠陥品」にほかなりません。

本記事では、クライアントワークで修正指示を劇的に減らし、編集者から「このテンプレート、触りやすくて感動しました」と言われるMOGRTの設計基準と、数式が絡むエクスプレッションをAIに正確に書かせる実践的なワークフローを解説します。

---

1. なぜ「手戻り」が発生するのか？ダメなMOGRTの3大特徴

Premiere Pro側の編集者がストレスを感じるMOGRTには、共通した設計の甘さがあります。まずは「やってはいけないアンチパターン」を整理します。

クライアントワークにおける「プロのMOGRT」とは、単に動くことではなく、「どんな文字数・行数・クリップ尺が来ても、美しさと余白の比率が自動で保たれること」を指します。

---

2. 破綻を根絶する「エッセンシャルグラフィックス設計の3大原則」

修正指示をゼロにするために、After Effects側で必ず仕込んでおくべき3つの基本構造です。

原則1：`sourceRectAtTime()` による座布団の完全追従

テキストレイヤーのサイズ変更にシェイプレイヤーを追従させるには、エクスプレッション関数 sourceRectAtTime() を用います。

シェイプレイヤーの「サイズ」だけでなく、「位置（アンカーポイント）」のオフセット計算を正しく組み込むことが極めて重要です。これを怠ると、改行した瞬間に座布団の中心がズレて文字と枠が上下に乖離します。

原則2：レスポンシブデザイン（時間）によるイントロ・アウトロの保護

After Effectsのタイムライン上で、インアニメーション区間とアウトアニメーション区間に「イントロの保護」「アウトロの保護」を設定します。

これにより、Premiere Pro側でタイムライン上のMOGRTクリップをどれだけ伸縮させても、登場と退場のアニメーション速度が一定に保たれ、途中でアニメーションが欠落する事故を物理的に防げます。

原則3：スライダー制御とUIのグループ化

編集者にAEの階層構造を見せる必要はありません。
– テキスト入力（メインタイトル・サブタイトル）
– カラー設定（アクセントカラー・背景カラー）
– レイアウト調整（余白スライダー・位置チェックボックス）

これらをエッセンシャルグラフィックスパネル内で「グループ」に分け、触る必要のないプロパティは徹底的に非公開にします。

---

3. 数学パズルはAIに任せる：エクスプレッション生成プロンプト

座布団の自動追従や、2行になったときの行間補正、最小幅の担保など、エクスプレッションの記述には細かな座標計算が伴います。

ここはAI（GeminiやChatGPT）を活用して、一発で堅牢なコードを出力させるのが最も効率的です。

実際に使えるAI指示プロンプト（実例）

以下のプロンプトをそのままAIに投げることで、破綻のないAfter Effectsエクスプレッションを生成できます。

【前提・目的】
After Effectsで、Premiere Pro用のモーショングラフィックステンプレート（MOGRT）を作成しています。
テキストレイヤーの文字数・行数の変化に完全追従する「背景シェイプレイヤー」のエクスプレッションを書いてください。

【レイヤー構造】
- 対象テキストレイヤー名: "Text_Main"
- 背景シェイプレイヤー: "BG_Box"（長方形シェイプ）
- コントロール用エフェクト（BG_Boxに追加済み）:
  - スライダー制御: "Padding_X"（左右余白）
  - スライダー制御: "Padding_Y"（上下余白）
  - スライダー制御: "Min_Width"（最小横幅）

【満たすべき要件】
1. テキストの文字数が増減しても、アンカーポイントを中心に背景長方形の「サイズ（Size）」と「位置（Position）」が完全に追従すること。
2. テキストが1文字や空欄の場合でも、「Min_Width」で指定した最小幅を下回らないクランプ処理を入れること。
3. 日本語フォント特有のベースラインやディセンダー（行の上下ズレ）による原点オフセットを「sourceRectAtTime()」のtop/left情報を用いて正確に補正すること。
4. **【重要・多言語環境対応】** 日本語版・英語版AE/Premiereのどちらでもエラー（Bad Argument）が出ないよう、エフェクトのプロパティ参照は「("スライダー")」ではなくインデックス「(1)」を使用すること。
5. エラーが出ないよう、変数宣言とコメントを入れた簡潔なJavaScript形式で出力してください。

AIが出力する堅牢なエクスプレッションコード

① 長方形パスの「サイズ（Size）」に入力するコード：

// テキストレイヤーと余白スライダーの参照（多言語安全なインデックス参照）
const target = thisComp.layer("Text_Main");
const padX = effect("Padding_X")(1);
const padY = effect("Padding_Y")(1);
const minW = effect("Min_Width")(1);

// テキストのバウンディングボックスを取得
const rect = target.sourceRectAtTime(time, false);

// 横幅と縦幅の計算（最小幅クランプ処理を含む）
const w = Math.max(rect.width + (padX * 2), minW);
const h = rect.height + (padY * 2);

[w, h];

② 長方形パスの「位置（Position）」に入力するコード（テキストの中心に自動アライン）：

// テキストレイヤーの参照
const target = thisComp.layer("Text_Main");

// テキストのバウンディングボックス（原点オフセットと中心座標）を取得
const rect = target.sourceRectAtTime(time, false);
const centerX = rect.left + (rect.width / 2);
const centerY = rect.top + (rect.height / 2);

// 長方形シェイプの中心をテキストの描画中心へオフセット
[centerX, centerY];

[!TIP]
【After Effects実装時の重要ポイント（プロの作法）】
1. 親子付け: シェイプレイヤー（BG_Box）の親をテキストレイヤー（Text_Main）に設定し、シェイプレイヤー自体のトランスフォーム位置を [0, 0] にします。
2. 適用先: 上記の「サイズ」と「位置」は、レイヤー全体のトランスフォームではなく、シェイプレイヤー内部の「コンテンツ ➔ 長方形 1 ➔ 長方形パス 1」の中にある「サイズ」と「位置」に適用します。
3. 多言語エラー防止: effect("Padding_X")("スライダー") のように日本語名で書くと、英語版Premiere環境で読み込んだ瞬間にエクスプレッションエラーで停止します。必ず (1) とインデックスで記述するのが納品時の鉄則です。

このように、AIに「アンカーポイントの補正要件（top/leftオフセット）」と「最小幅（クランプ処理）」を明示して指示することで、手動で計算するとバグを生みやすい座標のズレを瞬時に解決できます。

---

4. 納品前の「二層防御」：5つのストレステスト検収リスト

AIがコードを出力し、テンプレートの組み込みが終わったら、納品前に人間側の「検収ゲート（二層防御）」を通します。

Premiere Proに書き出す前に、After Effects上のエッセンシャルグラフィックスパネルで以下の5項目をテストしてください。

この5つのストレステストをクリアしたMOGRTであれば、実務の編集ラインに流しても修正や問い合わせが発生する確率はほぼゼロになります。

---

5. まとめ：AI時代のクリエイターが持つべき「UI/UXの視点」

After Effectsでテンプレートを作る作業は、単なる「映像制作」ではなく、Premiere Pro編集者に向けた「小さなUI（ユーザーインターフェース）の開発」です。

1. 数式やコードの実装はAIに任せて効率化する
2. クリエイター自身は「触り心地」「余白の美しさ」「破綻しないUI設計」に集中する
3. 5つのストレステストによる人間側の厳格な検収を行う

「言われたデザインを作る人」から、「現場の作業効率を何倍にも引き上げる強固な仕組みを納品できる人」へ。

この設計基準とAI協働のワークフローを取り入れるだけで、クライアントや制作チームからの信頼は格段に高まります。ぜひ次回のテンプレート制作から実践してみてください。

[!TIP]
【あわせて読みたい】テンプレートの先へ！Pythonで動画編集を完全自動化する手法
MOGRTによるテロップ効率化のさらに先、タイムライン生成やバッチ書き出しまでをコードで自動化する「DaVinci Resolve × Python」の構築手順は以下で詳しく解説しています。
👉 【DaVinci Resolve × Python】現場で破綻しない動画編集自動化の完全ガイド｜環境構築からFusion・地雷回避まで

[!NOTE]
【制作環境のリアル】買い切り制作環境（Affinity / DaVinci）への移行実録
Adobeサブスクリプションと買い切り制作ツールのリアルな互換性や、移行時の注意点についてはこちらの記事にまとめています。
👉 【実録】Adobe Creative Cloudを解約しても大丈夫？Affinity・DaVinci・AIで制作環境を再構築してみた

---