跳到主要内容

编辑顶点(Edit Vertices)

无论您创建什么类型的矢量,您都可以在设计模式和动画模式下通过更改顶点的位置或手柄来编辑顶点。

编辑顶点模式(Edit Vertices Mode)​

要进入编辑顶点模式,可以选择形状并按两次 Enter 键,或选择路径并按一次 Enter 键。

图片

激活编辑顶点模式后,您可以选择任何顶点,重新定位它,并编辑贝塞尔手柄(Bezier Handles)。

深度选择(Deep selection)​

在处理一组形状时,您可能想要选择和编辑特定的路径。您可以在层级(Hierarchy)中找到该路径,或者使用深度选择直接在舞台(Stage)上选择它。

要在舞台上选择组内的路径,按住 ⌘ 键(Mac)或 ctrl 键(Windows)并点击目标路径。或者,您可以双击要选择的路径。

路径选项(Path options)​

进入编辑顶点模式后,每条路径在检查器(Inspector)顶部都有一组路径选项。

完成编辑按钮(Done Editing Button)​

完成编辑按钮可用于退出编辑顶点模式。

检查器路径选项顶部的完成编辑按钮

开放路径(Open Path)​

开放路径按钮会断开最后一个顶点与第一个顶点的连接。

检查器顶部路径选项中、完成编辑按钮正下方的开放路径按钮

反转方向(Reverse Direction)​

反转方向按钮可用于反转路径方向。根据填充规则(Fill-Rule),这可以通过改变所选路径的数学取值来消除形状中的孔洞。

转换径向圆角(Convert Radial Corners)​

带圆角半径的直线顶点,在对形状或路径图层应用缩放变换时会发生变形。你可以将径向圆角从程序化属性转换为明确的顶点集合。此过程会消除圆角变形。

路径选项中的转换径向圆角按钮会将单个圆角转换为舞台上的两个顶点

简化(Simplify)​

使用 Simplify(简化) 减少路径中的顶点数量,同时尽量保留整体形状。

  • Tolerance(容差) 控制简化后的路径相对原始路径可偏离的程度。较高的值允许更大变化,并可以移除更多顶点。
  • Corner Angle(转角角度) 控制哪些角度会作为转角被保留。
  • Straight Lines(直线) 会从简化后的路径中移除曲线,用直线连接剩余顶点。

预览会显示简化前后的顶点数量。选择 Simplify Path(简化路径) 以应用更改。

贝塞尔手柄(Bezier handles)​

直线(Straight)​

图片

默认的手柄设置为直线,这会在顶点之间创建直线边缘。

圆角半径(Corner Radius)​

圆角半径属性允许您将直角变圆。此属性仅在顶点设置为直线时显示。

图片

镜像(Mirrored)​

图片

镜像是通过点击并拖动创建顶点时的默认手柄。这些手柄始终保持相同的旋转角度和长度。

分离(Detached)​

图片

分离手柄允许每个手柄具有自己的旋转角度和长度。

非对称(Asymmetric)​

图片

非对称手柄共享相同的旋转角度,但可以具有不同的长度。

实战技巧(Tips)​

使用程序化形状作为起点​

很多情况下,先创建椭圆、矩形等程序化形状,再进入顶点编辑,会比完全从钢笔工具手绘更高效。

  • 例如用椭圆快速改出山丘轮廓
  • 用矩形调整底部顶点可快速制造透视效果

按需切换手柄类型​

创建复杂轮廓时,建议在同一路径中灵活切换直线、镜像、分离、非对称手柄。

手柄类型决定曲线过渡质量。遇到“拐点生硬”或“曲率难控”时,优先检查是否选用了合适的手柄模式。

看完还有疑问?进群交流下!
与众多 Rive 创作者、开发者一起交流探讨与答疑解惑。
加入交流群