logoto.video logologoto.video
ホーム
TutorialSep 8, 202611 min

Premiere Pro のロゴアニメーション:6ステップで作る

Premiere Pro で編集している、After Effects は持っていない、でもロゴを動かしたい。多くのブランドが実際に投稿するリビールなら Premiere で十分です。透明な PNG からビート同期オープナーまでの6ステップと、その境目。

Premiere Pro のロゴアニメーションは、動画編集のサブスクリプションを持っている人がいつか必ずぶつかる問いです。Premiere で編集していて、おそらく After Effects は持っていない、でも何かしらのブランド素材を動かしたい。チャンネルのイントロ、クライアントのオープナー、エンドカード。朗報は、ほとんどの人が必要とするロゴアニメーションについては、Premiere Pro で足りるということです。キーフレーム、イージング、サウンドトラック、そして再利用できるテンプレートファイルが1つあれば、SNS動画を支配している入場・着地・ホールドのリビールは作れます。率直な但し書きは、Premiere はモーションデザインアプリケーションではなく編集ソフトだということ。そしてその線がどこにあるかを正確に知っていることが、この仕事をうまくやる半分です。

この記事の内容はすべて Premiere Pro の標準機能で、サードパーティ製プラグインは要りません。モーションのプロパティはエフェクトコントロールパネルにあり、Adobe の Premiere Pro ユーザーガイド がそのすべてを文書化しています。Adobe のドキュメントが述べるとおり、キーフレームとはプロパティを時間経過でアニメーションさせる仕組みです。値を1つ設定し、再生ヘッドを動かし、別の値を設定すれば、そのあいだをソフトが補間します。この一文が、以下のワークフローのエンジン全体です。残りはすべて配置、タイミング、そしてセンスです。

Premiere Pro でロゴにできること、できないこと

Premiere Pro は、スケール、位置、不透明度、回転をキーフレームで動かせます。それらのキーフレームにイージングをかけて自然に減速させることも、ロゴを映像やべた塗りの背景の上に重ねることも、完成したリビールをモーショングラフィックステンプレート(.mogrt)として保存して今後のプロジェクトで再利用することも、あらゆるSNSプラットフォーム向けに書き出すこともできます。逆に快適にできないのは、After Effects の階層のモーションです。エクスプレッション駆動の弾力、文字ごとのテキストアニメーション、シェイプレイヤーのバースト、パーティクル、シミュレートされた3Dカメラ。2〜4秒のリビール —— ロゴアニメーションの依頼の大半が実際にはこれですが —— には Premiere の道具で足ります。そのために After Effects に手を伸ばすのは、写真を切り抜くために本格的な合成スイートを開くようなものです。

意味のある比較は、ソフトの名前ではなくルートの比較です。After Effects のリビールはエクスプレッションと副次的な動きでロゴをしならせられるので、放送パッケージがそれを使うわけです。Premiere Pro のロゴアニメーションは、動画編集者が日々使っているのと同じプロパティから組み立てられるので、そもそも Premiere で編集している人のワークフローに合います。そして3つ目のルート、ブラウザベースのロゴアニメーションツールはタイムラインそのものを取り除きます。それがこの記事の最後に登場するのは、ときには NLE をまったく開かないのが正解だからです。

始める前の「ファイル1枚」のルール

Premiere に触れる前に、ロゴを透明な PNG で書き出してください。Premiere はファイルがアルファチャンネルを持っていればそれを尊重します。そして日常的な形式でそれを持っているのは、透明な PNG だけです。JPEG には仕様上アルファがなく、画面上では四角形として置かれます。白背景で書き出した PNG も、プレビューでどう見えようと四角形です。ロゴが色付きの背景にしか存在しないなら、先に背景を削除してから書き出します。このファイル1枚の判断が、リビールをブランドの瞬間に見せるか、動画に貼り付けたシールに見せるかを決めます。

Premiere Pro でロゴアニメーションを作る:6ステップ

以下のステップは、クリーンなタイムラインを前提にしています。1番目のビデオトラックに背景クリップか単色があり、その上にはまだ何もない状態です。順番どおりに進めてください。各ステップが前のステップの上に築かれるからです。

ステップ1 —— ロゴを読み込んで重ねる

透明な PNG を読み込み(File > Import、またはプロジェクトパネルにドラッグ)、背景より上の新しいビデオトラック(V2 以上)に置きます。タイムラインでロゴクリップを選択し、エフェクトコントロールパネルを開きます(Shift+5)。モーションのセクションに Position、Scale、Opacity が並び、それぞれの横に小さなストップウォッチのアイコンがあります。キーフレームを1つ打つ前に、入場を何にするか決めます。ズームインなら Scale を100より上から始める、フェードなら Opacity をゼロから始める、スライドなら Position を画面外から始める。先に動きを選ぶのです。キーフレームはそれを記録するだけです。

