2.5
路径方向与填充规则
7m 06s📌 本节要点
路径方向影响填充,non-zero 填充规则,以及如何通过方向和规则组合创建镂空效果。
📝 详细教程已添加
Summary
本课程深入讲解了路径方向(Path Direction)如何影响矢量图形的填充逻辑。重点介绍了在“非零环绕(Non-Zero)”填充规则下,如何通过改变路径的顺时针或逆时针方向来创建孔洞或合并形状。同时,课程还涵盖了在开启矢量羽化(Vector Feathering)时,如何利用“顺时针(Clockwise)”规则和“减去路径(Subtract Path)”选项更直观地处理复杂的复合路径。
Step by Step
-
00:04
识别路径方向每个路径都有其特定的方向。在进入顶点编辑模式(Edit Vertices)时,箭头形状的顶点指示了路径的流动方向。
-
00:54
反转路径方向使用顶部工具栏的 Reverse Direction 按钮,可以将路径在顺时针和逆时针之间切换。
-
01:12
Non-Zero 填充原理在默认规则下,顺时针路径赋值为 +1,逆时针为 -1。Rive 会计算这些值的总和,非零区域将被填充。
-
01:54
创建孔洞当同一个形状图层内的两个路径方向相反(如一个顺时针,一个逆时针)且相互重叠时,重叠部分的总值为 0,从而产生孔洞效果。
-
03:07
缩放对方向的影响将路径的 X 轴或 Y 轴缩放设置为 -100% 会反转路径方向。如果导致孔洞意外消失或出现,需手动调整方向。
-
04:09
剪裁组中的应用将图层剪裁(Clip)至包含多个路径的组时,组内所有路径的方向都会参与填充规则的计算。
-
05:04
矢量羽化限制启用矢量羽化(Vector Feathering)后,系统会强制使用 Clockwise 填充规则,此时改变路径方向将无法产生孔洞。
-
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 字符
