発表の日には形があります。何かがスケジュールに入り、チャンネルは数時間静かになり、その後新しいマークを収めた動画が届きます。その動画が、1つの音楽編集に合わせてカットされた4つのショットであれば、うまくいきます。誰かが午後の空き時間に手元の映像を寄せ集めて作ったモンタージュだと、どれだけロゴが優れていても手作り感が残ります。
違いは予算ではありません。しっかりしたロゴローンチ動画は短く、静かで、意図を持ってカットされています。そしてほとんどの決定は、1枚のキーフレームが打たれる前に済んでいます。以下に、そこへたどり着くための制作順、マークがぼやけないようにする書き出し設定、そして確実に発表を台無しにする4つのミスを挙げます。これまで一度もマークを動かしたことがないなら、まずロゴを動かす基本を読んでから戻ってきてください。
ロゴローンチ動画とは実際に何か
ロゴローンチ動画とは、新しい、あるいは再設計されたマークを紹介し、観客にその見た目と動き方を覚えさせることだけを目的とする短い告知作品です。この定義ですぐに2つが除外されます。ブランドフィルムではありません。インタビューの映像も、机をゆっくり横切るパンも、戦略を説明するナレーションもありません。またティーザーでもありません。ティーザーは観客が見に来たものをあえて見せないからです。
構造的に言えば、それは「見せる」ためのものです。マークが現れ、着地し、居心地が悪いほど少し長く1拍止まり、そして止まります。その瞬間までのすべてはそれを指し示すためであり、その後のすべてはそれを観客の記憶に留めるためです。作品全体としての普通の尺は2〜6秒で、有名な告知動画の多くは3秒に近いです。
このフォーマットがこれほど硬直しているには理由があります。ローンチの仕事はただ1つで、配信先のバリエーションは非常に広いからです。同じファイルが、フィードではスマホで、ラップトップではミュートで、オフィスの画面で見られます。1つの明確な到達を中心に作られたロゴ動画は3つすべてに耐えます。音の盛り上がりや字幕で意味が成り立つ作品は、1つしか耐えません。
つまり制約とは創造の自由のことではありません。悪い条件での可読性、すなわち音なし、小さな画面、2秒の注意だけ、というものです。その制約こそが、4ショット構成に従う価値を生むものです。
4つのショット
4つのショットを順番に。それぞれに与えられた仕事は1つだけです。1つのショットに2つの仕事を一度に持たせないようにすれば、制作は楽になります。
ショット1・部屋
場面を設定するフレーム、つまり環境、背景、あるいは表面や質感。マークが着地する前に、それがどこに着地するかを与えるものなら何でも構いません。雰囲気は後ではなくここで前もって込めます。ロゴが画面に出ると目はそれから離れないからです。ショット1は、タダでムードを設定できる唯一の場所です。
タイトに保ちます。24fpsでは18〜24フレームもあれば十分です。告知動画での長い場面設定ショットは無駄な時間であり、冒頭の無駄な時間こそが、多くの視聴者が離脱する場所です。
ショット2・到達
マークが入ってきます。これは人が覚えるショットであり、時間をかける価値のあるショットです。入場は速く、果断であるべきです。1秒以内です。なぜなら遅い入場は観客にロゴを待たせることになり、誰も待ちたくないからです。速いイーズアウトが最終位置へ減速しながら入るものは自信に満ちて見え、リニアなスライドは仮の置き場に見えます。
到達が決まるかどうかは2つの値で決まります。入場に何フレームかかるか、そして停止の前後2フレームで何が起きるかです。本物の動きには落ち着きがあります。マークが動いてからぴたりと止まると、目はそれを動きではなくジンプカットとして認識します。
到達こそがイージングの選択が効く場所であり、カーブを感覚で選ぶのではなく、イージングが実際に何かを正確に理解する価値があります。イージング関数は、アニメーションがその長さの間にどう加速しどう減速するかを記述するもので、それこそが自信ある入場と機械的な入場を分ける変数です。<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function">developer.mozilla.org — イージング関数</a>。速いイーズアウトは到達時に減速するので果断に見え、リニアなスライドは一定速度を保ってから止まるので仮の置き場に見えます。
ショット3・静止
ロゴは、ループで見ている間は長すぎると感じるほど、拍に乗ってじっとしています。これは誰も計画しないショットであり、作品を完成した感じにするショットです。3秒の告知の最後に1〜2秒の静止を入れるのは詰め物ではありません。それは観客がマークを読むか、ただちらっと見るかの違いです。
静止はまた、ワードマークの可読性が稼がれる場所でもあります。マークがシンボルと名前の組み合わせなら、名前はフィードのサイズで読めるだけの静止フレームが必要です。それは、ロゴイントロアニメーションで最初のフレームが単独で成立するように設計するのと同じ理屈です。ただ最後のフレームに当てはめるだけです。
ショット4・退出
画面へのクリーンカットか、冒頭フレームへの短いループのどちらかです。どちらかを選んで決めます。ゆっくりフェードアウトして残るローンチ動画は不安定に見え、フェードはループも殺します。それは聞こえている以上に重要です。ローンチ動画はほぼすべてのプラットフォームでループするアセットとして再投稿されるからです。
ループが重要なのは、ファイルが実際にどう消費されるかによるものです。フィードでは、最初のフレームに戻る自動再生動画は1つの連続した物体として読まれます。黒にフェードするものは終わったクリップとして読まれ、視聴者はスクロールで通り過ぎます。同じ映像、違うファイルの結末、測定可能なくらい異なる視聴時間です。
音楽編集は1つ、4つではなく
絵を音楽に合わせてカットし、その逆ではありません。まず曲を選び、ビートを見つけ、4つのショットをマーカーに合わせて配置します。これは制作全体で最も効く決定です。ビートの整合こそが、名前を言えなくても目が制作の価値として読み取るものだからです。
実践的な版本はこうです。明確なダウンビートがあり、およそ90〜120 BPMの曲を選びます。活気を感じるほど速く、1拍の中にショットが収まらなくて済むほど遅いものです。何かを配置する前に、エディターでビートに目印を付けます。そしてショット2をちょうどマーカーに着地させ、ショット3の静止を次の2拍に取らせます。マーカーから3フレームずれたカットは、それ以外はきれいな告知が素人っぽく感じる最も一般的な理由です。
1つの編集とは、最初から最後まで1つの曲という意味です。各ショットに何か必要な気がしたからといって、異なる位置にwhooshやsub-drop、riserを重ねないでください。音響デザインの積み重ねこそが、2秒のロゴ作品をずっと長い何かの予告編のように聞かせ、即座に時代遅れにします。
曲にライセンスが必要な場合は、制作後にではなく前に条件を確認してください。Google の音声ライブラリのドキュメントは、どのクリエイティブ・コモンズ・ライセンスが帰属表示を必要とし、曲をどうクレジットするかを説明しており、繰り返し使う音楽を決める前に一度読む価値があります。support.google.com/youtube/answer/3376882。
マークをくっきり保つ書き出し設定
ロゴは高コントラストな幾何学であり、それこそが動画コーデックが最も苦手とするコンテンツです。細い線や細い文字こそが、圧縮のノイズが最初に現れる場所で、縁のリング状のにじみや、平坦な部分のブロック状のムラとなります。書き出しダイアログの2つの設定が、ほとんどの劣化を防ぎます。
1つ目はビットレートです。プラットフォームが一般映像に推奨するより高いデータレートを使ってください。平坦な背景にある彩度の高いマークには余裕が必要で、ファイルは数秒しかないのでサイズのペナルティは問題になりません。2つ目はプロファイルです。H.264をHighプロファイルで、キーフレーム間隔を約2秒にして書き出せば、ループ点も予備フレームもきれいに収まります。
原因を直せば直るので、コーデックが実際に縁に対して何をしているかを理解する価値もあります。MDNの画像と動画のフォーマットに関するガイドは、非可逆圧縮が似たピクセルをブロックにまとめる様子を記録しており、それこそが高コントラストな幾何学が苦しむ理由です。developer.mozilla.org — 画像と動画のフォーマット。その文献が説明するように、非可逆フォーマットは目が気づきにくいデータを捨て、硬い縁のロゴこそが目がすべてに気づく場所です。
色については、Rec. 709で書き出し、創造的にならないでください。コンテナが誤った色空間を持っていたためにブランドの赤がオレンジにずれるロゴは、どんな圧縮ノイズより悪く、その問題はファイルが他人のスマホで再生されるまで気づきません。
スタイルを選ぶ前にフレームを選ぶ
4つのショットのどれよりも先に決まることが1つあります。アスペクト比です。それはローンチがどこで流れるかから決まります。1つのマスターファイルをすべての配置に押し込むと、それはあちこちに押し込まれた1つのマスターファイルに見えます。
実践的な分割はこうです。Reels、Shorts、TikTok向けには縦9:16、激しくトリミングされるフィード配置向けには正方形1:1、ウェブサイトのヒーローやYouTube、物理的な部屋の画面向けには横16:9です。ローンチがソーシャル優先なら縦のマスターを先に作ります。縦は最も厳しいトリミングだからです。ワードマークの横の余地が少ないので、適応される前に構図をそこに合わせて解決しなければなりません。あらかじめ用意された配置から始めたいなら、<a href="/logo-animation-templates/logo-animation-template">ロゴアニメーションテンプレート</a>がフレームを処理し、タイミングの決定をあなたに任せます。
フレームではなくフォーマットを決めるもう1つの検討事項があります。作品が静止画を保持しなければならないかどうかです。縦の告知はしばしば2回書き出され、1回は動画として、もう1回は動画を受け付けない投稿向けのアニメーション画像としてです。GIFの仕様は、その2つ目のファイルに何ができて何ができないかを知る上で役立つ参照です。フレームごとに256色のパレットしかなく、アルファチャンネルの合成もないため、柔らかい縁のロゴはGIFではぎざぎざに、動画ではくっきりに見えます。w3.org — GIF89a仕様。
またフレームレートも一度に決めます。24fpsは映画的に見え、静止と落ち着きのある作品に優しい数値です。30fpsは、積極的に再エンコードするプラットフォーム向けのより安全なデフォルトです。1つのローンチ内でレートを混ぜること、つまり24pのマスターと30pのカットダウン、は、正しい時には気づかれず、間違っている時には必ず気づかれるような細部です。
音なし優先の音響デザイン
ローンチは少なくとも半分の時間は音を消して見られると仮定してください。ほとんどのフィードの自動再生はミュートで始まり、ミュートを解除する視聴者の多くは1〜2秒後です。それはすでに到達ショットを過ぎています。ですから作品は、沈黙の中でその一撃を決め、その後に音でより良くなる必要があり、音に依存してはいけません。
テストは簡単です。タイムラインをミュートして4つのショットを見てください。ローンチがまだ拍に乗った到達を伝えるなら、音響デザインはおまけです。ミュートにすると到達がいい加減に感じるなら、問題はカット点にあり、音声ではありません。
ローンチを手作り感たっぷりに見せる4つのミス
この4つが、午後の空き時間に作られたように見える告知動画の大半を占めており、それぞれに具体的な直し方があります。
1秒より長く続く入場。直し方：マークが24フレーム以内に到達するまで入場時間を切り詰め、時間を足す代わりに2フレームの落ち着きを足します。
マークの細い線と小さな活字。直し方：まず小さな配置向けに単純化し、単純化したバージョンを動かします。アバターサイズで読めるロゴは、どのサイズでも読めるからです。
静止がない。直し方：最終フレームを延ばして、マークが拍に乗って1〜2秒じっとしているようにし、それからハードカットかループのどちらかに決めます。
互いにけんかする3つの異なる効果音。直し方：1つの曲、1つの編集、絵を配置する前にビートに目印を付けます。
よくある質問
ロゴローンチ動画の長さはどれくらいにすべきですか？
告知カットは2〜6秒で、実用的な最適点は3秒です。4ショットの構成、つまり部屋、到達、静止、退出は、24fpsなら3秒の中に楽に収まります。より長い版本はブランドフィルムのものです。それは仕事の異なる別のフォーマットです。
After Effects なしでロゴローンチ動画を作れますか？
はい。ブラウザのエディターで、ローンチが実際に必要とするケースはカバーできます。透明なSVGやPNGをアップロードし、背景フレームと曲を選び、結果を9:16、1:1、16:9で書き出します。After Effects はシーン制作やキャラクターのリグには適したツールですが、今日出荷する必要がある3秒のマーク披露には向きません。
ローンチ動画はループさせるべきか、それとも黒にフェードさせるべきですか？
ループさせます。最初のフレームに戻る自動再生動画はフィードで1つの連続した物体として読まれ、黒へのフェードは終わったクリップとして読まれてスクロールで通り過ぎられます。ウェブサイトのヒーロー向けに黒で終わる必要があるなら、ソーシャル向けのカットを妥協するのではなく、別の書き出しとして作ります。
最初にどのアスペクト比で作るべきですか？
ローンチがソーシャル優先なら、まず縦9:16で作ります。縦は最も厳しいトリミングで、構図を楽になる前に解決することを強いるからです。そして同じソースから外側へ1:1と16:9に適応させ、すべての配置でタイミングとイージングを同一に保ちます。
プラットフォームごとに別のファイルが必要ですか？
異なるアスペクト比は、はい。異なるタイミングは、いいえ。1つのソースファイルから各比率を書き出せば、入場時間、ビートの整合、静止の長さがどこでも同じになります。変わるのはマークの周りのフレームだけです。それこそが、ブランドが4つのチャンネルで4つの別の会社のように見えるのを防ぐものです。
まとめ
まずショット3を作ります。静止は誰もが飛ばすショットであり、観客が実際に残す唯一のショットです。拍に乗って2秒じっとしているマークこそが、ロゴローンチ動画を意図的なものに感じさせます。そして他の3つのショットは、それを届けるためにあります。入場時間を半分に切り、節約したフレームを静止に入れれば、他が何も変わらなくても作品は良くなります。今のマークで10分以内に試したいなら、ロゴモーションエディターはブラウザで動きます。