欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2022-06-18 13:02:09
AE怎么制作网页饼图动画效果?...

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关标签: AE 饼图 动画