Premiere Proチュートリアル

Premiere Proでふわふわ浮かぶアイコンを作る方法

Positionのキーフレーム、小さなランダムの動き、ベジェ補間を使って、Premiere Pro上でアイコンを画面内になめらかに漂わせます。

Motion GraphicsPremiere Pro
Black icon on a blue background in the Premiere Pro Program Monitor, used for the floating icon effect

チュートリアル動画を見る

ステップ1:アイコンを選択して最初のキーフレームを打つ

背景の上のビデオトラックにアイコンを置き、タイムラインでクリックして選択します。動画のアイコンは、カラーマットの上に置いた背景透過のPNGです。次にEffect Controlsを開き、再生ヘッドがクリップの先頭(00:00:00:00)にあることを確認して、Positionの横のストップウォッチをクリックし、最初のキーフレームを作成します。

Premiere Proのタイムラインで、背景クリップの上に置かれたアイコンのクリップ

Premiere ProのEffect Controlsで、アイコンのクリップのPositionストップウォッチがオンになっている状態

QuickPasteならもっと速い:画像をコピーして、ファイルを保存して読み込むことなく、ショートカット1つでタイムラインに直接貼り付けられます。QuickPasteを見る

ステップ2:20フレーム進めて位置を少しずらす

Shiftを押しながらRight Arrowキーを4回押します。1回で5フレーム進むので、20フレーム先に移動します。次にPositionの値をほんの少しだけ変更します。数値をドラッグするときにCtrl(MacはCmd)を押したままにすると、ごく細かい刻みで変えられます。大きく動かすのではなく、わずかにずらすのがコツで、アイコンが跳ねるのではなく漂うように見えます。

ステップ3:小さなランダムな動きで繰り返す

Shift + Right Arrowを4回押してさらに20フレーム進み、もう一度Positionを少しずらします。変化は小さくランダムに、少し上、少し左、少し下というように。規則性を持たせないでください。ランダムさが動きを自然に見せます。キーフレームが8個ほどになるまで繰り返します。

Premiere ProのEffect Controlsに並んだ8個のPositionキーフレームと、Program Monitorで少しずれたアイコン

ステップ4:キーフレームをコピーしてクリップ全体に貼り付ける

ずっと手作業で続ける必要はありません。作成したキーフレームをすべて選択し、Ctrl + Cでコピーして、再生ヘッドを最後のキーフレームに移動し、Ctrl + Vを押します。Premiereがひとまとまりをその直後に貼り付けます。クリップ全体にキーフレームが行き渡るまで、各セットの終わりで貼り付けを繰り返します。これで、長く途切れない浮遊の動きが完成します。

ステップ5:ベジェでなめらかにする

初期状態ではキーフレーム間の動きがリニアで、ぎこちなく見えることがあります。なめらかにするには、Positionのキーフレームをすべて選択し、そのうち1つを右クリックしてTemporal Interpolationを選び、Bezierを選択します。アイコンがキーフレームの前後で急に向きを変えず、緩やかに動くようになります。詳しくは、Premiere Proでキーフレームにイージングをかける方法のガイドをご覧ください。

Premiere ProのTemporal Interpolationサブメニュー。Linear、Bezier、Auto Bezier、Continuous Bezier、Holdの選択肢が表示されている

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

ヒント

  • ずらす量は小さく。浮遊はゆっくりとした穏やかな漂いです。位置の変化が大きいと、アイコンが跳ね回っているように見えます。
  • アイコンごとに違う値を使う。複数のアイコンを浮かせる場合は、それぞれに別のランダムなキーフレームを与えて、動きが同期しないようにします。
  • キーフレームの間隔を広げるとゆっくり浮く。キーフレーム間のフレーム数が多いほど、動きはゆっくりとのんびりしたものになります。

FAQ

Premiere Proでアイコンを浮かせるにはどうすればいいですか?

アイコンのPositionに、約20フレームごとに小さくランダムな変化を付けたキーフレームを打ち、それをクリップ全体にコピー&ペーストして、補間をBezierにするとなめらかな動きになります。

浮遊アイコンの動きがカクカクして見えるのはなぜですか?

キーフレーム間の初期補間はリニアで、位置の変化が大きいとさらに目立ちます。ずらす量を小さくして、キーフレームをBezierに切り替えてください。

再生ヘッドをちょうど20フレーム動かすにはどうすればいいですか?

Shiftを押しながらRight Arrowキーを押します。1回で5フレーム進むので、4回押せば20フレーム進みます。

すぐ使えるエフェクトが欲しいですか?無料の浮遊アイコンプリセットを入手して、アイコンにドロップしましょう。