AE怎么制作网页饼图动画效果?

AE中想要制作网页饼图动效,该怎么制作呢?下面我们就来看看详细的教程。

软件名称:
Adobe After Effects CC 2018 v15.1.2.69 64位 特别版 永久授权免登陆
软件大小:
1.84GB
更新时间:
2018-07-20

1、打开AE软件,新建一个合成。使用椭圆工具绘制一个正圆,无填充,描边800px。

AE怎么制作网页饼图动画效果?_第1张图片 

2、将形状图层更改名字为40,椭圆下方的填充删除,大小和描边一致,都为800。

AE怎么制作网页饼图动画效果?_第2张图片

3、在变换:椭圆1一栏将锚点和位置设置为0。

AE怎么制作网页饼图动画效果?_第3张图片

 

4、内容右边三角图标选择添加修剪路径。

AE怎么制作网页饼图动画效果?_第4张图片

5、在修剪路径下方的结束处,输入数值40,在左边的码表处按住Alt键,调出表达式,输入:thisLayer.name,确定.

AE怎么制作网页饼图动画效果?_第5张图片

6、这里要注意一点,图层的名字要和结束处输入的数值一样才行,否则会弹出错误框。

AE怎么制作网页饼图动画效果?_第6张图片

7、紧接着Ctrl+D,复制粘贴几个图层,分别输入20,10,30数值。

AE怎么制作网页饼图动画效果?_第7张图片

8、然后将描边的颜色更改成各不相同的,再按R快捷键,调出旋转,调整角度,直到拼成一个正圆。

AE怎么制作网页饼图动画效果?_第8张图片

9、拷贝粘贴30的图层,命名为100.右键选择效果--过渡--径向擦除.

AE怎么制作网页饼图动画效果?_第9张图片

10、给径向擦除打关键帧动画.擦除中心数值和其他图层一致。

AE怎么制作网页饼图动画效果?_第10张图片

11、将100图层的模式更改为轮廓alpha。

AE怎么制作网页饼图动画效果?_第11张图片

12、最后再将过渡的关键帧选中,按快捷键F9,做缓入缓出效果.播放查看运行效果。

AE怎么制作网页饼图动画效果?_第12张图片

以上就是AE制作网页饼图动画效果的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

AE怎么制作小球在矩形框内融合滚动的动画?

AE怎么实现文字跟随音乐节奏舞动的动画?

ae文字怎么添加扫光效果? ae扫描光效的制作方法

你可能感兴趣的:(AE怎么制作网页饼图动画效果?)