After Effectsでグラフなどの数値をアニメーションさせたい時ってありますよね？
そんな時に、スライダー制御を使って数値をアニメーションさせる方法をご紹介します。
まず、初めにテキストを作成します。
文字はなんでもいいので、今回はとりあえず「1」と入力します。
次に、テキストレイヤーを選択して、上のメニューからエフェクト＞エクスプレッション＞スライダー制御を適用します。
テキストレイヤーを展開し、ソーステキストまで表示します。
ソーステキストのストップウォッチをAltを押しながらクリックします。
渦巻きマーク（ピックイップ）をドラッグし、エフェクトパネルのスライダー制御のスライダーの文字のところまで引っ張って離します。
適当なところをクリックして、選択を解除します。
すると、数字が0になります。
スライダー制御の数値と、画面の数値がリンクされているので、スライダー制御の数値を変えると、画面の数値も同様に変わります。
あとは、スライダー制御のストップウォッチをクリックし、キーフレームを打つと数値をアニメーションさせることができます。
ただし、このままだと小数点以下まで表示されてしまいます。
そこで、テキストレイヤーを再び展開し、ソーステキストに入力されているエクスプレッションを調整します。
この場合、今入力されているコードをMath.round()と入力して囲むと、整数のみ表示されるようになります。
適当なところをクリックし、選択を解除すると整数だけの数値がアニメーションできるようになります。
まとめ
スライダー制御は、数値のアニメーションだけでなく、パラメータを関連付けてアニメーションさせる際によく出てくるエフェクトになります。
その際も、ピックイップ（渦巻き）から別のパラメータにリンクさせることが必要になってくるので今回覚えたことを忘れないようにしましょう！
クオリティアップに必要な素材やプリセットが揃う
「Envato Elements」が7日間の無料体験を実施しています！
「リキッドアニメーション」などの使用頻度の高い素材から
クオリティの高いテンプレートの中身を見ることもできるので、
効率アップや引き出しを増やしたい方はぜひ！
