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