Premiere Proチュートリアル

Premiere Proでカウントダウンタイマーを作る方法

Motion Graphics TemplateでPremiere Proにカスタマイズ可能なカウントダウンタイマーを作成。開始時間の設定、フォント選び、ミリ秒表示、ストロークやグローの追加まで解説します。

Motion GraphicsPremiere Pro
Six styled countdown timers in different fonts and colors on a dark blue background

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

ステップ1:タイムラインに背景を追加する

まず、タイマーを載せる土台を用意します。動画では濃い青のColor Matteを使っていますが、好きな動画クリップ、写真、単色でも構いません。V1にドラッグし、カウントダウンを流したい長さにトリムしてください。

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

ステップ2:Countdown Timerテンプレートを上のトラックにドラッグする

Graphics Templatesパネルを開き(Premiere Proの古いバージョンではWindow > Essential Graphics)、My Templatesタブになっていることを確認します。プレビューに23:59:59と表示されるCountdown Timerを見つけて、背景の上のトラック(たとえばV2)にドラッグします。

Premiere ProのGraphics Templatesパネルで、My TemplatesのCountdown Timerテンプレートが選択されている様子

見つからない場合は、テンプレートがまだインストールされていない可能性があります。追加方法はPremiere ProでMOGRTファイルをインストールする方法のガイドで紹介しています。そのあと、タイムライン上でテンプレートを背景と同じ長さまで伸ばしましょう。

V1のColor Matteの上、V2にCountdown Timer TemplateのクリップがあるPremiere Proのタイムライン

ステップ3:開始時間を設定する

タイムライン上のテンプレートをクリックし、Effectsパネルの隣にあるPropertiesパネルを開きます。Effect Controlsでも構いません。Timerを展開すると、書式のヒントUse (HH:MM:SS)と、Timerの下にテキストボックスが表示されます。

ボックスに、時間・分・秒の形式で開始時間を入力します。動画では24:10:07から始め、のちに01:00:00から始めています。あとはクリップを再生するだけで、カウントダウンが自動で進みます。

Premiere ProのCountdown TimerのProperties。Timerのテキストボックス、SF Pro Boldフォント、Font SizeとText Alignmentの設定

ステップ4:フォント、サイズ、位置を選ぶ

タイマーのボックスのすぐ下で、フォント、スタイル(動画ではArial RegularからSF Pro Boldに切り替えています)、Font Sizeを変更できます。太めのフォントを大きめのサイズにすると、数字が読みやすくなります。続いてTimer Positionで数字を動かし、Text AlignmentをLeft、Center、Rightから選びます。Centerならタイマーが画面の中央に収まります。

ステップ5:時間を隠してミリ秒を表示する

2つのチェックボックスで、タイマーの見え方が変わります。Hide Hours When Zeroにチェックを入れると、1時間未満のタイマーでは59:58のように分と秒だけが表示されます。Show Millisecondsにチェックを入れると、59:58.516のように末尾に高速で動く数字が加わり、ラストのカウントダウンに大きな緊張感が生まれます。

ステップ6:Text Designで数字のスタイルを整える

Text Designを開くと、数字の見た目を変更できます。ここではText Colorの設定、StrokeのオンとStroke Colorの選択、数字の間隔を変えるText Trackingの調整ができます。動画ではStroke widthを19にしています。その下のGlowとShadowのセクションでは、数字のまわりにやわらかい光を足したり、後ろにドロップシャドウを付けたりできます。

Premiere ProのText Design設定。カウントダウンタイマー用のText Color、Stroke、Text Tracking、Glow、Shadowのコントロール

Transformセクションでは、タイマー全体の拡大縮小、移動、フェードができるので、映像の上の隅に配置することもできます。

ヒント

  • コントラストを高く保つ。暗い背景に白や明るい色の数字がもっとも読みやすく、スマホの画面でも見やすくなります。
  • クリップの長さをタイマーに合わせる。00:10から始まるタイマーなら10秒間流すべきなので、テンプレートをそれに合わせてトリムしましょう。
  • 再生がカクつくならレンダリング。タイムラインの上に赤い線が出たら、書き出しの前にEnterを押してレンダリングしてください。

FAQ

カウントダウンではなく、カウントアップにできますか?

動画のテンプレートは、入力した時間からカウントダウンします。カウントアップにしたい場合は、代わりに数字カウントアニメーションのガイドをご覧ください。

自分の映像の上にカウントダウンを重ねられますか?

はい。カラーマットの代わりに映像をV1に置き、テンプレートを上のトラックにドラッグします。移動や拡大縮小はTransformの設定で行えます。

Graphics Templatesパネルにカウントダウンテンプレートが表示されないのはなぜですか?

まず.mogrtファイルをインストールする必要があります。Graphics Templatesパネルを開いてインストールボタンをクリックし、ファイルを選択するか、上のインストールガイドに従ってください。

数秒でスタイルを変えられる完成済みのタイマーが欲しいですか?このチュートリアルで使っているCountdown Timerテンプレートを入手しましょう。