ステップ2 —— 入場をキーフレームで打つ

プロパティは、最低2つのキーフレームを持った時点でアニメーションします。再生ヘッドをロゴクリップの先頭に置き、Scale の横のストップウォッチをクリックします。これで1つ目のキーフレームが打たれ、プロパティがアニメーションモードになります。再生ヘッドを10〜15フレーム進め、Scale の値を変更します(ズームインなら、おおよそ130%から100%へ)。Premiere が2つ目のキーフレームを自動で書き込みます。これでロゴは2つの値のあいだを動きます。定番のリビールは3つのプロパティを重ねます。着地のための Scale 130→100、クリップの前半でフェードインさせる Opacity 0→100、そしてマークが定位置に着くよう固定した Position です。キーフレームは近くにまとめてください。1秒以上かかるリビールは、読み込み中のアニメーションに感じられはじめます。

ステップ3 —— イージングで動きを整形する

既定のキーフレームはリニアです。つまりロゴは等速で動き、突然止まります。これは機械的に読め、Premiere Pro のロゴアニメーションを素人っぽく見せる最短の方法です。エフェクトコントロールパネルで直します。キーフレームを選択して右クリックし、時間補間から、開きのキーフレームには Ease Out、閉じのキーフレームには Ease In を選びます。もっと細かく制御したければ、キーフレームに現れるハンドルをドラッグしてカーブを整形します。動きの終わりをなだらかにすれば、ロゴは止まるのではなく滑るように着地します。減速しながら収まるマークは、重みと意図を感じさせます。それが、キーフレームを打ったように見える動きと、設計されたように見える動きを分ける違いのすべてです。

ステップ4 —— リビールを音楽に同期させる

Premiere はビートを自動検出してくれません。だから編集者が昔からやってきた方法で探します。トラックをオーディオタイムラインに置き、波形が高くなるようトラックを広げ、最初の強いダウンビートを探します。たいていは楽曲の冒頭近くにある、最初の高い山です。そこに再生ヘッドを置き、M を押してマーカーを打ちます。そしてロゴのキーフレームを動かし、着地がそのマーカーに正確に乗るようにします。入場はダウンビートの約0.5秒前に始まり、マークはそこに到着し終え、その後最低0.5秒ホールドします。楽曲の最初の強いビートが、キレのいいイントロには遅すぎるなら、アニメーションを引き延ばして合わせるのではなく、クリップの開始位置をそれに近づけてトリムしてください。

ステップ5 —— モーショングラフィックステンプレートとして保存する

リビールがしっくりきたら、二度と作り直さなくていいよう再利用可能にします。ロゴクリップ(見た目の一部なら背景も)を選択して右クリックし、Export as Motion Graphics Template を選びます。brand-reveal のような名前で .mogrt ファイルを保存すれば、以降はどのプロジェクトでも数秒で同じロゴアニメーションが手に入ります。エッセンシャルグラフィックスパネルを開き、テンプレートを探してタイムラインにドラッグし、中のロゴソースを差し替えるだけです。このステップが、1回きりの Premiere Pro ロゴアニメーションをブランド資産に変えます。そして、最初のキーフレーム作業を一度ていねいにやる価値がある理由がここにあります。

ステップ6 —— プラットフォーム向けに書き出す

File > Export > Media です。Reels、Shorts、TikTok なら 1080×1920・30fps、コーデックは H.264。YouTube やウェブサイトなら 1920×1080、コーデックは同じです。アニメーションを変化する背景(明部と暗部のあるサイト、シーンが切り替わる動画)の上に置くなら、QuickTime の ProRes 4444 コーデックでアルファを有効にし、透明つきのバージョンを書き出します。本番の前に短いテストクリップをレンダリングして一度見てください。プレビューモニターとエンコーダーは、アルファとイージングについて食い違うことがあります。10秒のテストはただ同然で、2分のレンダリングが締め切りまで隠してしまう失敗を捕まえられます。

Premiere Pro が適役でないとき

