Written by Shigeru

【初心者向け】カウントダウンタイマーの作り方3STEP!【Premiere Pro】

STEP5:月10万円までのテクニック集 動画編集

  • 初心者でも簡単にタイマーを作る方法を知りたい
  • カウントアップ・カウントダウン両方教えて!
  • 無料のタイマー素材をダウンロードできるサイトってあるの?

こういったお悩みにお答えします。

ビジネス系・エンタメ系・広告系など、様々なジャンルの動画でタイマーが使われています。

作り方がわからないままでいるといざ必要になったときに慌ててしまいますよね。

私も以前、ディレクターからの『タイマーを入れましょう』と修正指示を受け、慌てて作り方を調べたことがあります。

一度作ったタイマー素材はその後ずっと使い回せますので、覚えておいてよかった技術のひとつです。

この記事では、現役の動画編集ディレクターが初心者の方向けにカウントダウンタイマーを表示させる3STEPについて解説しますので、最後まで読むことでスムーズにタイマーを作ることができます。

色・形・大きさなど自分好みのタイマーを作りましょう
シゲル
シゲル
同様の手順でカウントアップも作れます。
この記事を書いた人
シゲル 白背景アイコン
シ ゲ ル
  • 副業で動画編集を始め、半年後に月10万円を稼ぎフリーランスに
  • 動画編集者として200本以上を納品
  • 現役の動画編集ディレクターとして活動中

>>プロフィール
>>Twitterはこちら

 

他にも月10万円達成までに知っておきたいテクニック・ノウハウはこちらの記事で解説しています。
>>初案件獲得~月10万円までのテクニック・ノウハウ集!


動画でサクッと学びたい方はこちら

完成後のタイマー素材を配布

この記事に沿って作業をしていくと

このようなタイマーが完成します。

自分で作れるようになることをおすすめしますが、『納期が迫っている!』など時間がない方もいるでしょう。そんな方はこちらから完成後のタイマー素材をダウンロードしてください。

>>タイマー素材をダウンロードする(ギガファイル便)

プロジェクトファイル形式になっているので、ダウンロード後はファイルをクリックするだけでOKです。色や大きさを調整するだけで使えますので、かなり時短できるでしょう。とりあえず納品してから、自分でゆっくりタイマーを作ってみるのもいいですね。

利用規約などはありませんので、個人利用でも商用利用でも好きに使ってください。ただし、常識の問題として『自分が作った』とウソをつくのだけは止めてもらえたらと思います。

また『役に立ったよ!』という方は、記事の下にあるシェアボタンからSNSなどで共有していただけると幸いです。泣いて喜びます。

Premiere Proでタイマーを作る3STEP

黒背景のタイマー

タイマーは

  • STEP1:タイムコードを入れる
  • STEP2:タイマーの外枠(円)を入れる
  • STEP3:逆再生の設定(カウントダウンタイマーの場合のみ)

の3STEPで作っていきます。

STEP1:タイムコードを入れる

初めに、タイマーの元となる『タイムコード』を表示させます。

  • クリアビデオ上にタイムコードを設置
  • 『時間単位』をシーケンスに合わせる
  • タイムコードにクロップをかける

順番に解説していきます。

クリアビデオ上にタイムコードを設置

クリアビデオの選択
まず、プロジェクトパネル上で右クリック→『新規項目』→『クリアビデオ』をクリックしてください。

タイムベースの確認
このときに、『タイムベース』の数字(画像では29.97)を覚えておいてください。

このシーケンスでは、『1秒あたりのフレーム数は29.97』という設定になっているということです。

フレーム数ってなんですか?
初心者の方
初心者の方
シゲル
シゲル
パラパラ漫画のページの数だと考えてください。

1秒あたりのフレーム数が29.97であれば、1秒間に約30枚漫画のページがめくられているということです。

フレーム数が多いほど、いわゆる『ぬるぬる動く』動画になります。

クリアビデオを動画素材の上に
作成したクリアビデオをタイムライン上で動画素材の上に置きます。

タイムコードをクリアビデオにドラッグ・アンド・ドロップ
次に、タイムコードを表示します。

エフェクトの『タイムコード』を検索し、クリアビデオにドラッグ・アンド・ドロップしましょう。

画面上のタイマー表示
すると、画面にこんなタイマーが現れます。

エフェクトコントロールの確認
エフェクトコントロールパネルにも『タイムコード』が追加されています。

位置やサイズは後で調整するのでとりあえず放置で大丈夫です。

『時間単位』をシーケンスに合わせる

『時間単位』の項目を確認してみてください。

上の画像だと、タイムコードのエフェクトでは時間単位が『60ドロップフレーム』となっています。

つまり、このタイムコードというエフェクトは『1秒あたりのフレーム数は60(正確には59.94)』だと認識しているわけですね。

