AE教程-B站点赞、收藏统计图效果

昨天晚上看B站后台，看到那个点赞、收藏统计的图表，尝试做了一下，效果如下图：

今天跟大家分享一下制作思路。

1、新建一个圆形形状命名为"Fav_circle"，不要填充，描边120，给圆形画一个蒙版，后面要给描边做动画，描边会向内向外增大， 画蒙版可以遮住向内增加的部分，形成上面gif所示的向外增大的效果。

再给"Fav_circle"添加一个修建路径，先不用调整其参数。

2、ctrl+d复制一层，改其颜色，将其命名为“Like_circle”，调整其start为60，调整"Fav_circle"的end为60。

3、给两个图层分别添加“Simple choker”简单阻塞效果， Choke Matte设为2，这样两个图形之间就会产生一点间距。

经过前面3步，你应该得到如下图所示的图形。

4、接下来就是给描边（stroke width）、描边颜色（color）做关键帧动画。k帧有点麻烦，我就不说了，大家可以自己尝试，或者下载原文件查看。

5、将点赞跟收藏的数据通过一个slider control关联起来。

新建一个空图层，命名为“percent_control”，将“Fav_cicle”的end绑定到“percent_control”，
将“Like_circle”的star绑定到“Fav_cicle”的end上，这样两个图所占百分百就关联起来了。

看到这里你也可能有点懵，可以下载工程文件看一下，再回来看就比较容易理解了。
其实到这一步这个效果到关键部分已经完成了，剩下到就是画个鼠标K帧模拟鼠标进入、移出到效果。
图中收藏60%黑色块跟着鼠标移动，只需将鼠标作为其父级即可。

这个例子中还使用了comp()跨合成获取数据，如果你对表达式不熟，还是值得一看的。

这个教程写的有点简单，主要讲了几个关键的部分，其他k帧的地方文字写，将是一篇很长很长的文章，估计也没几个人有耐心看下去。
大家下载原文件自己学习吧， 如果你用的是中文版， 注意添加Slider Control这里， 你打开工程肯会报错。

如果有问题可以留言或者进QQ群交流。

工程文件下载地址：
链接: https://pan.baidu.com/s/1Z-WhRdnVS--ZZYuhAKyKJw 

提取码: z4bn 

大家要觉得有帮助到你，可以点个赞支持一下，谢谢。