最近天气在晴与雪中反复波动。早上大雪纷飞然而到了下午就阳光明媚得睁不开眼～也是别有一番风味。
使用aftereffect制作进度条GIF的快速方法：1. 变化的百分数；2. 进度条的动效-条形／圆形； 3. 从Video导出成GIF。我们从变化的百分数开始。
变化的百分数
1. 新建一个 null object并且重命名为Counter
2. 在 Effects & Presets 中搜索slider并选择 Slider Control. 点击拖动至新建的null object来加入其中。
3. 选择文字工具新建文字图层。任意输入一个百分数例如10%。选中Source Text，在hold住Option键的时候点击小停表图标，可以调出输入source text的窗口。
4. 把一下内容输入source text中：注意Math.round(x)/1那里，如果想要两位小数就是／100，以此类推，三位小数／1000，四位／1000……
x = thisComp.layer("Counter").effect("Slider Control")("Slider");
Math.round(x)/1 + "%";
5. 现在可以去试一试啦～，当你拖动slider control的时候屏幕上的数字也在随之变化。
6. 最后一步就是设置自动播放了。展开Counter的Effects，在slider control里设置key frame就好啦。右键单击选择 edit value，将开始的地方设为0，结束的时候设为100。这样当播放的时候就会自动从0%count到100%啦～
制作条形／圆形进度条
在上面已经设置好百分数的基础上，我们来一起做进度条。这里就用圆形进度条来举例子吧～
1. 新建 shape layer，并画上一个圆。
设置画好的圆填充 Fill为透明或者所在位置的底色，调整stroke的宽度来决定到底想要环状的进度条还是实心圆形pie状的进度条。如果想要pie状的，只要把stroke调得很厚就好啦～
2. 选取shape layer，并在contents里add “Trim Paths”
3. 打开刚刚添加的Trim Path 1的具体设置，hold option键并点击End前的小停表图标，就可以看到设置的具体内容；点住小漩涡?图标，并拖动到effect control窗口的slider那里～
4. 现在你就会发现，当你拖动slider的时候进度条和对应的数字都在动啦～利用第一部分里面设置好的key frame，也就可以自动播放了～
(●°u°●)
