日本人が知らない太平洋戦争の大嘘

AEのエクスプレッションでカウントダウンの作り方。分単位│After Effects

AEカウントダウン After Effects

こんにちは、Bすずめです。

 

普段、動画編集の副業で使っている
AE(アフターエフェクト:After Effects)で、

カウントダウン(分単位、1時間単位)の作り方をサクッと紹介します。

AEカウントダウン

サンプルファイルをダウンロードできます。

サンプルファイルをダウンロード >
エフェクトの「Expression(エクスプレッション)」という機能で行います。

手順は以下の通り。

1.テキストで「0000」を書く

AEカウントダウン

2.エフェクト:Expression(エクスプレッション)のスライダー制御を設定

「エフェクト&プリセット」から「スライダー制御」を選ぶ

エクスプレッション制御 > スライダー制御

AEカウントダウン

 

3.テキストにスクリプトを設定

「Alt(Option)」を押しながらテキストの

「ストップウォッチ」ボタンをクリックして、

プロパティのエクスプレッションを追加。

AEカウントダウン

 

そこに下記スクリプトをコピーペースト。

 

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

t = Math.floor(effect("スライダー制御")("スライダー"));
hr = Math.floor(t/3600);
min = Math.floor((t%3600)/60);
sec = Math.floor(t%60);
/*
delete the comment tags and put in one line to add hours
padZero(hr)+":"+ */

padZero(min)+":"+padZero(sec)

/* Script written by Josh Vickerson | https://twitter.com/joshvickerson */

出典:https://github.com/anbdesign/After_Effects_Expressions/blob/master/Keyframe_Controlled_Countdown_Timer.txt

※もし2行目でエラーが出たらこれに変えてみてください。
if (n < 10) return “0” + n else return “” + n

AEカウントダウン

4.スライダー制御に時間を設定

秒数を設定する

3分なら180秒

AEカウントダウン

開始フレームに180秒

終了フレームに0秒のキーフレームを打てば、

カウントダウンのアニメーションができます!

AEカウントダウン

以上です。

 

お役に立てれたら嬉しいです^^

 

▼Web・ゲーム系クリエイターに特化したフリーランス求人サービス「レバテッククリエイター」を紹介する広告です。

動画編集の求人・案件もあります。
まずは無料会員登録をして様子を見てみませんか?

コメント

タイトルとURLをコピーしました