填充和描边

Summary

本课程介绍了 Rive 中填充与描边 (Fills and Strokes) 的基础知识。内容涵盖了如何调整颜色（纯色、线性渐变和径向渐变）、不透明度，以及 Rive 特有的矢量羽化 (Vector Feathering) 功能。此外，课程还深入探讨了描边的高级设置，包括线帽（Caps）、连接处（Joins）、路径修剪（Trim Path）和虚线（Dashes），并演示了如何在对象间复制样式。

Step by Step

1. 00:10
   基础填充与不透明度

   选中形状后，通过右侧属性面板修改颜色和不透明度滑块。
2. 00:33
   渐变色

   可以将纯色切换为线性渐变或径向渐变，以实现更复杂的视觉效果。
3. 00:42
   矢量羽化 (Vector Feathering)

   模糊矢量形状的边缘（向内或向外），并使用“Offset（偏移）”属性制作阴影或发光效果。
4. 01:28
   多重填充/描边

   使用 + 号按钮为同一个形状叠加多个填充或描边。可以通过拖拽来改变它们的排序，类似于图层层级。
5. 02:12
   复制样式快捷键

   使用 Option + Cmd + C (Mac) 复制形状样式，选中另一个对象后按 Option + Cmd + V 粘贴。
6. 02:52
   线帽与连接处

   可选择平直（Flat）、圆角（Round）或方头（Square）线帽，以及圆角（Round）、斜角（Bevel）或锐角（Miter）连接处。
7. 03:30
   应用变换 (Apply Transform)

   开启时，描边粗细随对象缩放；关闭时，无论对象如何缩放，描边在视觉上保持固定粗细。
8. 03:58
   路径修剪 (Trim Paths)

   使用“Sequential（顺序）”模式依次修剪多个路径，或使用“Synced（同步）”模式同时修剪。
9. 04:23
   虚线与间隙

   为描边添加虚线（Dash）和间隙（Gap），并利用“Offset”属性让虚线沿路径流动。

Notes About Current Rive

• 矢量羽化优势：与传统的模糊滤镜不同，Rive 的羽化是原生矢量支持，性能极高且支持无损缩放。
• “消失”的直线：默认情况下，钢笔工具创建的路径只有填充（Fill）而无描边（Stroke）。如果绘制的是直线，必须添加描边才能在画面中看到它。
• Trim Path 妙用：路径修剪是制作“生长动画”的神器，常用于图标绘制动画或 UI 加载条。