映像制作

AfterEffectsで時間のカウントダウンを実装する

映像制作の案件でイベント開始までの時間をカウントダウンする動画を作成することがあります。
文字のスライダーを使って、カウントダウンする方法を記載します。

作成手順

1. まずは新規コンポジションを作成し、テキストで「00:00」と入力します。

2. テキストレイヤーに対してエフェクトの「スライダー制御」を適用します。

3. テキストレイヤーの「テキスト」で「Alt」キーを押しながらクリックしてエクスプレッションに以下のコードを張り付けます。

slider = Math.round(effect("スライダー制御")("スライダー"));

var sec = slider%60;
var min = Math.floor(slider/60);

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

addZero(min) + ":" + addZero(sec);

4. スライダー制御を動かし、1毎に1秒テキストに反映されるようになります。

これで時間を制御してカウントダウンを表現することが出来ます。