3つの状況が、Premiere Pro のロゴアニメーションを天井に突き当てます。1つ目は、エクスプレッション駆動の動きや文字ごとのテキストアニメーションが必要なとき。マークを単に動かすのではなく、生きているように感じさせる弾力です。2つ目は、アニメーションが大きな合成編集の中に入り、タイムラインのカメラ、グレーディング、タイミングを引き継がなければならないとき。それが Adobe の After Effects ユーザーガイド に文書化された、より深い道具立ての領分です。3つ目は、ロゴが細密なエンブレムで、ゆっくりした立体感のあるプッシュを必要とするとき。Premiere はこれをうまく近似できません。こうした場合の現実的な橋渡しは、リビールを After Effects で作り、モーショングラフィックステンプレートとして書き出し、その .mogrt を Premiere に持ち込むことです。タイムライン上でアニメーションを作り直さずに、リビールを編集可能なまま保てます。

無料の .mogrt をダウンロードしてキーフレーム作業を飛ばしたくなったら、After Effects テンプレートのマーケットプレイスのルールがそのまま当てはまります。ライセンスはファイルごとで、商用利用の安全性は自分がダウンロードしたライセンス次第です。Mixkit のライセンス は寛容な側にあり、クレジット表記なしで商用利用ができます。一方、クレジット表記を求めたり個人プロジェクトに限定したりするコレクションもあります。無料テンプレートの上にクライアントの納品物を築く前にライセンス行を読み、After Effects のファイルと同じように有料プラグインの必要環境リストも確認してください。

そして、タイムラインがまったくないルートもあります。単体のSNSオープナーなら、ブラウザの無料ロゴアニメーションツール が同じ入場・着地・ホールドのリビールを数分で作ります。透明なロゴをアップロードし、フレームとトラックを選べば、ツールが音楽のビートマーカーを読んで自動でフレームをカットします。キーフレームを打つ必要も、イージングを整形する必要も、レンダーキューもありません。そして書き出した動画は、あとでプロジェクトが必要になったとき、他のクリップと同じように Premiere のタイムラインに置けます。リビールが編集の中に入らなければならないときは Premiere が依然として正しい道具です。単独で成立するときは、ブラウザ路線のほうが先に終わります。

よくある質問

動画用のロゴアニメーションに After Effects は必要ですか?

ほとんどの動画が使うリビールなら、要りません。Premiere Pro はスケール、位置、不透明度のキーフレームとイージングを扱えるので、典型的なSNSオープナーの入場・着地・ホールドのパターンはカバーできます。After Effects が必要になるのは、エクスプレッション、文字ごとのテキストアニメーション、本格的な合成が必要なとき、あるいはより大きな編集済みプロジェクトのルックを引き継がなければならないときです。

Premiere Pro でロゴを透明にするには?

透明性は、Premiere に届く前のファイルに存在していなければなりません。デザインツールからロゴを透明な PNG として書き出してください。JPEG にはアルファチャンネルがなく、四角形として描画されます。ロゴが色付きの背景にあるなら、先に背景を削除します。レンダリング後も透明を保つ必要がある書き出しには、アルファを有効にした QuickTime の ProRes 4444 コーデックを使います。

Premiere Pro のロゴアニメーションを保存して再利用できますか?

はい。リビールを構成するクリップを選択し、右クリックして Export as Motion Graphics Template を選びます。できた .mogrt ファイルは、今後のどのプロジェクトでもエッセンシャルグラフィックスパネルから開け、タイムラインにドラッグしてロゴソースを差し替えられます。アニメーション、イージング、タイミングはすべてそのままついてきます。

TikTok や Reels にはどの書き出し設定を使うべきですか?

Reels、Shorts、TikTok には 1080×1920・30fps、コーデックは H.264 を使います。YouTube やウェブサイトには 1920×1080、同じコーデックです。変化する背景の上に置く必要があるなら、H.264 ではなくアルファ対応の ProRes 4444 を書き出してください。H.264 はアルファに対応していません。

まとめ

Premiere Pro のロゴアニメーションは6ステップで組み上がり、どれも After Effects を必要としません。透明な PNG を読み込み、背景の上に重ね、スケール・不透明度・位置で入場をキーフレームし、マークが止まるのではなく着地するようイージングをかけ、楽曲の最初のダウンビートに打ったマーカーに着地を合わせ、そして結果をモーショングラフィックステンプレートとして保存して次のプロジェクトを完成状態から始められるようにする。自分がすでに Premiere で切っている編集の中にリビールが入るなら、Premiere が正しい道具です。そして率直な出口は、単体のオープナーならタイムラインなしのほうが速いことが多いということです。そこで 無料のロゴアニメーションテンプレートブラウザエディタ が役に立ちます。同じリビールが、自動でビートに同期され、最初のキーフレームを設定するくらいの時間で手に入ります。6ステップは一度覚えて自分の技にしてください。その後の毎日は、速いほうのルートを使えばいいのです。