After Effects 時間を表示する方法

こんにちは、Takenoです。

今日はAfter Effectsで時間を表示する方法を書きたいと思います。

今日のスキル

• エクスプレッション
• 多角形ツール
• タイムバー

After Effects 時間を表示する方法

テキストを入力します

まずは、タイマーの文字を準備します。

• 操作①．0:00と文字を作っておきます
• 操作②．文字の ソーステキスト を選択し、左のタイマーをAltキーを押しながらクリックします。
• 操作③．文字が表示されたことを確認します。[text.sourceText]

エクスプレッションに入力するテキスト

• 前のスライドの③の部分に、このコードを打ち込みます

rate = 1;
clockStart = 0;

function padZero(n){
	if (n < 10) return "0" + n 
	else return "" + n
}

clockTime = Math.max(clockStart + rate * (time - inPoint),0);

t = Math.floor(clockTime);
min = Math.floor((t%3600)/60);
sec = Math.floor(t%60);
min + ":" + padZero(sec)

テキスト入力後の画面

打ち込みおわったら、ソーステキストの左にある “v” で閉じて “>”でもう一度開くと、全体が表示されます。

ここまでで、数字部分は完成です。

タイムバーを追加

今回はおまけでタイムバーも作ります。

• 操作④．多角形ツールを選択
• 操作⑤．多角形を作成します
• 操作⑥．頂点の数を３に変更 （三角形に変更）
• 後はお好きに、飾りつけしましょう。上のスライドでは、直線を書きました。

キーフレームを入れて完了

• 操作⑦．最後に、三角形の位置のキーフレームを入れて完成です。

ミュージックビデオの再生などに使えそうですね！