1 . 第一层扇形
-
在特效库中找到「Fusion合成片段」拖到时间线,切换至「fusion页面」。
-
添加
Background1
节点(颜色改为透明) → 连接至MediaOut1
-
第一层扇形
-
添加
Background2
节点:颜色改为RGB(0.0, 0.6, 1.0) Alpha:1.0
-
添加
Ellipse1
节点 → 连接至Background2
节点的遮罩端口 -
将
Background2
连接至Merge1
节点,与主节点合并。 -
点击椭圆节点「Ellipse1 」
- 取消勾选「实体」
- 边框宽度:
0.1
(示例值) - 头的样式:平头
-
拖动「长度」就可以调整环形的周长
-
调整
起始位置
为0.25
-
2 . 扇形形成原理
-
环形→扇形转换:
- 拖动右下角 可以同时调整「高度」和「宽度」
- 当
高度 = 宽度 = 边框宽度
时呈现完美扇形
-
表达式关联:
- 给
高度
宽度
添加表达式 → 等于边框宽度
- 调整
边框宽度
就等于调整「扇形直径」
- 给
3 . 第二层扇形
与第一层扇形同理,区别是第二个扇形的直径要大于第一个扇形的直径
第二层扇形的颜色:RGB(0.4, 0.8, 1.0) Alpha:1.0
4 . 关键帧动画
-
第一层扇形:
- 第0帧:长度=
0
- 第20帧:长度=
1
- 生长方向修正:
在Merge1
节点启用「水平翻转」
- 第0帧:长度=
-
第二层扇形:
- 第10帧:长度=
0
- 第30帧:长度=
0.6
(表示60%) - 生长方向修正:
在Merge2
节点启用「水平翻转」
- 第10帧:长度=
-
动画曲线优化:
在样条线面板全选关键帧 → 按S
键设置为非线性动画
5 . 百分比显示
-
添加
Text+
节点 → 与主输出合并 -
字体/大小/颜色按需调整
-
表达式设置:
-
右击输入框 → 添加表达式
-
拖动关联图标至
Ellipse1
节点的「长度」参数 -
修改表达式:
floor(Ellipse1_1.WriteLength * 100) .. "%"
-
6 . 表达式解析
代码组件 | 功能说明 | 数学示例 |
---|---|---|
floor() |
向下取整消除小数 | 65.9 → 65 |
Ellipse1_1.WriteLength |
椭圆长度值 | 0.65 |
*100 |
转换为百分制数值 | 0.65 → 65 |
.. "%" |
添加百分比符号 | 65 → "65%" |