3.4
插值面板
6m 02s部分过时+1 项变更⚠️ 部分内容与当前版本有差异
📌 本节要点
线性/保持/三次插值类型,曲线手柄调整加速减速效果。
📝 详细教程已添加
Summary
本课程详细讲解了插值(Interpolation)的概念,即属性值在关键帧之间变化的速度,通常被称为“缓动(Easing)”。课程介绍了 Rive 中的五种插值类型:线性(Linear)、保持(Hold)、三次贝塞尔(Cubic)、三次数值(Cubic Value)和弹性(Elastic)。通过插值面板和图形,用户可以精确控制动作的加速、减速以及各种动效反馈。
Step by Step
-
00:13
访问插值面板插值面板位于编辑器下方。只有在选中一个或多个关键帧后,面板中的选项才会激活。
-
00:32
认识插值类型默认关键帧为 Linear(线性)。此外还有 Hold(保持)、Cubic(三次贝塞尔)、Cubic Value(三次数值)和 Elastic(弹性)。
-
00:52
理解插值图形图形的 X 轴代表时间,Y 轴代表属性变化。直线的斜率代表变化速率;垂直蓝线表示当前播放头在特定插值中的位置。
-
02:14
线性(Linear)与保持(Hold)
- Linear:以恒定速度变化,运动路径上的点间距均匀。
- Hold:值会保持不变,直到遇到下一个关键帧瞬间跳变。常用于不带渐变的开关效果(如不透明度瞬变)。
-
03:12
三次贝塞尔(Cubic)提供非恒定的速度变化。可以通过拉动控制手柄来自定义“先快后慢”或“先慢后快”的缓动曲线。
-
04:47
弹性(Elastic)用于实现预备动作(Anticipation)和超越/回弹(Overshoot)效果。支持“仅预备”、“仅超越”或两者兼有的设置。
-
05:36
层级关键帧注意事项对顶层关键帧应用插值会同时改变其下所有属性的插值方式。若需差异化处理,请展开图层并单独为特定属性设置。
Notes About Current Rive
- 物理真实感:现实世界中的物体很少以恒定速度运动,合理使用 Cubic 插值能让动画看起来更自然、更具生命力。
- 插值面板快捷反馈:调整插值后,观察运动路径上的点间距分布,可以直观地确认速度变化是否符合预期。
- 缓动模板:在 Cubic 模式下,预设的曲线形状可以覆盖大部分常见的缓动需求。
📝 Notes
支持 Markdown
0 字符
