矢量羽化(Vector Feathering)
矢量羽化会柔化填充或描边的边缘,使它逐渐淡出,而不是停在一条硬边上。用它制作发光、投影、内阴影、柔光,以及任何需要模糊边缘的形状。
矢量羽化是 Rive 发明的。它柔化的是矢量路径本身,而不是模糊已渲染的像素,因此避免了传统高斯模糊的高昂开销,并在任意尺寸下保持边缘清晰。想了解它如何工作、以及为什么快这么多,请阅读 How Rive reinvented feathering for the vectorian era。
矢量羽化需要 Rive 渲染器。使用其他渲染器绘制的运行时或包不支持它,例如 Web 运行时的 Canvas2D 包。参见选择渲染器。
添加羽化(Adding a feather)
任何填充或描边都可以羽化。
选中形状。
在检查器中,点击要柔化的填充或描边上的羽化图标。也可以在填充或描边选项中打开 羽化(Feather)。

打开填充或描边选项以调整羽化。
要移除羽化,再次点击羽化图标。Rive 会保留羽化设置,因此重新打开时会恢复这些设置。
对填充做羽化会把它切换为 Rive 的顺时针填充规则,羽化开启时不能更改填充规则。自交路径在此填充规则下的外观,可能与原始设计不同。
羽化选项(Feather options)
方向(Direction)
只有填充有方向。
- 向外(Outer) 从路径边缘向外羽化,类似发光或阴影。这是默认值。
- 向内(Inner) 从边缘向内羽化,类似内阴影或暗角。

程度(Amount)
边缘有多柔和。数值越高,羽化铺开的范围越宽。默认值是 12。

偏移(Offset)
按 X 和 Y 距离把羽化移离路径。用它把阴影投到形状的下方或一侧。
空间(Space)
设置偏移跟随哪种变换。
- 世界(World) 让偏移保持同一方向,即使形状或其父级旋转或缩放。用于应与单一光源保持一致的投影。这是默认值。
- 局部(Local) 让偏移随形状移动,因此会一起旋转和缩放。

方向(Direction)、程度(Amount) 和 偏移(Offset) 都可以在时间轴上设置关键帧,或绑定到数据。
示例(Examples)
发光(Glow)
给形状再加一个填充或描边,并给它一个明亮的颜色。
把它移到原来的填充或描边后面。
打开它的羽化,提高 程度(Amount),直到发光达到你想要的宽度。
投影(Drop shadow)
给形状再加一个填充,设为深色、半透明,并把它移到原来的填充后面。
打开它的羽化并设置 程度(Amount)。
设置 偏移(Offset) 来移动阴影,例如向下、向右几个单位。
保持 空间(Space) 为 世界(World),这样形状旋转时阴影仍朝同一方向。
内阴影(Inner shadow)
在原来的填充之上再加一个填充,给它深色,然后打开羽化并把 方向(Direction) 设为 向内(Inner)。加上 偏移(Offset),把阴影推向某一边。