Premiere でロゴのタイミングがずれる理由
Premiere はアニメーションではなくカットのために作られていて、それはロゴアニメーションの最初の試みで表面化します。キーフレームはあるので動き自体は可能です。しかしビート検出はないので、タイミングは別のどこかから持ってこなければなりません。そして既定の答え——先にアニメーションを作って後から音楽を足す——は、Premiere のロゴ作業でいちばん多い不満を生みます。ロゴがビートの少し後に着地してしまい、ビートの瞬間に着地しないのです。
数フレームは、24fps なら約100ミリ秒です。アニメーションを雑に見せるには十分な長さです。視聴者はその差を測りません。「ロゴの登場が遅れた」と感じるだけです。解決策はキーフレームの精度を上げることではありません。間違った対象に精度をかけても、やはり間違いだからです。解決策は、アニメーションを作る前に着地位置を決めることです。
タイミングがずれる理由はもう1つあり、こちらは技術的なものではなく構造的なものです。編集者は先に映像をカットし、後から音を仕上げます。映画としては正しい順序ですが、2秒のブランドロゴとしては間違った順序です。ロゴのオープニングは最初のフレームから音楽が主導するものなので、カットを確定した後ではなく、アニメーションを組む前に楽曲を置いてマーカーを打つ必要があります。
マーカー方式 —— アニメーションの前にビートを合わせる
シーケンスマーカーは、Premiere が最初から備えているタイミングの目盛りです。音楽の上にマーカーを置き、それに合わせてアニメーションを組む。普段の順序を逆にするだけで、勘に頼る部分のほとんどが消えます。Adobe の マーカーのドキュメント は、配置や色、Premiere と After Effects の間でのマーカーの共有を扱っています。ここで役立つのは、マーカーを個々のクリップではなくシーケンス自体に置けるという点です。それによってマーカーは、1つのメディアに付いたメモではなく、共有のタイミングの目盛りになります。
まず楽曲にマーカーを打ちます
楽曲をタイムラインに置き、M キーに手を添えて一度再生しながら、最初の8秒の強いビートすべてにマーカーを打ちます。ロゴのオープニングに曲全体のマッピングは要りません。6〜10個で十分で、最初の3個がいちばん重要です。登場も着地もそこにあるからです。名前を付ける必要はありません。目盛りを一目で読みたいなら、ダウンビートと裏拍の色を変えてください。
着地は勘ではなくマーカーにスナップさせます
キーフレームに触る前に、着地をどのマーカーに置くか決めて、その位置で着地のフレームをぴたりと止めます。スナップを有効にしておけば、Premiere がキーフレームをマーカーに吸着させてくれるので、タイムライン全体で蓄積するサブフレーム単位のずれが消えます。着地には裏拍ではなくダウンビートを選んでください。ロゴが止まるべきは、たまたま音量が大きいところではなく、トラックがいちばん強く着地するところです。
登場はマーカー1つ分の長さにします
登場の長さは、秒数で固定するのではなく2つのマーカーの間隔で決めます。こうしておけば、楽曲が変わったりテンポが動いたりしても、登場は目盛りに合わせて伸縮し、おかしな位置で終わることがありません。結果はだいたい0.5秒になります。ソーシャル用のオープニングとしてはちょうどいい長さです。意図的だと伝わるには十分で、待たされるほど長くはありません。
マーカーの上にアニメーションを組む
キーフレームは2組でたいてい足ります
Premiere でのロゴアニメーションはスケールと不透明度でできていて、動きは登場と着地の2つです。位置のキーフレームは任意です。登場の間におよそ85%から100%へスケールを上げ、不透明度はその最初の3分の1で0から100へ、残りは両方とも動かさずに保持します。これがアニメーションのすべてで、たいていのテンプレートはエフェクトや効果音の下でこれと同じことをしています。
着地に必要なのはイージングではなく停止です
Premiere でありがちな失敗は、着地にイージングをかけることです。いつまでも到達しないイーズアウトは「流れている」ように見え、その流れが、タイミングが合っていてもアニメーションを未完成に感じさせます。着地は外向きのイージングを付けずにハードなキーフレームで置き、マーカーの位置で動きを完全に止めます。急に見えるなら、止め方を柔らかくするのではなく登場を短くしてください。
Premiere にできないこと
Premiere にはシェイプレイヤーも真の3D空間もエクスプレッションもありません。したがって、生成したジオメトリから作るものや、コードで駆動するものは手が届きません。これは欠陥というより制約で、都合のいい副作用もあります。Premiere で作るロゴアニメーションはシンプルに収まり、2秒のオープニングにはたいていそれが正解です。ロゴをパーツから組み立てる表現や、空間をカメラが移動する表現が必要なら、モーションデザイン用のアプリケーションにいる方がいいでしょう。
自分で組まないなら .mogrt という選択肢
アニメーションを組むこと自体が目的でないなら、Motion Graphics テンプレートを使えばキーフレームなしでたどり着けます。Adobe の Motion Graphics テンプレートのドキュメント は、その引き継ぎを説明しています。デザイナーが After Effects でアニメーションをパッケージし、編集者が Premiere にインストールして直接カスタマイズする、という流れです。編集できるのはデザイナーが公開した操作だけなので、他人の手でレイアウトが壊れるのを防げます。
.mogrt のインストールと差し替え
エッセンシャルグラフィックスパネルからファイルを読み込み、シーケンスにドラッグすると、公開されている操作が右のパネルに並びます。ロゴの差し替えは通常1つの操作——ソース画像かテキストフィールド——で済みます。この形式が存在する理由はそれだけです。ただしタイミングは固定でやってきます。.mogrt には独自のリズムが焼き付いているので、マーカーを合わせるのは自分の側です。
.mogrt が壊れる場所
不満のほとんどは2つの原因に集約されます。同梱されていないフォントが代替フォントに流し直され、コンポジション内のテキストレイヤーがすべてずれます。そして、After Effects が入っていないと Premiere が描画できない機能に頼ったテンプレートは、開く人によって挙動が変わります。ファイルを採用する前に要件を確認し、ダウンロードの隣に、コンポジション、差し替えレイヤー、フォント、依存プラグインを記録した短いメモを残してください。
どのビートがどの動きを担うか
マーカーが用意できれば、アニメーションは白紙の創造作業ではなく、短い割り当てのリストになります。トラックの冒頭のダウンビートが登場を担います。次の強いビートが着地を担います。残りのマーカーは何も担いません。そしてここが多くの人が間違えるところです。すべてのビートで動くオープニングは慌ただしく見え、慌ただしさはブランドロゴが与えるべき印象の正反対です。
3秒のオープニングの現実的な割り当てはこうです。登場が最初の2つのマーカーの間を占め、着地が3つ目に置かれ、静止が4つ目と5つ目まで続き、そこでクリップが切れます。打った6〜10個のマーカーのうち5個を使う計算で、この引き算があるからこそ着地は「そうなるしかなかった」ではなく「意図的だ」と伝わります。すべてのビートに合わせて動かすのはミュージックビデオの感覚です。ロゴはミュージックビデオではありません。
スケールは90%が目安です
登場を最終サイズの85〜90%から始めるのが機能する範囲です。動いている間じゅうロゴが読み取れる状態を保てるからです。40%から始めると、登場の前半は誰にも判別できない形のまますぎ、視聴者がブランドと出会うのは最後の4フレームだけになります。動きを大きく見せたいなら、開始スケールを小さくするのではなく登場を長くしてください。
静止が効いてくる場面
静止はロゴアニメーションの中でいちばん地味な部分であり、ブランドを運んでいる部分です。腕を伸ばした距離のスマホで社名が認識されるには、最小で0.5秒が必要です。これより短いと、視聴者がワードマークを読み終わらないうちに、もうそれはフレームから消えています。縦型のオープニングなら、30fps で0.5秒は15フレームの静止です。作った本人には長く感じますが、見ている人にはほとんど何も感じさせません。
ロゴを綺麗に保つ書き出し設定
シーケンスを配信先に合わせます
書き出し時に拡大縮小するのではなく、配信するアスペクト比でシーケンスを組みます。1080×1920 のシーケンスを 9:16 で書き出せば、ロゴの比率も鮮明さも保たれます。16:9 のシーケンスを後からトリミングしても同じ結果にはなりません。Adobe の 書き出し設定のリファレンス が述べるとおり、選ぶ形式によって使える映像設定は変わるので、ビットレートを詰める前に形式を確定させてください。
アルファチャンネルをどうするか
オープニングを既存の映像の上に重ねるなら、背景が透明なままになるようアルファチャンネル付きで書き出します。単体で再生する場合——Reels、Shorts、TikTok のほとんどがこれに当たります——は、背景を焼き込んだフラットなファイルを書き出してください。透明な動画はプラットフォームによって再生が安定せず、そもそもソーシャルフィード側でチャンネルが捨てられるからです。ロゴのオープニングはたいてい単体再生なので、既定でオーバーレイ扱いにする習慣は捨てた方がいいでしょう。
確認するのは中盤ではなく最初のフレームです
本番の書き出しを実行する前に、1フレーム目に移動して1枚だけ静止画を書き出してください。最初のフレームには、実際に問題になることが全部現れます。アルファの縁が綺麗でない、ロゴがスケールの途中から始まっている、プラットフォームの UI に対して背景が微妙な黒に見える、といったことです。静止画1枚は数秒で作れて、フルレンダリングが静かに隠してしまう問題を捕まえてくれます。
よくある質問
Premiere Pro でロゴをアニメーションできますか？
ほとんどのブランドが必要とする種類のアニメーションなら可能です。スケールと不透明度のキーフレームで作る、登場・着地・静止の3つです。Premiere にはシェイプレイヤー、エクスプレッション、真の3Dがないので、生成したジオメトリから組み立てるロゴはモーションデザイン用アプリケーションの仕事です。2〜4秒のオープニングなら、キーフレームとマーカーで十分です。
Premiere Pro でロゴアニメーションを音楽に同期させるには？
何もアニメーションさせる前に、強いビートにシーケンスマーカーを置きます。そして着地はストップウォッチではなくマーカーに合わせて組みます。キーフレームはマーカーにスナップさせ、登場はマーカー1つ分の長さに保ち、着地はダウンビートに置きます。先にタイミングを決めることが、着地遅れの問題を防ぎます。
.mogrt とプロジェクトファイルの違いは何ですか？
プロジェクトファイルは編集可能なソースです。.mogrt は引き継ぎ用にパッケージされたテンプレートで、デザイナーが選んだ操作だけを公開します。そのため編集者はレイアウトを壊さずにロゴを差し替えたりテキストを変更したりでき、開くのに After Effects も要りません。その代わりに柔軟性を手放します。タイミングと構造は固定されたままです。
ロゴアニメーションの解像度はいくつが適切ですか？
Reels、Shorts、TikTok には 1080×1920 を書き出します。これらのプラットフォームがトリミングなしで再生する縦型フォーマットです。ウェブサイト、チャンネルのオープニング、イベント用の画面には、最大 4K の 1920×1080 を使います。ロゴの比率を保つために、書き出し時に別の比率を拡大縮小するのではなく、配信する比率でシーケンスを組んでください。
Premiere Pro でロゴアニメーションを作るのにどのくらいかかりますか？
アニメーション自体は速いです。キーフレーム2組、タイミングが決まっていれば15分ほどです。実際に時間がかかるのはタイミングの方で、楽曲にマーカーを打ち、着地をどのビートに置くか選ぶ作業です。.mogrt はこの両方を飛ばせますが、リズムのコントロールも手放すことになります。
まとめ
マーカー方式は、小技というより順序の問題です。アニメーションを始める前にロゴの着地位置を決めれば、アニメーションは勘ではなく算数になります。シーケンスマーカーは目盛りを無料でくれて、キーフレームが動きをくれて、パッケージされた Motion Graphics テンプレート はタイムラインを開かずにその両方をくれます。どれも与えてくれないのは、ほとんどのブランドが実際に投稿する素材——単体のオープニング——です。だからこそ ビートに同期したロゴイントロ動画 を ブラウザエディタ で作るやり方が、同じワークフローに収まります。フル装備の編集スイートには過剰な2秒の仕事をこなすために。