请点击右上角在浏览器中打开

数据可视化丨环形图的制作

veleap头像
VE Leap社区
2022-12-16
254
正文内容

在运用到数据可视化的场景中,如何让我们的环形图在好看之余便于控制呢?今天用简单易操作的方式来呈现一组环形图的制作。

1.新建合成,使用形状图层画一个圆,保留描边,去掉填充,将描边改为圆头端点。

ae教程, 表达式,数据可视化,数据,环形图,图标,math.round,ae表达式,数学,打工人,ppt,excel,office,动效设计

2.为形状图层添加修剪路径。

ae教程, 表达式,数据可视化,数据,环形图,图标,math.round,ae表达式,数学,打工人,ppt,excel,office,动效设计

3.新建文字层,将锚点设在底部居中的位置。

ae教程, 表达式,数据可视化,数据,环形图,图标,math.round,ae表达式,数学,打工人,ppt,excel,office,动效设计

4.新建空对象命名为“数字1”,添加滑块控制。

ae教程, 表达式,数据可视化,数据,环形图,图标,math.round,ae表达式,数学,打工人,ppt,excel,office,动效设计

5.展开修剪路径,将结束关联在滑块控制上。

ae教程, 表达式,数据可视化,数据,环形图,图标,math.round,ae表达式,数学,打工人,ppt,excel,office,动效设计

6.展开文本层,将源文本关联在滑块控制上。

ae教程, 表达式,数据可视化,数据,环形图,图标,math.round,ae表达式,数学,打工人,ppt,excel,office,动效设计

7.当我们给滑块K帧时,数字和环形图都会有相应的动画,但目前的效果需要进行优化。

ae教程, 表达式,数据可视化,数据,环形图,图标,math.round,ae表达式,数学,打工人,ppt,excel,office,动效设计

8.利用过去的教程中我们学会的Math.round函数,将源文本的表达式改为:

*S = thisComp.layer("数字1").effect("滑块控制")("滑块")

if(Math.round(S) < 10){
'0'+Math.round(S)
}
else if(Math.round(S) >= 10){
Math.round(S)
}*
ae教程, 表达式,数据可视化,数据,环形图,图标,math.round,ae表达式,数学,打工人,ppt,excel,office,动效设计

9.为文本层的透明度和缩放K帧,一秒钟左右呈现。

ae教程, 表达式,数据可视化,数据,环形图,图标,math.round,ae表达式,数学,打工人,ppt,excel,office,动效设计

10.掌握这个方法,可以进行多种变化,进行环形图的设计。

ae教程, 表达式,数据可视化,数据,环形图,图标,math.round,ae表达式,数学,打工人,ppt,excel,office,动效设计

相关阅读:

AE小技巧丨random表达式实现随机数

数据可视化动效设计/炫酷金融动效设计

  • AE使用教程
  • AE教程
  • 数据
  • 数据可视化
  • 表达式
  • 环形图
  • 图标
  • math.round
/
立即打卡
点击下方”选择文件"或将文件拖拽到此区域
支持批量上传,上传格式为mp4文件
*标题:
*简介:
下载专区

温馨提示

暂不支持 系列版本下载 欢迎加入社区交流群,获取最新产品及资讯