Premiere Proチュートリアル

Premiere ProでMrBeast風の脱落アニメーションを作る方法

Premiere ProのCropキーフレーム、ネスト、Gaussian Blurのグロー、調整レイヤーのズームで、MrBeast風の赤いバツ印の脱落アニメーションを作ります。

Motion GraphicsPremiere Pro
Glowing red brush stroke cross on a black background, the MrBeast elimination animation made in Premiere Pro

チュートリアルを見る

ステップ1:赤いバツ印をまっすぐにする

透明な赤いバツ印の画像を読み込み(動画の概要欄にリンクがあります)、タイムラインに置きます。選択してEffect Controlsを開き、バツ印がプラス記号に見えるまでRotationを変更します。次の手順がこれに依存するので、2本の線をできるだけまっすぐにしてください。Scaleを少し下げて、画像を中央に移動する必要があるかもしれません。

Premiere ProのProgram Monitorで、Effect ControlsのRotationによってプラス記号の向きに回転した赤いバツ印の画像

ステップ2:画像をネストしてCropを適用する

回転とスケールを変更したうえでレイヤーをアニメーション化したいので、先にネストします。タイムライン上の画像を右クリックしてNestを選び、名前を付けてOKをクリックします。次にEffectsパネルでCropを検索し(Video Effects > Transformにあります)、ネストしたレイヤーに適用します。Effect ControlsでCropをクリックすると、Program Monitorに青いハンドルが表示されます。

Premiere ProのProgram Monitorで、赤いプラス記号の周りに表示されたCropエフェクトのハンドル

ステップ3:1本の線をクロップしてアニメーションにする

左のハンドルをバツ印に触れない範囲でできるだけ近づけ、右のハンドルも同じようにします。上と下のハンドルを内側に動かして、横線だけが残るようにします。これが線をまっすぐにしておく理由です。次に、最初の位置でRightのキーフレームを作成し、少し先へ進んで右のハンドルをさらに左にドラッグすると、線が片側からワイプインします。再生すれば、最初の一筆がアニメーションになっています。

ステップ4:キーフレームをイージングする

Cropを使ったので、アニメーションをなめらかにできます。キーフレームを選択して、そのうち1つを右クリックしてEase Inを選び、もう一度右クリックしてEase Outを選びます。より細かく調整するには、Rightの横の矢印を開き、キーフレームを1つ選んで、速度グラフでそのハンドルを調整します。ハンドルは横方向にだけドラッグしてください。上下に動かすとアニメーションが崩れます。

Premiere ProのCropキーフレームの右クリックメニューで、リストにEase InとEase Outが表示されているところ

EaseFlowならもっとなめらかに:ベジェハンドルをドラッグする代わりに、キーフレームを選択してワンクリックで本物のイージングカーブを適用できます。EaseFlowを見る

ステップ5:線を複製してバツ印にする

ネストしたレイヤーを選択し、Alt(MacではOption)を押しながら1トラック上にドラッグして複製します。上のレイヤーを選択した状態でAnchor Pointを線の中心に設定し、Rotationを90度変更してプラスをもう一度回転させます。2本の線が順番にアニメーションするよう、片方のレイヤーを少し後ろにずらします。ネストした2つのレイヤーを選択して右クリックし、もう一度Nestを選んで、新しいネストを回転させ、プラスではなくXにします。

線の動く向きが気に入らない場合は、ネストしたシーケンスの回転を変更するか、クリップにHorizontal FlipまたはVertical Flipを適用すると、少し違ったアニメーションになります。これらの場所はPremiere Proで動画を反転する方法のガイドで紹介しています。

ステップ6:グローを追加する

AltまたはOptionを押しながら上にドラッグして、ネストしたレイヤーを複製します。上のレイヤーにGaussian Blur(Video Effects > Blur & Sharpenの中)を適用します。Effect Controlsで2本の線が重なる位置に移動し、Blurrinessのキーフレームを作成します。Right Arrowキーで1フレーム進め、Blurrinessを400前後か、好みの値に上げます。グローをフェードアウトさせるには、ブラーのキーフレームと同じ位置にOpacityのキーフレームを追加し、約1秒進めて不透明度を下げます。これらのキーフレームもイージングし、2つ目の不透明度のキーフレームを動かして、グローが消える速さを調整します。

Premiere ProのEffect Controlsで、赤いグロー用のGaussian BlurのBlurrinessとOpacityのキーフレーム

ステップ7:調整レイヤーでズームを追加する

Projectパネルに移動してNew Itemをクリックし、Adjustment Layerを選びます。2つのネストしたレイヤーの上にドラッグして、長さをクリップに合わせます。

Makoならワンクリック:無料のMakoパネルは、選択したクリップの上、再生ヘッドの位置、最初の空きトラックに、ワンクリックで調整レイヤーを追加します。Makoを無料で入手

Transformを検索して調整レイヤーに適用し、クリップの先頭でScaleの横のストップウォッチをクリックします。約1秒進めて、スケールを75前後か、好みの値に設定します。キーフレームをイージングし、速度グラフをもう一度微調整します。これでバツ印が現れたあとに少し縮み、インパクトが増します。

光る赤いバツ印の上にある、Premiere ProのEffect Controlsの調整レイヤーに設定されたScaleキーフレーム付きTransformエフェクト

ステップ8:すべてをネストして透明のままにする

すべてのレイヤーを選択して右クリックし、Nestを選んでOKをクリックします。アニメーションは透明で、Program Monitorのレンチメニューを開いてTransparency Gridを有効にすれば確認できます。これで、ネストしたバツ印を好きな映像の上に置いて、好きな位置に動かせます。

ヒント

  • 線はまっすぐに保ちましょう。最初の手順が丁寧なほど、クロップのアニメーションもきれいになります。
  • ヒットのタイミングに合わせましょう。最初の一筆を効果音や映像のカットに合わせると、最も強い印象になります。
  • プリセットとして保存しましょう。完成したら、再利用できるようPremiere Proでプリセットを作る方法のガイドをご覧ください。

FAQ

なぜ画像をネストする必要があるのですか?

ネストすると、すでに回転やスケールを変更したレイヤーでも、それらの値がCropエフェクトに干渉することなくアニメーション化できます。

グローはどうやって作りますか?

ネストしたレイヤーを複製してGaussian Blurを適用し、Blurrinessを400前後にキーフレーム設定してから、Opacityのキーフレームでレイヤーをフェードアウトさせます。

このアニメーションをほかのクリップの上で使えますか?

はい。すべてのレイヤーをまとめてネストし、そのネストしたシーケンスを映像の上に置きます。透明グリッドをオンにして、背景が透けているか確認してください。

ワンクリックでイージングカーブを適用できるEaseFlowで、あらゆるキーフレームアニメーションを洗練された仕上がりにしましょう。