このシーケンスのタイムベースは『29.97』でしたので、フレーム数が違ってしまっています。

このようにタイムコードとシーケンス設定の時間単位が異なっていると

スタート時の画面
動画を再生したときに

2秒経過した時点でのずれ
動画では2秒経っているのにタイマーはまだ1秒しか進んでいない、という時間のずれが発生してしまいます。

シゲル
シゲル
60枚のページがめくられた状態です。
このシーケンスは2秒
タイマーは1秒だと認識するわけですね。
初心者の方
初心者の方

これを防ぐために

シーケンス設定の調整
『時間単位』をシーケンスに合わせる必要があるのです。

今回のケースだと『30ドロップフレーム(29.97fps)』にすればOKです。

経過時間が合っている
これでシーケンスとタイマーが同じように時間をカウントしてくれます。

タイムコードにクロップをかける

次はタイムコードの『秒数の部分』以外を非表示にしていきます。

クロップをクリアビデオにドラッグ・アンド・ドロップ
先ほどの『タイムコード』と同じ要領で、『クロップ』をクリアビデオにドラッグ・アンド・ドロップしましょう。

秒数の部分だけを残す
クロップで『左』『右』の値を調整して、タイマーの『秒数』の部分だけが表示されるようにします。

具体的には

  • 10秒以上のタイマーを作りたい方:2桁(上の画像の『06』の部分)を残す
  • 10秒未満のタイマーを作りたい方:1桁(『6』の部分)を残す

だけ残してください。

この記事では1桁だけ残します。

クロップの値の調整
クロップは『左 51.8%』『右 46.0%』で不要な部分が非表示になります。

不透明度の調整
ついでにタイムコードのなかにある『不透明度』も0にしておきましょう。

秒数部分だけが表示されている
すると、このように秒数部分だけが表示されます。

これでタイムコードはOKです。

STEP2:タイマーの外枠(円)を入れる

次は、タイムコードの周りに表示させる円を入れていきます。

  • 楕円ツールで円を描く
  • ワイプ(放射状)を適用する
  • ワイプのアニメーションを設定する
  • 位置・スケールを調整する

順番に解説します。

楕円ツールで円を描く

楕円ツールの選択
画面の上部にある『グラフィック』をクリックし、ペンツールから『楕円ツール』を選びましょう。

Shiftキーを押しながら円を描画
そのままだと楕円形になってしまうので、Shiftキーを押しながら円を描きましょう。

円が描けたら画面の中心に移動させます。

アピアランスの調整
円の『塗り』からチェックをはずし、『境界線』にチェックを入れましょう。

この境界線がタイマーの外枠になります。

今回は色は白、太さは10.0としていますが、お好みで大丈夫です。

ワイプ(放射状)を適用する

この円が徐々に消えていくように『ワイプ(放射状)』のエフェクトを適用していきます。

ワイプをクリアビデオにドラッグ・アンド・ドロップ
エフェクトで『ワイプ』を検索し、円のグラフィックにドラッグ・アンド・ドロップしましょう。

次に、アニメーションの長さを設定します。

速度・デュレーションの選択
タイムライン上で『グラフィック』を選択した状態で右クリック→『速度・デュレーション』を選択します。

デュレーションの設定
デュレーションを『作りたいタイマーの秒数』に設定します。

シゲル
シゲル
今回は06:00にしていきます。

クリアビデオ上でも右クリック→『速度・デュレーション』から同じ秒数を設定しましょう。

クリアビデオの長さ=グラフィックの長さ
タイムライン上でグラフィックとクリアビデオの長さが同じになるはずです。

ワイプのアニメーションを設定する

最後に、エフェクトコントロールパネルでアニメーションを設定していきます。

ワイプのアニメーション設定(始点)
まずは再生ヘッド(青色の線)がグラフィックの左端にある状態で①時計のアイコンをクリックします。

次に②の値を100%にし、③その右側にある○をクリックしてキーフレームを追加しましょう。

これによって、初めのタイミングでは円が完全に消えます。

ワイプのアニメーション設定(終点)
次に、再生ヘッドをグラフィックの右端に合わせます。

そして、先ほどと同じようにキーフレームを追加し、値を0%にします。

これでアニメーションの設定は完了です。

再生してみると、6秒間かけてだんだんと円が表示されていきます。

シゲル
シゲル
『100』と『0』を反対にすると
だんだん円が消えていくアニメーションになります。

位置・スケールを調整する

現在のタイマーの表示
位置やスケールを調整してこなかったため、タイマーはこのような状態だと思います。

これを好きな場所、好きな大きさに調整しましょう。

