ビデオモーショングラフィックス

ディズニーの12のアニメーション原則をAfter Effects、Premiere Pro、ビデオモーションデザインに適用します。

クイックリファレンス

原則	モーショングラフィックス実装
Squash & Stretch	オーバーシュート表現式、エラスティック動き
Anticipation	事前動き、ウインドアップキーフレーム
Staging	構成、奥行き、フォーカスプル
Straight Ahead / Pose to Pose	フレームバイフレーム vs キーフレームアニメーション
Follow Through / Overlapping	遅延レイヤー、表現式ラグ
Slow In / Slow Out	グラフエディタカーブ、イージング
Arc	モーションパス、パスに従う回転
Secondary Action	環境反応、パーティクルシステム
Timing	24/30/60fps の考慮
Exaggeration	現実を超えたスケール、ドラマティック動き
Solid Drawing	Z空間、3D一貫性、パララックス
Appeal	スムーズ、プロフェッショナル、感情的共鳴

原則の応用

Squash & Stretch: X/Y値を異なる値でスケールプロパティを使用します。オーバーシュート表現式でエラスティック動きを実現します。シェイプレイヤーはプリコンプより有機的なスクワッシュに適しています。

Anticipation: 主要なアクション前に2～4フレームの逆方向動きを追加します。リビールのためのウインドアップ—スケールアップ前に軽くスケールダウンします。ポジション予期：最初に逆方向に移動します。

Staging: 深度オブジェクトを使用してフォーカスを指示します。ビネットで重要なコンテンツをフレーム化します。セカンダリ要素にモーションブラーを適用します。構成は視点を焦点へ誘導します。

Straight Ahead vs Pose to Pose: キャラクターアニメーションには従来のフレームバイフレームを使用します。グラフィックアニメーションにはキーフレームベースを使用します。ほとんどのモーショングラフィックスは表現式で洗練されたpose-to-poseです。

Follow Through & Overlapping: ラグ用にvalueAtTime()表現式を使用します。オフセットでレイヤーアニメーションをずらします。セカンダリ要素は主要停止から4～8フレーム継続します。遅延応答を伴う親子関係。

Slow In / Slow Out: グラフエディタをマスターします—線形キーフレームは決して使用しません。Easy Easeは出発点で、カーブをカスタマイズします。ベジェハンドルで加速度をコントロールします。スピードグラフで速度を表示します。

Arc: モーションパス編集を有効化します。パスへの自動オリエント回転。ローバーキーフレームでスムーズなアークを追加します。自然な動きはめったに直線で移動しません。

Secondary Action: パーティクルは主要動きに反応します。シャドウと反射が追従します。バックグラウンド要素はパララックスでシフトします。オーディオ波形が視覚要素を駆動します。

Timing: 24fps: シネマティック感、モーションブラー必須。30fps: 放送標準、よりスムーズ。60fps: デジタルファースト、非常にスムーズ。ホールドフレーム（2s、3s）でスタイライズされたタイミングを実現します。

Exaggeration: モーショングラフィックスは現実より先に進むことができます。スケールオーバーシュート120～150%。回転は最終地点を超えます。色とエフェクトが誇張を強調できます。

Solid Drawing: 3Dレイヤーは空間一貫性を維持します。パララックスが奥行き階層を作成します。要素全体で一貫した光の方向。Z位置は信頼できる空間を作成します。

Appeal: スムーズなインターポレーション、不自然なカットはなし。カラーグレーディングが構成を統一します。タイポグラフィに重さと個性があります。動きが意図的でプロフェッショナルに感じます。

After Effects テクニック

オーバーシュート表現式

// Apply to any property for elastic overshoot
freq = 3;
decay = 5;
n = 0;
if (numKeys > 0) {
    n = nearestKey(time).index;
    if (key(n).time > time) n--;
}
if (n > 0) {
    t = time - key(n).time;
    amp = velocityAtTime(key(n).time - .001);
    w = freq * Math.PI * 2;
    value + amp * (Math.sin(t * w) / Math.exp(decay * t) / w);
} else {
    value;
}

スタッガー表現式

// Apply delay based on layer index
delay = 0.1;
d = delay * (index - 1);
time - d;

タイミングリファレンス

要素	期間	イージング
テキストリビール	15～25フレーム	イーズアウト
ロゴアニメーション	30～60フレーム	カスタムカーブ
トランジション	10～20フレーム	イーズインアウト
ロワースード入り	12～18フレーム	イーズアウト
ロワースード出り	8～12フレーム	イーズイン

エクスポート考慮事項

• 最終フレームレートでプレビュー
• 高速動きに対してモーションブラーを有効化
• 1xスピードでタイミングを確認（RAMプレビューではなく）
• 放送セーフエリアを考慮
• ターゲット表示形式でテスト