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

路径方向与填充规则

7m 06s
Rive 101 - Path Direction and Fill Rules

在 YouTube 上观看

📌 本节要点

路径方向影响填充,non-zero 填充规则,以及如何通过方向和规则组合创建镂空效果。

📝 详细教程已添加

Summary

本课程深入讲解了路径方向(Path Direction)如何影响矢量图形的填充逻辑。重点介绍了在“非零环绕(Non-Zero)”填充规则下,如何通过改变路径的顺时针或逆时针方向来创建孔洞或合并形状。同时,课程还涵盖了在开启矢量羽化(Vector Feathering)时,如何利用“顺时针(Clockwise)”规则和“减去路径(Subtract Path)”选项更直观地处理复杂的复合路径。

Step by Step

  1. 00:04
    识别路径方向
    每个路径都有其特定的方向。在进入顶点编辑模式(Edit Vertices)时,箭头形状的顶点指示了路径的流动方向。
  2. 00:54
    反转路径方向
    使用顶部工具栏的 Reverse Direction 按钮,可以将路径在顺时针和逆时针之间切换。
  3. 01:12
    Non-Zero 填充原理
    在默认规则下,顺时针路径赋值为 +1,逆时针为 -1。Rive 会计算这些值的总和,非零区域将被填充。
  4. 01:54
    创建孔洞
    当同一个形状图层内的两个路径方向相反(如一个顺时针,一个逆时针)且相互重叠时,重叠部分的总值为 0,从而产生孔洞效果。
  5. 03:07
    缩放对方向的影响
    将路径的 X 轴或 Y 轴缩放设置为 -100% 会反转路径方向。如果导致孔洞意外消失或出现,需手动调整方向。
  6. 04:09
    剪裁组中的应用
    将图层剪裁(Clip)至包含多个路径的组时,组内所有路径的方向都会参与填充规则的计算。
  7. 05:04
    矢量羽化限制
    启用矢量羽化(Vector Feathering)后,系统会强制使用 Clockwise 填充规则,此时改变路径方向将无法产生孔洞。
  8. 06:04
    使用 Subtract Path 选项
    在 Clockwise 规则下,可以通过勾选单个路径属性中的 Subtract Path 快速创建孔洞,无需顾虑路径方向或缩放问题。

Notes About Current Rive

  • 逻辑优化:虽然传统的 Non-Zero 规则很强大,但在 Rive 中使用 Clockwise 配合 Subtract Path 是更现代、更不容易出错的工作流。
  • 术语提醒:准确理解路径方向(Path Direction)对于处理贝塞尔手柄(Bezier Handles)和程序化图形(Procedural Shapes)的填充至关重要。
  • 羽化兼容性:如果你的图形需要柔和的边缘(羽化),必须切换到 Clockwise 模式并使用减去路径法。

📝 Notes

支持 Markdown
0 字符