小羊Craft
发布于 2025-07-12 / 59 阅读
1
0

制作动态百分比加载动画,新手也能轻松搞定!

1. 创建“Fusion 合成”片段

  • 在剪辑页面 → 特效库 → 特效,将“Fusion 合成”效果拖拽到时间线上。
  • 切换至「fusion页面」。

2. 核心节点搭建

  1. 添加 Background节点(Background的颜色可按需修改)

  2. 添加 Ellipse节点 → 连接至 Background节点的遮罩端口
    参数设置:

    • 取消勾选「实体」
    • 边框宽度:0.015

3. 关键帧动画

  1. 第0帧:将「长度」参数设为 0(创建关键帧)
  2. 第50帧:手动输入 -1(注意需手动输入)
  3. 将「位置」参数修改为 0.25(控制线条起始点)

4. 数字增长动画

  • 添加 Text+节点 ,字体和字体大小可按需更换。
  • 右击输入框选择「添加表达式」输入代码:
floor(abs(Ellipse1.WriteLength * 100)) .. "%"
  • 动态关联:点击 Text+节点右上角「固定」按钮锁定编辑器,点击 Ellipse节点,拖动表达式旁边的加号连→接到 Ellipse节点的「长度」参数。

5. 表达式解析

代码段 功能说明 示例结果
abs() 取绝对值消除负数 -1 → 1
*100 小数转百分比数值 0.5 → 50
floor() 向下取整消除小数 55.9 → 55
.. "%" 添加百分比符号 55 → 55%

评论