一つのモーション動画を16:9、1:1、9:16に展開する方法
ワイド画面の製品デモに、左の見出しと右のスプレッドシートがあります。縦型に切り取ると、見出しかスプレッドシートのどちらかは残せますが、両方を元の大きさで保つことはできません。すべてを収まるまで縮めると、スプレッドシートはソフトウェアの働きを示す証拠ではなく、ソフトウェアのイラストになってしまいます。
動画のアスペクト比を変えるとき、書き出し寸法は始まりにすぎません。16:9と9:16の構図では、同じオブジェクトでも関係が変わります。証拠の隣にあったものを、今度はその前に出す必要があるかもしれません。使える空間の形が変わっても、どの関係を残すべきかを決めるのが仕事です。
優れた展開版は、マスターと驚くほど違って見えることがあります。左右の比較が順番のある流れになり、横長のアプリケーション画面が関連する列の接写になり、見出しが証拠の上へ移ります。構図は変わっても、視聴者に何を信じてほしいかと、その裏付けとして何を見せるかという、伝える命題を保つべきです。
長方形ではなく、メッセージを適応させる
まず、各シーンの主張を普通の言葉で書きます。「ユーザーは期限超過の請求書をまとめて確認できる」は有用な主張です。「ダッシュボードを見せる」は素材への指示にすぎず、何を切り取れるか判断する根拠になりません。
架空の請求書動画で、ダッシュボードにナビゲーションの帯、6枚のサマリーカード、グラフ、請求書一覧があるとします。期限超過の請求書が主張の対象なら、一覧とそのステータスラベルが重要です。ナビゲーションは場所を示すために一時的に必要かもしれませんが、シーン全体を通して読める必要はありません。
次に、主張を誠実なものにするための証拠を特定します。期限超過の請求書を一枚だけ接写しても、複数をまとめて確認することは示せません。フィルターラベルを隠す切り取りでは、絞り込んだ一覧がアカウント全体に見えるかもしれません。これらの違いを保つだけの文脈が必要です。
この作業により、どの形式でも使える優先順位ができます。まず不可欠な証拠に空間を与えます。補助的な文脈には必要な分を与えます。残りを装飾が使います。この順序がなければ、展開作業は、動かしにくい要素同士の都合を調整するだけになりがちです。
自動リフレームが役立つ理由と、その限界
Adobeが説明するAuto Reframeのワークフローでは、新しいアスペクト比で複製シーケンスを作り、クリップにリフレームを適用します。異なる追跡の挙動を選べるほか、動きや複数の注目点で結果が難しくなる場合には、手作業で調整する余地を明示しています。最初の構図を自動化し、その後で結果の意味を確かめるという、生産的なモデルです。Adobe：シーケンスへのAuto Reframeエフェクトの追加
風景の中を歩く人なら、追跡対象として自然です。一方、ソフトウェアのデモには、カーソル、開いたメニュー、変化する数値、その数値を説明するラベルと、候補が同時に複数あるかもしれません。カーソルを完璧に追う切り取りでも、その操作を意味のあるものにする情報を置き去りにする可能性があります。
最初の構図作りには複製したシーケンスを使い、その後、選んだ操作部品、ラベル、結果の状態を中心に切り取りを調整します。
残したいアニメーションを保つ
Adobeのダイアログには、アスペクト比の下に、既存のクリップをネストするかという二つ目の判断があります。画像のシーケンスでは、対象はSquare 1:1、1920×1920ピクセルです。ネストの選択肢は、既存のモーション調整を置き換える方法と、それらを維持しつつトランジションを取り除く方法を明確に区別しています。
元の製品デモに意図したズームがある場合、この選択が重要です。そのズームを残すなら、まず、どのクリップが持っているかを特定します。元の動きを考慮せずに二つ目のリフレームを加えると、新しいキャンバスの中で製品が漂うかもしれません。元の動きが横長の構図を埋めるためだけなら、それを保つより、落ち着いた正方形の切り取りを作る方が役立つ場合があります。
動画全体を処理する前に、代表的な短い区間を複製します。クリック、メニューの展開、結果の状態、トランジションを含めます。その区間で、二つのネストの方法を比較します。対象が見え続けるか、メニューが切り取りの外へ出ないか、トランジションに必要な前後のフレームが残るかを確認します。
Adobeは、前後の余剰素材がない場合、ネストではソフトなトランジションを適切に維持できないと説明しています。追跡の結果とは別に、そのつなぎ目を確認します。試した区間で操作、結果、つなぎ目が機能したら、対応するシーンにも同じ方法を使います。すべての形式を書き出してから、元のカメラ移動と新しい移動の干渉に気付くことを避けられます。
新しいアスペクト比で何が失われるかを計算する
見た目の判断の背後には、有用な計算があります。1920×1080のフレームから、元の高さをすべて保って中央を9:16に切り取ると、残る元の幅は約608ピクセルです。横長の構図の3分の1未満です。左右の関係の大半は、そのままでは残りません。
逆に、ワイド画面全体を縦型フレームに収めると、すべての内容は残せますが、表示上の高さがずっと少なくなります。縦に残った空間は魅力的に使えても、製品UIは小さいままです。書き出し解像度を上げても、スマートフォン上のラベルが物理的に大きくなるわけではありません。
正方形への展開はそれほど極端ではありませんが、全体を収めずに切り取れば、横長のシーンの大きな部分が失われます。だから、縦型だけを試すと問題を見落とします。正方形の切り取りでは、見出しが残っても、ツールチップの最後の単語や、グラフの値の隣の単位が消えるかもしれません。
こうした計算を使い、構図の作り直しが必要なシーンを早く見つけます。マスターの左右の端に不可欠な情報があると気付くまでに、すべてのアニメーションを完成させる必要はありません。
切り取り、再配置、順次表示を使い分ける
切り取りは、重要な情報がすでに狭い領域にまとまっているときに機能します。一つのボタンが「Connect」から「Connected」へ変わる場面なら、切り取りを狭め、説明文の位置を調整するだけでうまく展開できるかもしれません。ボタンを特定できるだけの周囲のUIは残します。
再配置は、要素同士は独立していても、その優先順位を同時に見せたいときに機能します。製品の接写の上の見出しは、その隣の見出しと同じ関係を伝えられます。読む順序は保ってください。関連する操作の前に、何を見るべきか分かるようにします。
順次表示は、新しい形式で確保できる以上の空間を、関係の説明に必要とするときに機能します。ビフォー・アフターの比較なら、元の状態を見せ、安定したラベルをトランジション中も保ち、変更後の状態を出せます。間で多くの細部を記憶する必要があるなら、小さな参照用の小窓を残すか、比較を単純にします。
不都合な比較を隠すために、順次表示を使わないでください。月額と年間契約を並べていた料金シーンは、縦型でも両方の条件を保つ必要があります。横並びの代わりに縦に重ねられますが、視聴者が料金を評価する間は、両方を一緒に確認できるべきです。
実演する操作を中心に、製品の切り取りを作り直す
製品の接写は、三つの問いから始めます。操作はどこから始まるか。結果はどこに出るか。関係を説明する文脈は何か。シーン全体を通して、切り取りは三つすべてに対応する必要があります。ただし、同時に画面を占める必要はありません。
請求書フィルターが右上、変化する合計額が左下にあるとします。縦型の切り取りで斜めのカーソル移動を追うだけで、元の状態を覚えていてもらえるとは限りません。フィルターの選択でシーンを分け、その後、フィルターチップを残したまま結果へカットすることを検討します。
チップが橋渡しになります。新しい一覧が、直前に見た操作に属すると確認できます。「期限超過を確認」という見出しは補強になりますが、実際の選択状態の代わりにしてはいけません。
リフレーム後のカーソル移動は、無駄を減らします。デスクトップ大のUIを横切るカーソルは、マスターでは長い移動が必要かもしれません。展開後の構図では、同じ経路が大きすぎる横断となり、主題を圧倒する可能性があります。実際の対象と結果の挙動を保ちつつ、見せる移動を短くします。
新しいフレームに合わせて動きの経路を設計し直す
固定のピクセル数を移動する登場は、そのまま持ち運べるものではありません。狭いフレームでは、横への大きなスライドが構図全体を横断するかもしれません。縦に長い登場は、落ち着く位置へ着くまで時間がかかりすぎる場合があります。距離をすべて比例して拡縮することも、動きの勢いの印象を変えます。
構図の目的に対して経路を定義します。パネルは、最終位置に最も近い端から登場できます。比較の印は、実際につなぐ二つの状態の間を動かせます。装飾的な線は、製品の証拠を横切らないように短くできます。
トランジションも、静止したフレームと同じように確認が必要です。静的な確認を通ったデザインでも、移動中に価格、ロゴ、ステータスラベルが切れることがあります。登場、動きが最も大きい瞬間、落ち着いた状態、退場を確認します。トランジションの途中だけ読める文字は、特に見落とされやすくなります。
見切れは意図して使います。製品画面を右端や下端からはみ出させると、堂々とした印象や大きさを生めます。ただし、視聴者に確認させる値ではなく、重要でないUI部分で切るべきです。意図した部分表示には、部分である理由があります。
動画の周囲にあるプラットフォームの表示用の空間を確保する
エンコードされたフレームは、視聴体験の一部にすぎません。再生操作、字幕、アカウントのラベル、プラットフォームの操作が、一部を覆う場合があります。その位置は配信先や機器で変わります。一般的なセーフエリアの重ね表示は、出発点の仮定であり、受け入れ確認にはなりません。
可能なら、代表的な配信先のプレビューに完成した書き出しを入れます。操作部品が見える状態と隠れた状態で、重要なシーンを確認します。選んだ字幕の言語で行数が増えるかも確認します。プラットフォームの重ね表示が特に目立つことの多い、最初と最後のフレームも見ます。
対処として、重要な要素をすべて小さな中央の箱へ押し込んではいけません。仮想の最悪条件のために構図を犠牲にします。代わりに、実際の配信先が占める領域を特定し、そこから不可欠な情報を避け、残りの領域を意図して使います。
書き出しと一緒に、配信先の前提を記録します。目立つボタンのある広告枠向けと、埋め込みの製品チュートリアル向けがあるなら、「縦型ソーシャル版」では曖昧すぎます。形式名には、形だけでなく、届ける文脈も記すべきです。
すべての版で意味の基準を一つに保つ
レイアウトが違っても、承認された文言、製品の事実、素材の版は共有するべきです。そうしないと、小さな展開依頼が、三つの異なるメッセージになります。横長版だけ価格を更新し、縦型には古い価格が残るかもしれません。
主張、正確な表示文、必要な製品状態、配信先ごとの版を含むシーンの記録を保ちます。それらは配置の判断と分けます。機能名の訂正はすべての版へ反映するべきですが、縦型の改行の訂正で、横長のレイアウトまで変えるべきではありません。
AIを使う場合は、保つべき関係で展開を依頼します。「選択したフィルターと結果の合計額を読めるようにしてください。見出しを製品の上側に配置し、2列の比較を、ラベルを付けた二つの状態に変えてください。」これなら、システムに観測可能な保護対象を与えられます。
元の見た目に似ているかではなく、元の記録に照らして出力を確認します。視覚的な類似はブランドの連続性には役立ちますが、情報が同等かを確かめる基準としては弱いものです。似ていても、異なる製品の挙動を示唆する版はあり得ます。
すべての形式を一緒に見直す
三つの版を、想定する視聴サイズにおおむね合わせて並べます。同じ大きさのキャンバスとして比較してはいけません。縦型はスマートフォン、横長版はデスクトップの記事内で再生されるかもしれません。数値としてのフォントサイズを合わせるより、見かけの文字の大きさが重要です。
各版で同じシーンを見ます。同じ操作を特定できますか。同じ条件を読めますか。結果には十分な文脈がありますか。証拠の場所を探すために停止が必要な版では、切り取りや順序を再考します。
次に、各版をそれぞれ独立して、最初から最後まで再生します。シーンごとの比較では、繰り返す縦方向のパンや、増えたトランジションの場面による、ペースの問題を見落とすことがあります。納品条件で禁じられていなければ、展開版ごとに総時間が違ってもかまいません。時間を合わせる必要があるなら、すべてのシーンを詰め込まず、重要度の低い内容を取り除きます。
書き出しには、比率、言語、目的、改訂版を明確に付けます。美しい縦型の動画でも、誤って正方形の枠へアップロードすれば、納品の失敗です。三つのエディター画面のスクリーンショットより、まさに最終ファイルを表示するプレビューページの方が有用です。
役立つ例外：横長のまま保つ
横長のままにすべき素材もあります。空間的な比較では、大きな二つの対象を同時に見る必要があるかもしれません。操作説明の録画では、操作部品の場所を説明するために、作業領域全体が必要かもしれません。無理に縦型に切り取ると、余白付きで提示するより役立たなくなることがあります。
その場合は、上下に残る縦方向の空間を編集上の面として扱います。上に簡潔な見出し、下にタスクのラベルを加え、横長の画像を確認できるだけ大きく保ちます。それでも小さすぎるなら、完全な実演へ誘導する別の縦型紹介を作ります。配信先があるからといって、すべての元シーンをそのまま載せるべきとは限りません。誰も読めない名目上の完全版より、短い版で何を教えるかに明確な境界がある方がよいのです。
展開に成功した版が保つもの
目標は、三つの版をフレームごとに交換できるものにすることではありません。どれも、メッセージに対して同じ責任を果たすことです。主張は真実のまま、裏付ける製品の証拠は見えたままです。何が起きたかを理解するために、マスターの欠けた端を必要としません。
デザインの余地は十分に残ります。縦型は一つの操作に絞るため、より直接的に感じられるかもしれません。正方形はコンパクトな比較を使えます。横長は、より豊かな環境を残せます。実際に動画を見る方法に応えるなら、その違いは強みになります。
承認前に、ほかの版を見ずに、それぞれを説明します。一つが「期限超過の請求書をすべて確認できる」と伝え、別の一つは「財務ダッシュボードがある」としか伝えないなら、展開の途中で要点を失っています。小さな位置調整や書き出し設定を議論する前に、その違いを直します。ピクセルと同じくらい説得力を持って、話が新しいフレームに収まったとき、サイズ変更は完了します。