Premiere Proチュートリアル

Premiere Proでスクリーンショットをアニメーションさせる方法

Premiere ProでDrop ShadowとBasic 3DのSwivel・Tiltキーフレームを使ってスクリーンショットを動かし、キーフレームをイーズして滑らかな3Dカード効果に仕上げます。

Motion GraphicsPremiere Pro
A tilted screenshot of a YouTube channel page with a soft drop shadow on a turquoise background in Premiere Pro

チュートリアルを見る

ステップ1:スクリーンショットを背景クリップの上に置く

スクリーンショットを、背景クリップのすぐ上のビデオトラックに配置します。動画では、背景はV1の単色のColor Matteで、スクリーンショットはV2にあります。単色だと影と3Dの傾きが見やすくなりますが、映像やグラデーションでも同じように使えます。2つのクリップは同じ長さにしましょう。

V1のColor Matteの上、V2トラックにPNGのスクリーンショットを置いたPremiere Proのタイムライン

ステップ2:Drop Shadowを追加する

Effectsパネル(Window > Effects)を開き、Drop Shadowを検索して、Video Effects > Perspectiveからスクリーンショットにドラッグします。スクリーンショットを選択してEffect Controlsを開き、Drop Shadowを見つけます。Opacityを100にし、Softnessを110前後まで上げます。動画では最終的に114になっています。これで、エッジの硬い影ではなく、柔らかく広がる影になります。

Premiere ProのEffectsパネルでDrop Shadowを検索。Video Effects、Perspectiveの中にあります

BetterFXならもっと速い:Effectsパネルは不要です。BetterFXのショートカットを押し、Drop Shadowの最初の数文字を入力してEnterを押すと、選択中のクリップに適用されます。BetterFXを入手

スクリーンショットが大きすぎたり小さすぎたりする場合は、Effect ControlsのMotionセクションでScaleを変更し、フレームにうまく収まるように調整します。

ステップ3:Basic 3Dを適用する

EffectsパネルでBasic 3Dを検索し、スクリーンショットに適用します。同じPerspectiveフォルダにあります。Basic 3Dでは、Swivelで縦軸まわり、Tiltで横軸まわりに画像を回転でき、まさに必要な見た目になります。

ステップ4:SwivelとTiltにキーフレームを打つ

再生ヘッドがクリップの先頭にあり、スクリーンショットが選択されていることを確認します。Effect ControlsでSwivelとTiltの両方の横にあるストップウォッチをクリックして、最初のキーフレームを作成します。その後、両方の値を変更して、気に入った開始ポーズに整えます。強く傾けると、カードがカメラから離れるように倒れて見えます。

再生ヘッドをクリップの終点に移動し、SwivelとTiltをもう一度別の角度に変更します。Premiereが2組目のキーフレームを自動的に作成し、スクリーンショットが2つのポーズの間でゆっくり回転します。再生して、動きがしっくりくるまで値を調整してください。

Premiere ProのEffect ControlsにあるDrop ShadowとBasic 3Dの設定。Swivel、Tilt、Distance to Imageにキーフレームがあります

ステップ5:Distance to Imageを試す

違った結果にしたい場合は、Basic 3D設定のDistance to Imageを試してみましょう。画像を視聴者に近づけたり遠ざけたりできます。動画ではこれにもキーフレームを打っているので、スクリーンショットは回転しながら少し近づいたり遠ざかったりします。クリップの始点と終点で値を変えて、見た目がどう変わるか確認してください。

ステップ6:キーフレームをイーズして滑らかなアニメーションにする

リニアのキーフレームでは回転が一定の速度で進むため、硬い印象になることがあります。Effect Controlsですべてのキーフレームを選択し、そのうち1つを右クリックしてTemporal Interpolationを開きます。Ease InとEase Outを適用すると、スクリーンショットがゆっくり動き出し、加速して、到着時にまた減速します。仕組みを詳しく知りたい方は、Premiere Proでキーフレームをイーズする方法のガイドをご覧ください。

Premiere ProのTemporal Interpolationメニュー。Linear、Bezier、Auto Bezier、Continuous Bezier、Hold、Ease In、Ease Out

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

ヒント

  • きれいなスクリーンショットを使う。カードが斜めになっても整って見えるよう、ブラウザのツールバーや通知は先にトリミングしておきましょう。
  • 角度は控えめに。SwivelとTiltの値が小さいほど上品に見えます。極端な角度はスクリーンショット内の文字をゆがめます。
  • 影をシーンに合わせる。明るい背景には柔らかく薄い影、カラフルなマットには濃いめの影が合います。

FAQ

Premiere ProのBasic 3Dはどこにありますか?

Effectsパネルで検索してください。Video Effects > Perspectiveフォルダの、Drop Shadowの隣にあります。

キーフレームなしでスクリーンショットをアニメーションさせられますか?

Basic 3Dでは無理です。回転にはSwivelとTiltのキーフレームが必要で、クリップの始点と終点にそれぞれ1組ずつ打ちます。

スクリーンショットが傾いたときにギザギザになるのはなぜですか?

高解像度のスクリーンショットを使い、100を大きく超えて拡大しないようにしましょう。元の画像が大きいほど、回転後もエッジがシャープに保たれます。

編集用の既成ルックがもっと必要ですか?500以上のプリセットが入ったUltimate Premiere Pro Presetsをご覧ください。