Rive 101 logoRive 101
关于项目📋 变更总览EN
0%
进度0/90
4.5

动画练习:钟摆

8m 49s
Rive 101 - Animation Exercise Pendulum

在 YouTube 上观看

📌 本节要点

当前官方播放列表将这节钟摆练习放在 Text Modifiers 之后;本地课位已补回,正文仍待完整校对。

📝 详细教程已添加

Summary

在此练习中,我们将综合运用文本工具、文本运行和修改器来创建一个循环的“节拍器”动画。本课重点介绍了如何将单个单词拆分为多个运行(Runs)以应用独立运动,利用贝塞尔插值模拟物理规律,并实现“超越(Overshoot)”效果以增强动画的灵动感。

Step by Step

  1. 00:18
    拆分文本运行
    双击文本对象“METRONOME”,选中字母“O”,使用 Run from Selection 将文本拆分为三部分:“METRA”、“O”和“GNOME”。
  2. 00:50
    设置修改器
    创建三个文本修改器。将它们分配给对应的运行,并添加必要属性:“METRA”和“GNOME”添加位置属性,“O”添加缩放属性。
  3. 02:10
    动画化 X 轴位移
    在 1 秒的循环时间轴上,为两侧部分设置 X 轴关键帧。“METRA”在第 15 帧向左摆动,“GNOME”在第 45 帧向右摆动。
  4. 03:00
    插值与缓动
    将关键帧从线性切换为 Cubic(贝塞尔)。调整曲线使摆动在起步(撞击)时最快,到达顶点时减速,随后再次加速回到中心。
  5. 04:04
    添加超越 (Overshoot)
    在文字回到中心后添加额外的关键帧,使其在静止前稍微“冲过头”,创造出更具弹性和自然的归位效果。
  6. 05:34
    动画化 Y 轴位移
    为摆动部分添加 Y 轴关键帧以创建弧线轨迹,确保它们在向外摆动时同步向上移动。
  7. 06:41
    碰撞反馈(缩放)
    为“O”设置缩放动画,当两侧文字撞击它时产生挤压(变宽变矮)和拉伸(变高变瘦)。注意在这些属性中,数值 1 代表 100%。

Notes About Current Rive

  • 循环中的超越效果:若要在时间轴末尾应用超越效果,需将“反弹”关键帧放在时间轴开头,以确保循环无缝衔接。
  • 缩放数值表示:在 Rive 的某些属性中,缩放以小数表示,其中 1 为 100%,1.2 为 120%。
  • 次要运动:添加 Y 轴运动和缩放反馈(碰撞感)是提供次要运动(Secondary Motion)的关键,能让程序化动画看起来更像手工制作。

📝 Notes

支持 Markdown
0 字符