69AekossSF映画風ロード画面 スライダー制御で数字を表示する方法

69AekossSF映画風ロード画面 スライダー制御で数字を表示する方法

かっこいい！SF映画風ロード画面の作り方 How to make a SF movie-like loading screen【AfterEffects tutorial】
https://www.youtube.com/watch?v=hoHlWVsnCjA

今回も、kossさんのチュートリアルから、グラフバーの作成です（13）。

文字レイヤーのテキストをスライダーにwhipするだけで
メーターの数字表現ができますね！3:50

整数表示は：
Math.round(effect("スライダー制御")("スライダー"))
ループ再生は：
loopOut(Type=”cycle")

エクスプレッションは、便利！便利！

皆さんも、格好いいグラフバーを作ってください！

ーーーーーーーーー 作り方メモーーーーーーーーー

【グラフバーの図形を作成】

長方形シェイプ（塗り＆線）を中央に配置し
シェイプレイヤー の中で、長方形を複製。

外枠：線幅20(塗りを非表示)
内バー：(線を非表示)

内バーのトランスフォームの
アンカーポイントを中央から左端にして
位置を元に戻し
スケールの鍵を外してXの長さを変更する

スケールにキーを打つ
　（1秒：0%, 3秒：70%, 3秒20F：85%, 4秒：90%, 4秒10F：100%）
グラフでランダムなラインを形成！


LOADING ...


【「...」を点滅させる方法】

不透明度の0s、 12f、 1s に
点滅するキーを打ち
３つのキーを選択して
１秒で１回点滅するex:
loopOut(Type=”cycle")


【整数を連続変化させて表示する方法】3:50

スライダー制御（制御）
数字のソーステキストをスライダーにwhip
小数点を表示させないroundのために、下記エクスプレッションを追加
Math.round(effect("スライダー制御")("スライダー"))

内バーのキーに合わせて
0 70 85 90 100

【サイバー的に光らせる方法】
fx:グロー
　しきい値：12.2 半径:10 強度：1.3

ーーーーーーーーー ーーーーーーーーー

68Ae円グラフのパスのトリミングとスライダー制御による整数表示【インフォグラフィック】に引き続き、グラフバーの【インフォグラフィック】チュートリアルです！

●TORAERA
かんたん3D棒グラフアニメーションの作り方【シェイプ】
https://www.youtube.com/watch?v=84XifIrsTtI

●After Effects Overdrive
棒グラフ　チュートリアル　【AfterEffects/アフターエフェクト チュートリアル】
https://www.youtube.com/watch?v=IW5wyZkKcxE

●動画制作 くらふと
「017.数値も動く、実用的な棒グラフの作り方」
https://www.youtube.com/watch?v=0CiATBvGlog

●リョータサトウ After Effects解説チャンネル
Ae / 『スライダー制御』を使って複数のレイヤーを簡単に管理する方法【海外チュートリアル日本語解説】
https://www.youtube.com/watch?v=773Ib7k_g68

●動画研 Douga-ken
After Effectsでインフォグラフィックを作る【グラフチュートリアル】
https://www.youtube.com/watch?v=nf-zo00_w4Q

●DENPO-ZI 2014
実践講座75 プレゼン効果絶大！簡単に作れる棒グラフ
（Graph）https://www.youtube.com/watch?v=qioBzH4XoBc

ーーーーーーーーー ーーーーーーーーー

#アフターエフェクト
#Ae
#グラフバー
#スライダー制御
#エクスプレッション
#ループ再生のエクスプレッション
#整数表示のエクスプレッション