Premiere Proチュートリアル

Premiere Proで画像を動かす方法

Premiere Proで、切り抜きPNGを背景クリップの上でPositionキーフレームと曲線のモーションパスで動かします。

Motion GraphicsPremiere Pro
Full moon over an aurora borealis landscape, an image animated in Premiere Pro

チュートリアルを見る

ステップ1:背景の上に画像を重ねる

背景クリップをV1に置き、動かしたい画像をV2にドラッグします。最良の結果を得るには、背景が透明なPNG(切り抜き)を使いましょう。そうすればオブジェクト自体だけが動き、周りの四角形は動きません。画像は、作りたいアニメーションと同じ長さになるようトリムします。

Premiere Proのタイムラインで、V1のオーロラ動画の上にあるV2の月のPNG

ステップ2:画像を選択してEffect Controlsを開く

V2の画像クリップをクリックし、Effect Controlsパネル(Window > Effect Controls)を開きます。Motionの中にPosition、Scale、Rotationがあります。Program Monitorで画像をクリックするとハンドルが表示されるので、開始位置までドラッグしたり、角のハンドルをドラッグしてサイズを変えたりできます。

Premiere ProのEffect Controlsで、Motion設定とともに選択された月の画像

ステップ3:最初のPositionキーフレームを設定する

再生ヘッドをクリップの先頭に移動し、動きを始めたい位置に画像を置いて、Positionの横にあるストップウォッチをクリックし、キーフレームを有効にします。Premiere Proが再生ヘッドの位置に最初のキーフレームを追加します。

Premiere ProのEffect Controlsで、最初のキーフレームとともに有効になったPositionのストップウォッチ

ステップ4:再生ヘッドを動かして画像をドラッグする

タイムラインで先へ進み、Program Monitorで画像を次の位置までドラッグします。新しいキーフレームが自動で追加され、モーションパスを示す点線が表示されます。パスを曲げるために、あと数か所で同じ操作を繰り返します。たとえば上に上がってから空を横切る動きです。キーフレームの間隔を広く、数を少なくすると穏やかでゆっくりした動きになり、間隔を狭くすると動きが速くなります。

Premiere ProのProgram Monitorで、オーロラのシーンを横切る月の点線のモーションパス

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

ステップ5:再生して仕上げる

Spaceキーでアニメーションを再生します。動きが硬く見えるときは、キーフレームを右クリックしてTemporal Interpolation > Ease InとEase Outを選ぶか、ミニタイムライン上でキーフレームを左右にドラッグして速度を変えましょう。同じ方法でScaleもアニメーションさせれば、動きながら大きくなったり小さくなったりする画像にできます。

Premiere ProのEffect Controlsで、複数のキーフレームを持つ完成した月のアニメーション

ヒント

  • 透明なPNGを使いましょう。切り抜きはシーンの一部のように見えますが、背景付きの写真はステッカーのように見えてしまいます。
  • スピードは雰囲気に合わせましょう。ゆっくりした動きは穏やかに、速い動きはエネルギッシュに感じられます。

FAQ

Premiere Proで静止画をアニメーションさせるには?

背景の上のトラックに置き、Effect ControlsでPositionのストップウォッチを有効にして、異なる時間にキーフレームを設定します。

動きをもっとなめらかにするには?

キーフレームにEase InとEase Outを適用します。Premiere Proでキーフレームをイージングする方法の短いガイドで手順を確認できます。

位置以外もアニメーションできますか?

はい。Scale、Rotation、Opacityにもストップウォッチがあるので、まったく同じ方法でキーフレームを設定できます。

手作りせずに、すぐ使える浮遊オブジェクトが欲しいですか?無料のフローティングアイコンプリセットをダウンロードしましょう。