【Python+Keynote】動画用のカウントダウンタイマー素材の作り方をわかりやすく解説

前置き : カウントダウンタイマーとは?

#

最近勉強系や筋トレ、ヨガ系の動画でも表示されているタイマーのことです。

実際に自分でもこのような動画を作りたいと思っても、探してみるとなかなかフリーの素材は少ないと思います。

今回の方法であれば、30分くらいで簡単にタイマー素材作りの準備ができます。

また余談ですが、最近一緒に勉強の動画を作成しチャンネルにアップロードいたしました。

Lofi系BGM（リラックスできるHiphop系のBGM）と雨音をかけ合わせて、なるべく勉強に集中できる動画を作りました。

ぜひよろしければ、動画を見ながら一緒に勉強していただけますと幸いです。

動画用のカウントダウンタイマー素材作りで必要なこと

#

今回の記事で紹介するカウントダウンタイマーの作り方は下記の通りです。

• Pythonでカウントダウンタイマー用のスクリプトを書く
• ターミナルの背景色をライトグリーンに変更（透過用）
• QuickTimerPlayerでタイマーを画面収録する
• Keynoteに撮影したタイマー動画を添付+動画書き出し

一見難しそうに見えますが、なるべくコピペでできるように解説していきます。

今回の記事のやり方なら、30分用タイマーや5分用タイマーなど自分の用途に合わせて自由に素材を生成することができます。

Python3のパッケージのインストール

#

まずはカウントダウンタイマーを表示するためのスクリプトを準備しましょう。

プログラミングが必要になりますが、基本的に後述しているソースコードのコピペで終わりです。

また、念のため私のPCの情報も載せておきます。

• OS : macOS Big Sur Ver11.1
• PC : MacBook Pro (13-inch, M1,2020)
• chip : Apple M1
• Memory : 8GM

それではまずはHomebrewを使ってpython3のパッケージをインストールします。

Homebrewとはパッケージ管理ツールのことで、こちらを使って開発で必要なパッケージをインストールできます。

もしbrewをまだインストールされていない場合は、こちらの公式にあるコマンドを実行してHomebrewをインストールしてください。

Homebrewのインストールが完了したら、下記コマンドをターミナル上で実行してください。

brew install python3

正常に処理が完了したら、下記コマンドを実行しpython3コマンドがインストールできたことを確認しましょう。

python3 --version

上記コマンドで特にエラー等が表示されていなければ、問題なくインストールができていると思って大丈夫です。

Pythonでカウントダウンタイマー用のスクリプトを書く

#

では続いてカウントダウンタイマー用のスクリプトを準備しましょう。

エディターを開き、timer.pyというファイルを作成し、下記をコピペして保存してください。

下記コードはhowCodeさんの動画を参考にしました。

while True:
	uin = input("タイマーの時間は?(単位:秒) ")
	when_to_stop = abs(int(uin))
	while when_to_stop > 0:
		m,s = divmod(when_to_stop,60)
		h,m = divmod(m,60)
		time_left = str(h).zfill(2) + ":" + str(m).zfill(2) + ":" + str(s).zfill(2)
		print(time_left, end='\r')
		time.sleep(1)
		when_to_stop -= 1
	print()

保存したら、正常にカウントダウンタイマーが動作するか確認しましょう。

下記コマンドを実行するとユーザ入力が求められると思いますので、自分の設定したい時間(単位:秒)を入力してください。

参考までに1時間の勉強動画用のタイマーなら3600、30分の筋トレ動画用のタイマーなら1800と入力すればOKです。

今回は10秒のタイマーを作る想定で設定します。

python3 timer.py

こちらの添付gifのように、タイマーが動作すれば成功です。

ターミナルの背景色をライトグリーンに変更（透過用）

#

タイマースクリプトの動作確認ができたら、次にターミナルの背景色をライトグリーンに変更します。

理由は動画上でタイマーを表示する際に透過処理をするため、背景を緑色（グリーンバック）にします。

この時、同時にタイマーのフォントも変更することができます。

自分の動画スタイルに合わせて、フォントも変更するとより個性があるタイマーにできると思います。

