曲线路径

2 min read

三角路径让您对中风的可见度进行动画,在线条出现实时绘制的地方产生"拖动"效果. 这是运动图形中最流行的 揭示文字、插图和图表的技术之一.

Path with partial trim visible
A 路径, 剪切后设置为 0. 5, 只显示中风的前半部分

如何运作

每条路径有三个修剪属性:

财产 范围 说明
三进制开始 0 - 1 可见部分开始的地方( 0 = 路径开始)
三进制 0 - 1 当可见部分结束(1=路径端)
三进制 0 - 1 沿路径移动可见窗口

当trimStart = 0和trimEnd = 1时,完整路径可见(默认). 改变这些值会显示或隐藏中风的部分.

绘制效果

最常用的用途: 似乎自画像的中风.

  1. 用可见的中风创建路径或形状
  2. 添加密钥框架动画 :
    • 时间 0: trimEnd = 0( 无可见)
    • 时间2:trimEnd = 1(完全抽签)
  3. 播放显示路径绘图的时间线

这特别适用于:

  • 使用 Cursive 字体系统创建的诅咒文本
  • 用绘图工具制作的手绘插图
  • 动画流程图的数字连接器

部分启示

只显示路径的一部分 :

  • 设定 trimStart = 0.2 和 trimEnd = 0.8 显示中间的 60%
  • 激活两个值以扩展或收缩可见部分
  • 隐藏的部分是完全看不见的(不仅仅是透明的)

滑动窗口

创建沿着路径移动的片段 :

  1. 设置固定窗口大小:trimStart = 0,trimEnd = 0.3
  2. 动画 trimOffset 从 0 到 1
  3. 沿着整个路径长度的可见段幻灯片

这就产生了如下效果:

  • 装入指标
  • 扫描/跟踪动画
  • 赛道或进度线效果

兼容项目

修剪路径与 :

项目类型 页:1
路径 线条、曲线、免费绘图
复合路径 具有多个子路径的复杂形状
组 适用于组内的所有路径
蒙面团体 使用口罩的物品

图: 对于带文字的最佳抽奖效果,请使用Cursive Font系统. 它创造了对修剪路径动画来说最理想的单中程文本路径.

与其他特性结合

  • Keyframe 编辑器 - 随时间推移而适应自定义
  • 关系 - 使用driven_by将修饰值链接到其他项目属性
  • 时间表达式 - 使用数学表达式创建复杂的修饰模式

提示

  1. 使用 leaseOut 用于拉动效果 - 它在结尾会自然减速
  2. 保持中风可见 - 曲线路径只影响中风路径,而不是填充
  3. 检查中风宽度 - 中风对动画来说更好看
  4. Stagger多路径 - 使用时间偏移来按顺序绘制路径
  5. 全速预览 - Trim动画在慢对正常速度时会感觉不同

相关: 关键框架编辑器 | Font Studio | 动画