轻松搞定动态扇形统计图,Fusion 小白也能做!

小羊Craft
发布于 2025-07-17 / 19 阅读
0
0

轻松搞定动态扇形统计图,Fusion 小白也能做!

1 . 第一层扇形

  • 在特效库中找到「Fusion合成片段」拖到时间线,切换至「fusion页面」。

  • 添加 Background1节点(颜色改为透明) → 连接至 MediaOut1

  • 第一层扇形

    1. 添加 Background2节点:颜色改为 RGB(0.0, 0.6, 1.0) Alpha:1.0

    2. 添加 Ellipse1节点 → 连接至 Background2节点的遮罩端口

    3. Background2连接至 Merge1节点,与主节点合并。

    4. 点击椭圆节点「Ellipse1 」

      • 取消勾选「实体」
      • 边框宽度:0.1(示例值)
      • 头的样式:平头
    5. 拖动「长度」就可以调整环形的周长

    6. 调整 起始位置为0.25

2 . 扇形形成原理

  • 环形→扇形转换

    • 拖动右下角 可以同时调整「高度」和「宽度」
    • 高度 = 宽度 = 边框宽度 时呈现完美扇形
  • 表达式关联

    • 高度 宽度 添加表达式 → 等于 边框宽度
    • 调整 边框宽度就等于调整「扇形直径」

3 . 第二层扇形

与第一层扇形同理,区别是第二个扇形的直径要大于第一个扇形的直径

第二层扇形的颜色:RGB(0.4, 0.8, 1.0) Alpha:1.0

4 . 关键帧动画

  • 第一层扇形

    1. 第0帧:长度=0
    2. 第20帧:长度=1
    3. 生长方向修正
      Merge1节点启用「水平翻转」
  • 第二层扇形

    1. 第10帧:长度=0
    2. 第30帧:长度=0.6(表示60%)
    3. 生长方向修正
      Merge2节点启用「水平翻转」
  • 动画曲线优化
    在样条线面板全选关键帧 → 按 S键设置为非线性动画

5 . 百分比显示

  • 添加 Text+节点 → 与主输出合并

  • 字体/大小/颜色按需调整

  • 表达式设置

    1. 右击输入框 → 添加表达式

    2. 拖动关联图标至 Ellipse1节点的「长度」参数

    3. 修改表达式:

      floor(Ellipse1_1.WriteLength * 100) .. "%"
      

6 . 表达式解析

代码组件 功能说明 数学示例
floor() 向下取整消除小数 65.9 → 65
Ellipse1_1.WriteLength 椭圆长度值 0.65
*100 转换为百分制数值 0.65 → 65
.. "%" 添加百分比符号 65 → "65%"

评论