まずはターミナルを開き、Preference(設定)を開きます。

すると、添付画面の通りフォントの設定とターミナルの背景色の設定ができます。

ここで背景色をライトグリーン、フォントを自分の好きなものに設定します。

また、フォントカラーは白色が見やすくて良いかなと思いましたので白色に変更しています。

ターミナル上のテキストを拡大する

#

デフォルトではターミナルに出力されるテキストは非常に小さいです。

こちらのテキストのサイズでは動画に実際に貼り付ける場合に文字が小さすぎて見えません。

また、撮影した動画を拡大することもできますが、その場合画質が荒くなるのでおすすめはできません。

そのため、ターミナルの出力されているテキスト表示を拡大しましょう。

Macの場合はCommand＋プラス（+）ボタンを押すことでテキストを拡大できます。

QuickTimerPlayerでタイマーを画面録画する

#

ターミナルの設定を変更したら、次にタイマースクリプトを実行しそれをquickTime Playerで画面録画をしましょう。

この時、必ずタイマーの部分のみ選択して画面録画を行うようにしてください。

こちらの添付gifのようにタイマーのフォント部分を写すようにすれば大丈夫です。

失敗例も載せておきます。

こちらのようにタイマー部分以外は不要ですので、うまく映らないようにQuickTimer側で調整してください。

画面収録が完了したら、そのまま保存してください。

Keynoteに撮影したタイマー動画を添付+動画書き出し

#

続いて先ほど収録した動画をKeynoteを使ってタイマー動画をmp4形式でファイル出力します。

Keynoteを開いて新規作成を選択し、デフォルトのテキストを全て削除してください。

その後、先ほど収録したタイマーの動画をドラッグ&ドロップで貼り付けます。

そして自分が動画でタイマーを表示したい場所にタイマーを配置します。

続いてKeynoteの背景もタイマー動画に合わせてライトグリーンに変更します。

この時、タイマーの背景と同じカラーコードを設定するようにすると透過時の粗がなくなります。

上記設定が完了したら、ファイルのエクスポートをしてタイマー動画を生成します。

iMovieにてタイマー動画を透過処理する

#

上記でタイマー動画を作成できたら、あとは自分の使っている動画作成ツールで透過処理を行います。

私はいつもiMovieを使っているので、今回はiMovieを使う前提で説明を行います。

他の動画作成ツールでも、グリーンバックによる透過処理ができれば今回の方法でタイマー素材を使えると思います。

iMovieを開いて、タイマーを表示したい動画を開きます。

続いて、タイマー動画をドラッグ&ドロップしてタイマー表示したい動画の上に持ってきます。

そうしたら、添付赤枠のグリーンバックを選択してください。

これにより、タイマーのライトグリーン部分が透明化しタイマーのテキストのみが表示されるようになります。

さいごに

#

ここまでお読みいただきありがとうございました。
私のブログ記事を読んでいる方の中には海外転職・海外移住への興味がある方もいらっしゃるかと思います。

私自身ダナンで働き始めて7年目になりますが、海外就職を実現するために大事なのは英語力と開発現場で働いた経験だと感じました。

もし今後海外移住・海外就職を本気で実現させたい方はぜひこれらのサービスを活用してみてください。

レアジョブ - 実務で使える英語力を身につけよう

#

レアジョブ英会話は英会話力の向上に特化したサービスです。 私の友人もレアジョブを通じて０から学習を続け、現在はベトナム人のエンジニアとも英語でコミュニケーションが取れるレベルまで英会話力を伸ばすことができました。

レアジョブが選ばれる理由は多岐にわたりますが、主な理由としては下記3点が考えられます。

• 優秀な講師陣：公用語が英語であるフィリピン人の方が講師となり、生きた英語を身につけることができる
• 豊富な教材: 5,000以上の教材を提供しており、学習者のレベルや目的に応じて最適な教材を選べます。
• 安心のサポート体制：初心者でも安心して始められるように、日本人カウンセラーが学習のサポートをしてくれます。

海外移住計画の第一歩として、スピーキング力を身につけたいと考えている方は、ぜひこちらの無料体験を試してみてはいかがでしょうか。