トランジションは「つなぎ」ではなく「語り」である
カットとカットの間をつなぐ一瞬の動きは、観客の視線と感情をどこへ運ぶかを決める。同じ素材でも、ハードカットで畳みかけるか、光のフレアで溶かすかで、伝わる印象はまったく変わる。トランジションは編集の装飾ではなく、テンポ、時間経過、視点の移動、心理的な距離を伝える文法である。
インタビュー映像で話者が過去を語り始める瞬間に画面をわずかに溶かせば、観客は「ここから回想に入る」と無意識に理解する。商品の使用シーンから使用後の表情へ移るときは、ホイップパンで視線を一気に振るとテンポが上がり高揚感が生まれる。トランジションの選択は、脚本のトーンを映像言語へ翻訳する作業だと言える。
After Effectsが長く支持される理由は、この「意味のある動き」をフレーム単位で設計できる点にある。プリセットを当てるだけでは素材の動きとタイミングが噛み合わず、いかにもエフェクトを載せたという印象になる。逆に、キーフレームの速度設計とマスク形状を素材に合わせて詰めれば、観客は編集点に気づかない。気づかれないつなぎこそ、プロのトランジションの条件である。
本稿は、After Effectsの基礎をトランジション設計の視点で整理し、無料素材・プラグインの活用法、AI動画生成を組み込んだ現実的なワークフローまでを段階的に扱う。読み終えるころには、手持ちの素材と無料リソースだけで、テンポよく滑らかなつなぎを組めるようになっているはずだ。
After Effectsの基礎をトランジション設計のために整理する
After Effectsでトランジションを作るとき、最初に確認すべきはレイヤー構造である。ベース映像、マスク用の調整レイヤー、オーバーレイ、カメラ・照明、そして音声。この5層をあらかじめ分けておくと、後から動きの一部だけを差し替える作業が格段に楽になる。「あとで直せる構造」を作ることが、結果として仕上がりの速度を上げる。
もうひとつ重要なのが、コンポジションの尺を本編と揃えておくことだ。トランジション専用のプリコンポジションを切り出しておけば、同じ動きを別のカットへ複製できる。複製したあとにタイミングだけをずらす運用にすると、毎回ゼロから組む手間が消える。
キーフレームとグラフエディタを味方につける
動きの質は、キーフレームの数ではなく補間の形で決まる。位置にキーフレームを2つ打っただけでは等速の機械的な動きになり、トランジションとしては硬い。グラフエディタで速度カーブをS字に整えると、動き出しと止まりに自然な加速・減速が生まれる。目安として、0.4〜0.8秒のトランジションなら、イーズインを強め、イーズアウトをやや緩めにすると気持ちよく収まる。
実務では「イージーイーズ」を使ったあとに手でカーブを触る。具体的には、速度グラフの山を少し左にずらし、最大速度に達するタイミングを前半に寄せる。これで動きに勢いがつき、観客の視線が次のカットへ素早く運ばれる。逆に、情緒的な場面では山を中央に置き、ゆっくり抜けるカーブにする。
不透明度のキーフレームを扱うときは、0%から100%へ一気に動かすのではなく、途中に中間値を置く。たとえば0%、45%、100%の3点にすると、溶け合う瞬間の密度が上がり、単調なフェードに奥行きが出る。
エクスプレッションで動きに「重さ」を与える
同じ動きを繰り返すときはエクスプレッションが効率的だ。たとえば、wiggle(2, 15) を不透明度に適用すれば、わずかな揺らぎが画面に生命感を与える。ただし数値を上げすぎるとノイズになるため、トランジション中は振幅を10〜20程度に抑えるのが無難である。
また、linear() や ease() を使えば、特定の時間帯だけ値を補間できる。マスクの拡大をトランジション開始から0.3秒だけ線形に動かし、その後は静止させる、といった制御が数行で書ける。テンプレート化しておけば、案件ごとの調整が数値の書き換えだけで済む。
エクスプレッションを使うときは、意図をコメントで残す習慣をつけたい。数値を書いた本人でも、数週間後には根拠を忘れる。プロジェクトファイルは未来の自分への引き継ぎ書でもある。
繋ぎ目を消す：モーショントラッキングとロトスコープ
シームレスなトランジションの多くは、被写体の動きにエフェクトを追従させることで成立する。ここで中心になるのがトラッキングとロトスコープだ。どちらも「素材の動きを読む」作業であり、読む精度がそのまま仕上がりに反映される。
平面トラッキングとカメラトラッキングの使い分け
画面が平面に近く、動きが平行移動と回転中心なら、平面トラッキングで十分だ。壁面、看板、商品のラベルなどはこちらで処理する。一方、被写体が奥行き方向に動いたり、手持ち撮影でカメラ自体が揺れている場合は、カメラトラッキングで3D空間を再構築したほうが安定する。
判断の目安は「パースの変化が見えるかどうか」である。フレーム内で四角形が台形に歪んでいくなら3D、そうでなければ2Dで構わない。余計な3D化は計算負荷と破綻のリスクを増やすだけなので、必要十分に留める。
トラッキングポイントは、コントラストが高く、模様に特徴がある場所に置く。平坦な壁やぼけた背景に置くと追跡が外れやすい。4点以上のポイントを画面全体に分散させると、安定性が大きく向上する。
ロトスコープを短時間で仕上げる手順
- マスクパスを粗く置き、被写体の輪郭を大まかに囲む。
- 動きの大きいフレームだけ手動でキーフレームを追加する。
- マスクのフェザーを1〜3px、マスク収縮を-1〜-2pxに設定し、輪郭のジャギを消す。
- マスクを自動追跡させ、外れたフレームだけ修正する。
- 最後にモーションブラーを少量加え、実写の被写界深度と馴染ませる。
この順序を守るだけで、作業時間は体感で半分近くまで縮む。最初から完璧なパスを引こうとすると、かえって手戻りが増える。髪の毛や指先など細部は、最後の仕上げで数フレームだけ手を入れるほうが効率的だ。
3Dレイヤーとカメラで空間をまたぐトランジション
空間を跨ぐトランジションは、視聴者に強い没入感を与える。代表例は、手前の物体をカメラがすり抜けて次のシーンへ抜ける「すり抜け」と、背景ごと回り込む「オービット」である。
作り方はシンプルだ。素材を奥行き方向に複数のレイヤーへ分解し、Z値を割り当てる。カメラにキーフレームを打ち、被写体の隙間を通る軌道を描く。被写体が厚みを持たない場合は、複製して数pxずらし、多層化して厚みを偽装する。このとき、手前のレイヤーにだけ強めのモーションブラーをかけ、奥のレイヤーには軽くかけると、速度差が生まれて立体感が増す。
注意点は、カメラの移動距離を詰めすぎないことだ。1秒未満で奥行きを大きく動かすと、フレーム間の変化が大きすぎてチラつきとして知覚される。0.8〜1.2秒かけて抜ける設計が、滑らかさと疾走感のバランスを取りやすい。
照明の扱いも忘れずに。平行光をひとつ置き、進行方向からわずかに角度をつけると、平面素材に陰影が生まれ、3Dらしさが一気に増す。影の落ちるレイヤーには距離を設定し、ぼかしを加えるときれいに馴染む。
無料素材とスクリプトの調達術
高品質なトランジションは、必ずしも高価な素材を必要としない。無料素材をどう選び、どう管理するかが仕上がりを左右する。
アセットサイトの選び方とライセンスの確認
無料の映像素材、テクスチャ、オーバーレイを配布するサイトは数多い。選ぶ際は次の3点を確認する。
- 商用利用が可能か、出典表記が必要か。
- 再配布やテンプレート化しての配布が禁止されていないか。
- 解像度とフレームレートが自分のプロジェクトと一致するか。
特に注意したいのは、無料であっても「出典表記必須」の条件が付く場合があることだ。表記が必要な素材は、管理表を作って出典をまとめておくと、書き出し直前の慌てを防げる。ファイル名に出典の略称を混ぜておくだけでも、後から追跡しやすくなる。
また、素材を探す前に「どんな動きが必要か」を一行で書き出しておく。目的が曖昧なまま素材を眺めると、使わないファイルだけが増えていく。
無料プラグイン・スクリプトの導入と管理
After Effectsには、動きの補間やイージングを支援する無料スクリプトが多数ある。導入時は次の手順を踏む。
- 配布元の対応バージョンを確認する。
- ScriptUIパネルとして使うか、スクリプトファイルとして実行するかを把握する。
- 導入前にプロジェクトを複製し、検証用のシーケンスで試す。
- 動作が重い場合は、エフェクトの適用範囲を調整レイヤーへ限定する。
用具を増やしすぎると起動が遅くなり、書き出し時のエラー原因も増える。実際に使うものだけを有効にし、定期的に棚卸しするのが現実的だ。導入したスクリプトは、名前と用途を一覧にしておくと、チームで作業するときに迷わない。
用途別トランジション技法カタログ
ここからは、実際の場面で使い分けたい代表的な技法を並べる。それぞれ「どんな意味を運ぶか」を意識しながら読んでほしい。
シームレスカットとマッチカット
被写体の位置や形を次のカットで一致させると、編集点が見えなくなる。手順は、前カットの終わりと次カットの始まりで被写体の重心を揃え、必要なら位置を数px単位で調整する。色温度と露出も合わせておくと、より自然になる。回転や拡大を連続させると、観客の視線が途切れずに次のシーンへ運ばれる。
ホイップパンとモーションブラー
カメラを素早く振る動きを再現し、その勢いで次のカットへつなぐ技法。キーフレームを2つ打ち、間に強めの方向性ブラーをかける。ブラー量は移動距離に比例させ、短い距離なら30〜50、長い距離なら80〜120を目安にする。音を重ねると知覚的な連続性がさらに強まる。振り切る直前に一瞬だけ静止を挟むと、動きに溜めが生まれて印象が強くなる。
マスクワイプと形状トランジション
マスクの形を変形させながら画面を塗り替える。直線的なワイプは硬い印象を与えるため、角を丸めたり、進行方向にわずかな揺らぎを加えたりすると有機的な動きになる。ロゴや図形の輪郭に沿わせると、ブランド感のある切り替えが作れる。マスクの境界に沿って細い光の線を重ねると、視線を誘導しやすくなる。
光・テクスチャ・粒子のオーバーレイ
フレア、フィルムグレイン、塵、煙などを重ねると、物理的な接着剤のような役割を果たす。ただし多用は禁物で、1カットにつき1〜2種類までに抑える。ブレンドモードはスクリーンや加算を使い、不透明度は30〜70%の範囲で調整すると白飛びしにくい。オーバーレイは加える前に、本編全体のグレイン量と比べて浮いていないか必ず確認する。
AI動画生成をトランジション工程に組み込む
生成AIは、撮影できないカットや、既存素材の隙間を埋める中間フレームの作成に威力を発揮する。Runway、Kling、Pika、Luma Dream Machine、Sora系のモデルなど、選択肢は増えているが、使いどころを誤ると品質が落ちる。
中間フレームの生成と補間
前後のカットが似ているが連続性に乏しい場合、AIで中間の状態を生成し、滑らかにつなぐ方法がある。手順は次の通り。
- 前カットの最終フレームと次カットの先頭フレームを書き出す。
- 画像から動画を生成する機能で、2枚の間を補間させる。
- 生成結果の動きが破綻していないか、フレーム単位で確認する。
- 不要な部分をトリムし、光学フロー補間でフレーム数を合わせる。
ポイントは、生成に任せる区間を短く保つことだ。0.5〜1秒程度に収めれば、破綻が目立ちにくく、修正も容易である。プロンプトには「カメラは固定」「照明は一定」といった制約を明示すると、余計な動きが減って扱いやすくなる。
生成素材の品質チェックとつなぎ込み
AI生成の映像は、フレームごとに質感が微妙に変わる。つなぎ込む前に、以下のチェックを行う。
- 解像度とフレームレートを本編に合わせる。
- 色温度とコントラストをグレーディングで揃える。
- ノイズとシャープネスを本編と同じレベルに整える。
- 音声が必要なら、別途録音した素材を重ねる。
質感が合わないまま並べると、切り替わりの瞬間に強い違和感が出る。逆に、グレインと軽いブラーを全体にかけて統一すれば、生成区間はほとんど気づかれない。生成素材は必ず別レイヤーにまとめ、差し替え可能な状態で保持しておくのが安全だ。
ショートフォーム向け高速編集とよくある失敗
テンポ設計とビート同期
縦型の短尺映像では、1〜2秒ごとに画面が変化することが多い。音楽のビートにトランジションの中心を合わせると、視聴維持率が上がりやすい。編集ソフトのマーカー機能でビート位置を打ち、キーフレームの山をそこに合わせる。すべてのカットを合わせる必要はなく、4拍に1回だけ合わせるだけでもリズムが生まれる。
冒頭の1秒は特に重要だ。最初のトランジションを速めに置き、2つ目をやや遅くする。この緩急があるだけで、単調な連打より引き込まれる。逆に、同じ速度のトランジションを連続させると、機械的で疲れる映像になる。
失敗パターンとトラブルシューティング
よくある失敗と対処をまとめる。
- 動きが硬い：グラフエディタのカーブをS字にし、イーズを強める。
- チラつく：フレームレートの不一致が原因のことが多い。素材を同じフレームレートに統一し、モーションブラーのシャッター角を調整する。
- 編集点が見える：前後の露出と色温度を合わせ、必要なら1〜2フレームのオーバーラップを加える。
- 動きが速すぎる：トランジション時間を1.5倍に伸ばし、移動距離を縮める。
- 画面が飽和する：オーバーレイの不透明度を下げ、ブレンドモードを加算からスクリーンへ変更する。
- 動きが重い：エフェクトの適用範囲を調整レイヤーに限定し、プレビュー解像度を下げ、キャッシュを消去する。
トラブルの多くは、素材側の前提が揃っていないことに由来する。編集を始める前に、解像度・フレームレート・色空間の3点を確認する習慣をつけると、後工程の修正が激減する。
トランジション設計を言語化して再利用する
一度作った動きを再利用できるかどうかが、制作速度を大きく左右する。そのためには、作ったトランジションに名前と用途を与えて記録する。
記録すべき項目は、用途（場面転換か、時間経過か、視点移動か）、所要時間、使用したエフェクト、注意点の4つで十分だ。たとえば「回想入り・0.8秒・ブラー＋不透明度・音は無し」といった一行のメモが、半年後の自分を助ける。
プリセット化するときは、数値を固定しすぎないほうがよい。時間と移動距離を相対値で扱えるようにしておけば、尺の違う案件にもそのまま流用できる。命名規則を「用途_長さ_ver」のように統一しておくと、検索が速くなる。
チームで共有する場合は、動きの意図を短く書き添える。数値だけを渡すと、受け取った側が過剰に装飾してしまう。逆に意図が書かれていれば、必要に応じて控えめに調整できる。
実践ワークフロー：30秒の映像を仕上げる
ここまでの要素を、実際の30秒映像に落とし込む。想定は、商品紹介と使用シーンを組み合わせた短尺のプロモーション映像である。
- 構成を決める。導入3秒、課題提示5秒、解決8秒、使用感10秒、締め4秒。
- 音楽を先に置き、ビートマーカーを打つ。
- カットを粗く並べ、テンポを確認する。この段階ではトランジションを入れない。
- 変更点だけにトランジションを入れる。場面転換、時間経過、視点移動の3種類に限定する。
- キーフレームのカーブを整え、すべての動きに加速と減速を与える。
- オーバーレイを重ね、グレインと色を全体で統一する。
- 音の同期を確認し、トランジションの頂点に効果音を置く。
- 書き出して小さい画面で確認し、編集点が見える箇所だけを修正する。
この順序の利点は、手戻りが少ないことだ。動きの設計を後半に回すことで、構成変更のたびにキーフレームを打ち直す無駄を避けられる。また、書き出し確認を小さい画面で行うと、編集点の粗が目立ちやすく、修正箇所を素早く特定できる。
よくある質問
無料素材だけでプロ品質のトランジションは作れるか
作れる。ただし条件がある。解像度・フレームレート・色温度を揃え、動きの速度設計を丁寧に行うこと。素材の質より、つなぎ方の設計のほうが仕上がりへの影響は大きい。
トランジションは1本に何回入れるのが適切か
目安は、30秒で3〜5回である。多用すると何が重要かわからなくなる。逆に、場面転換・時間経過・視点移動の3種類に限定すると、意図が伝わりやすくなる。
AI生成の映像と実写を混ぜても不自然にならないか
グレイン、色、シャープネスを揃えれば、ほとんどの視聴者は気づかない。生成区間を短くし、動きの激しいカットに使うと破綻が目立ちにくい。
動きが重いときの対処法は
エフェクトの適用範囲を調整レイヤーに限定し、プレビュー解像度を下げ、キャッシュを消去する。それでも重い場合は、カメラトラッキングを平面トラッキングに置き換える。
縦型と横型でトランジションの設計は変えるべきか
変えるべきである。縦型は画面の横幅が狭いため、左右方向の移動は距離を短くし、上下方向や奥行きを使うと効果的だ。横型は左右の移動が映えるが、視線移動が大きくなりすぎないよう注意する。
モーションブラーの適切な量は
動きの速さに比例させる。ゆっくりした動きなら少量、速い動きなら強めにする。ただし全体にかけすぎると眠い映像になるため、トランジション中の数フレームに限定するのが安全である。
