4.5
动画练习:钟摆
8m 49s📌 本节要点
当前官方播放列表将这节钟摆练习放在 Text Modifiers 之后;本地课位已补回,正文仍待完整校对。
📝 详细教程已添加
Summary
在此练习中,我们将综合运用文本工具、文本运行和修改器来创建一个循环的“节拍器”动画。本课重点介绍了如何将单个单词拆分为多个运行(Runs)以应用独立运动,利用贝塞尔插值模拟物理规律,并实现“超越(Overshoot)”效果以增强动画的灵动感。
Step by Step
-
00:18
拆分文本运行双击文本对象“METRONOME”,选中字母“O”,使用 Run from Selection 将文本拆分为三部分:“METRA”、“O”和“GNOME”。
-
00:50
设置修改器创建三个文本修改器。将它们分配给对应的运行,并添加必要属性:“METRA”和“GNOME”添加位置属性,“O”添加缩放属性。
-
02:10
动画化 X 轴位移在 1 秒的循环时间轴上,为两侧部分设置 X 轴关键帧。“METRA”在第 15 帧向左摆动,“GNOME”在第 45 帧向右摆动。
-
03:00
插值与缓动将关键帧从线性切换为 Cubic(贝塞尔)。调整曲线使摆动在起步(撞击)时最快,到达顶点时减速,随后再次加速回到中心。
-
04:04
添加超越 (Overshoot)在文字回到中心后添加额外的关键帧,使其在静止前稍微“冲过头”,创造出更具弹性和自然的归位效果。
-
05:34
动画化 Y 轴位移为摆动部分添加 Y 轴关键帧以创建弧线轨迹,确保它们在向外摆动时同步向上移动。
-
06:41
碰撞反馈(缩放)为“O”设置缩放动画,当两侧文字撞击它时产生挤压(变宽变矮)和拉伸(变高变瘦)。注意在这些属性中,数值
1代表 100%。
Notes About Current Rive
- 循环中的超越效果:若要在时间轴末尾应用超越效果,需将“反弹”关键帧放在时间轴开头,以确保循环无缝衔接。
- 缩放数值表示:在 Rive 的某些属性中,缩放以小数表示,其中
1为 100%,1.2为 120%。 - 次要运动:添加 Y 轴运动和缩放反馈(碰撞感)是提供次要运动(Secondary Motion)的关键,能让程序化动画看起来更像手工制作。
📝 Notes
支持 Markdown
0 字符
