Premiere Proチュートリアル

Premiere Proでなめらかなテキストアニメーションを作る方法

TransformエフェクトとイージングしたPositionとOpacityのキーフレーム、モーションブラー、1文字ずつの表示で、Premiere Proのなめらかなテキストアニメーションを作ります。

Premiere ProText Effects
Large white Smooth title text on a black background, a smooth text animation in Premiere Pro

なめらかなテキストアニメーションは、タイトルを画面にいきなり出すのではなく、やわらかな動きとフェードで滑り込ませる演出です。このチュートリアルでは、Transformエフェクト、イージングしたキーフレーム、モーションブラー、1文字ずつの表示で、Premiere Proのなめらかなテキストアニメーションを作ります。

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

ステップ1:テキストを作成して中央に配置する

Typeツールでテキストレイヤーを作成し、タイムラインに配置します。次にテキストを画面の中央に揃えます。ドラッグ中にCtrl(MacではCmd)を押し続けると、中央にスナップします。このスタイルには太くて読みやすいフォントが向いていて、どんな言葉でもアニメーションは同じように見えます。

ステップ2:Transformを追加してPositionとOpacityにキーフレームを打つ

Effectsパネルを開いてTransformを検索し、Video Effects > Distortからテキストレイヤーにドラッグします。デフォルトのMotion設定ではなくこちらを使うのは、Transformエフェクトには独自のOpacityと、モーションブラー用のShutter Angle設定があるからです。

transformで検索し、Video Effects、Distortの下でTransformエフェクトが強調表示されたPremiere ProのEffectsパネル

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

レイヤーを選択した状態でEffect Controlsを開き、クリップの先頭にいることを確認します。Positionの横のストップウォッチをクリックしてキーフレームを作り、テキストを少し下に動かします。Opacityも同じように、ストップウォッチをクリックして0まで下げます。

次に約1秒進めて、PositionとOpacityの両方の横にあるリセットアイコンをクリックします。これで2つ目のキーフレームが作られ、テキストが中央の不透明度100パーセントの状態に戻ります。再生すると、テキストが上にスライドしながらフェードインします。

PositionとOpacityのストップウォッチがオンになりキーフレームが設定された、Premiere ProのEffect ControlsにあるTransformエフェクト

ステップ3:キーフレームにイージングをかける

リニアな動きは硬く感じられるので、なめらかにしましょう。すべてのキーフレームを選択し、そのうち1つを右クリックしてTemporal Interpolationを選び、Ease Inを選びます。もう一度右クリックしてTemporal Interpolationに進み、Ease Outを選びます。

速度をさらに調整するには、Positionの横の矢印をクリックしてグラフを展開し、キーフレームを1つクリックします。青いハンドルが表示されるので、ハンドルを一番左までドラッグしてください。これでアニメーションは最初が速く、最後はゆるやかに減速します。Opacityのキーフレームにも同じ操作を行います。詳しくは、Premiere Proでキーフレームにイージングをかける方法のガイドをご覧ください。

Temporal InterpolationとEase Inが強調表示された、Premiere ProのTransformキーフレームの右クリックメニュー

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

ステップ4:モーションブラーを追加する

アニメーションにモーションブラーを加えるには、Transformの設定を下にスクロールしてUse Composition's Shutter Angleのチェックを外し、Shutter Angleを360に変更します。動いている間のテキストが少しにじみ、スライドがずっと自然に見えるようになります。

ステップ5:Cropでテキストを1文字ずつに分ける

1文字ずつ表示するバージョンでは、言葉の文字数を数えます。動画の言葉Animationは9文字なので、テキストレイヤーが9枚必要です。EffectsパネルでCropを検索し、テキストレイヤーに適用します。次にAlt(MacではOption)を押したままレイヤーを1トラック上にドラッグして複製し、文字数と同じ枚数になるまで複製を続けます。

最初のレイヤーを選択し、Effect ControlsのCropエフェクトをクリックすると、Program Monitorに青いハンドルが表示されます。最初の1文字だけが見えるまで内側にドラッグしてください。2枚目のレイヤーを選んで同じように2文字目だけを残し、すべての文字で繰り返します。

1文字を切り出すために、Premiere ProのProgram Monitorで単語Animationの上にCropエフェクトのハンドルをドラッグしているところ

ステップ6:レイヤーをずらす

最初のテキストレイヤーの先頭に移動し、Right Arrowキーを2回押して2フレーム進めます。2枚目のテキストレイヤーを再生ヘッドに揃えます。次にまた2フレーム進めて、3枚目のレイヤーを再生ヘッドにスナップさせます。この操作をすべてのレイヤーで繰り返します。各文字が前の文字より少し遅れて始まるようになり、再生すると文字が1つずつ流れ込んできます。

ヒント

  • ずらす量は小さく。文字の間は2フレームだとなめらかに感じます。間隔が大きくなると、タイプライター効果のように見え始めます。そのスタイルについては、タイプライターテキストエフェクトのチュートリアルをご覧ください。
  • 各レイヤーの終わりを確認する。レイヤーをずらしたあとは、すべてが同じ終了位置まで続いているか確認して、途中で消える文字がないようにしましょう。
  • プリセットとして保存する。気に入ったアニメーションができたらプリセットとして保存すれば、どのタイトルにもドロップして使えます。

FAQ

Premiere Proでテキストをフェードインさせながら上にスライドさせるには?

Transformエフェクトを追加し、クリップの先頭でPositionとOpacityにキーフレームを打ち、約1秒後に両方の値をリセットして、キーフレームにイージングをかけます。

テキストアニメーションが硬く見えるのはなぜですか?

おそらくキーフレームがまだリニア補間のままです。キーフレームを選択して右クリックし、Ease InとEase Outを適用してください。

Premiere Proでテキストにモーションブラーを追加するには?

TransformエフェクトでUse Composition's Shutter Angleのチェックを外し、Shutter Angleを360に設定します。

自分で作らずにこのアニメーションを使いたいですか?Smooth Text Animation Templateを入手して、どのタイトルにもドロップしましょう。