AE怎么制作创意的动态数据图表?

问题描述:

AE怎么制作创意的动态数据图表?工作中经常会用到动态图标,使用excel也能制作出来,但是样式就很局限,想要只用ae制作一个动态数据图表,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

AE中可以制作漂亮的数据图表,该怎么制作动态图标呢?下面我们就来看看详细的教程。

AE怎么制作创意的动态数据图表?

1、ctrl + n 新建一个合成,ctrl + y 新建一个纯色层,命名为“ 网格

AE怎么制作创意的动态数据图表?

AE怎么制作创意的动态数据图表?

2、选择 效果 - 生成 -网格,制作网格背景

AE怎么制作创意的动态数据图表?

3、将网格图层缩放到60%, 边界设为1,大小依据选择 宽度和高度滑块, 调整宽度、高度,注意将四周对齐,形成一个封闭的网格

AE怎么制作创意的动态数据图表?

4、锁定网格图层,用钢笔工具画一条形状路径,取消填充,描边随便先设置一个值

AE怎么制作创意的动态数据图表?

5、点击下图所示 ‘描边’文字, 设置描边类型为渐变

AE怎么制作创意的动态数据图表?

6、点击渐变颜色图标,设置一个你喜欢的颜色,点击确定
 

AE怎么制作创意的动态数据图表?

7、可以看到渐变不是很自然,可以将下图红圈圈起来的点往左右两端拖动,使过渡看起来更自然一些

AE怎么制作创意的动态数据图表?

8、修改 线段端点为 ‘圆头端点’, 给起一个名字,叫曲线

AE怎么制作创意的动态数据图表?

9、选择钢笔工具,填充设为渐变,不要描边,画一个下图所示的形状,制作曲线的渐变背景可以适当降低图层透明度,方便观察

AE怎么制作创意的动态数据图表?

10、填充一个跟曲线一样的渐变色,命名为 渐变背景,可以再降低一点透明度

AE怎么制作创意的动态数据图表?

AE怎么制作创意的动态数据图表?

11、接下来我们给 ‘渐变背景’ 添加一个蒙版,让它底部透明。ctrl + y新建一个纯色层,命名为渐变蒙版

AE怎么制作创意的动态数据图表?

12、选择 效果 -生成 -梯度渐变

AE怎么制作创意的动态数据图表?

13、将图层缩小到比‘网格’略大,降低透明度,方便观察
 

AE怎么制作创意的动态数据图表?

14、调整梯度渐变参数,起始颜色为白色, 结束颜色为黑色,黑色部分添加蒙版以后会透明,具体参数可以自行尝试, 然后将图层的透明度恢复到100%

AE怎么制作创意的动态数据图表?

15、选择渐变蒙版图层, 模式设为 模板亮度, 如果你的图层面板没有这个,点击下图红圈所示位置,就可以找到

AE怎么制作创意的动态数据图表?

16、得到如下效果:

AE怎么制作创意的动态数据图表?

17、将曲线图层移动到顶部,添加投影效果

AE怎么制作创意的动态数据图表?

18、投影颜色黑色, 距离自己根据需要设置, 柔和度不要太大10左右即可,角度-190左右

AE怎么制作创意的动态数据图表?

19、选择曲线图层, 添加 修剪路径,如下图

AE怎么制作创意的动态数据图表?

20、展开修剪路径, 给结束制作0-100的关键帧动画,时间根据需要自己设置,我这里差不多1秒多钟。 你还可以添加缓动效果,我这里就不做演示了
 

AE怎么制作创意的动态数据图表?

21、选择 渐变背景, 给它添加一个矩形蒙版

AE怎么制作创意的动态数据图表?

AE怎么制作创意的动态数据图表?

22、展开蒙版,给蒙版路径添加关键帧动画,第一帧移动到左侧,第二个关键帧的时候讲蒙版移动到刚好使得渐变背景完全显示出来

AE怎么制作创意的动态数据图表?

AE怎么制作创意的动态数据图表?

23、最终效果如下所示

AE怎么制作创意的动态数据图表?

以上就是ae制作动态图表的教程,希望大家喜欢,请继续关注。