位置調整の際の項目
1つ注意点ですが、グラフィックを移動させるときは一番上の『ベクトルモーション』ではなく、ワイプよりも下にある『ビデオ』の中の位置やスケールの値で調整しましょう。

『ベクトルモーション』の中の位置やスケールを変えてしまうと、ワイプがうまく適用されなくなってしまいます。

調整後のタイマー表示
私はこんな位置、大きさにしました。

カウントアップタイマーを作りたい方はこれで完成です。

STEP3:逆再生の設定

カウントダウンタイマーを作りたい方はあと一歩です。

ネストを選択
グラフィックとクリアビデオの両方を選択した状態で右クリック→ネスト化を選択しましょう。

ネスト化されたクリップ
すると、ネスト化されて1行になります。

再び速度・デュレーションの選択
次は、このネストを選択した状態で右クリック→『速度・デュレーション』を選択しましょう。

逆再生にチェック
『逆再生』にチェックをつければタイマーがカウントダウン方式になります。

こうしてできたものが冒頭の動画です。

タイマーのフリー動画素材を提供しているサイト3選【商用利用可能】

もっとおしゃれなタイマーを入れたいという方は、フリーで提供されている動画素材を使うのもよいでしょう。

ここでは、タイマー動画素材をダウンロードするのにおすすめのサイトを3つご紹介します。

  1. Pixabay
  2. YouTuberのための素材屋さん
  3. Lab01(らぼわん)

順番に紹介します。

1.Pixabay

Pixabayトップページ
出典元:Pixabay

超大手フリー素材サイトです。

Pixabayのアナログタイマー素材

Pixabayのデジタルタイマー素材
アナログ・デジタル問わず多くのタイマー動画が提供されています。

かっこいいもの・おしゃれなものが多いですね。

動画のイメージに合ったものを選んでダウンロードしましょう。

2.YouTuberのための素材屋さん

YouTuberのための素材屋さんトップページ
出典元:YouTuberのための素材屋さん

YouTuberのための素材屋さん1

YouTuberのための素材屋さん2
タイマー素材の数はそれほど多くはないですが、他にもエフェクトなど多くの使いやすい素材が提供されています。

頻繁にお世話になるサイトなのでブックマークしておきましょう。

3.Lab01(らぼわん)

Lab01(らぼわん)トップページ
出典元:Lab01

こちらのサイトは結婚式用の素材を中心に提供してくれています。

おしゃれなだけでなく、かわいい・あたたかいイメージのものが多いですね。

ただし、商用利用の場合はクレジット・リンクの表記が必要となりますのでご注意ください。

『Premiere Proでタイマーを表示させる3STEP』のまとめ

タイマーの作り方は

  • STEP1:タイムコードを入れる
  • STEP2:タイマーの外枠(円)を入れる
  • STEP3:逆再生の設定(カウントダウンタイマーの場合のみ)

フリー素材サイトからタイマー動画をダウンロードする場合は、各サイトの利用規約をよくお読みください!

シゲル
シゲル
必要になったときに使いまわせるので
まずは1つ作ってみましょう。

動画編集を学ぶならスクールがおすすめ

クラスの様子
動画編集を学ぶにあたって

  • どうやって勉強していけばいいの?
  • 正直、わけ分からんことばっか…
  • 誰か詳しい人教えてくれー!

このようにお悩みではありませんか?

もしあなたが最短で効率よく動画編集で結果を出し、人生を変えたいのであれば、独学ではなく信頼できるスクールに入るのがおすすめです。

独学だと、もともと勉強の効率が悪いことに加え、自分のスキルを客観的に測ることもできません。

『あと何を勉強すればいいんだろう』『もう自分のスキルは十分なんだろうか…』と迷いながら進むことになってしまうんですよね…。

きちんと賢く動画編集を学んでいる人たちと比べて、結果を出すのがとても遅くなってしまいます。

私も独学で動画編集を始めたため、数多くの失敗や遠回りをしてしまいました。

同期だと思っていた方たちが次々と結果を出していく一方、私は思うように稼げず、何が悪いのかすらわからずに悩んでいたのです。

私のようにノロノロと独学で勉強し、周りの編集者に置いていかれたくない方は、スクールに入って効率的に進んでいくのがおすすめです。

スクールに入れば、しっかりと体系的・網羅的に動画編集を勉強することができます。

『次に何を勉強すればいいんだろう』などと迷う必要はありません。

さらに、スクールによっては、受講が終わったあとに仕事を紹介してくれるところも。

『最短で稼げるようになりたい!』という方はぜひ検討してみてください。

まとまった勉強時間が取れない副業の方には、特におすすめです。

現役ディレクターがおすすめする動画編集スクールTOP10はこちらの記事で詳しく紹介しています。

>>現役ディレクターおすすめの動画編集スクールランキングTOP10!

ここまでお読みいただきありがとうございました!