裁剪

Summary

本课程详细介绍了剪裁（Clipping）功能，这是在 Rive 中实现遮罩效果的核心工具。通过剪裁，你可以利用一个图形的路径来限制另一个图形或组的可见区域。课程涵盖了基础剪裁操作、文本剪裁的处理方式、描边对剪裁的影响，以及在角色设计（如头部转动）中的实际应用案例。

Step by Step

1. 00:17
   文本转形状

   如果要使用文本作为剪裁源，需先选中文本并点击 Flatten to Shape 将其转换为矢量形状。
2. 00:41
   添加剪裁属性

   选中你想要被剪裁的图层（目标图层），在右侧属性面板的 Clip 栏点击 “+” 号。
3. 00:48
   选择剪裁源

   此时编辑器会出现蓝色边框提示，在层级面板或画布上点击作为“遮罩”的形状，目标图层将仅在遮罩范围内显示。
4. 01:01
   隐藏遮罩视觉样式

   如果不希望看到剪裁源本身的填充或描边，可以将其 Fill/Stroke 删除或透明度设为 0，但切记不能在层级面板隐藏该图层。
5. 02:04
   描边与剪裁限制

   剪裁是基于路径（Path）定义的形状区域进行的。普通的直线描边由于没有闭合填充区域，无法有效地作为剪裁源。
6. 03:32
   实战应用：面部转动

   将面部所有元素放入一个组，并将该组剪裁至头部形状。这样当面部组移动时，超出头部的部分会自动消失。
7. 04:06
   实战应用：聚光灯效果

   创建一个圆形并删除填充，将角色剪裁至该圆形，即可实现角色仅在圆圈内可见的效果。

Notes About Current Rive

• 可见性规则：剪裁源图层必须在层级面板中保持“显示（Visible）”状态（眼睛图标打开），剪裁效果才生效。
• 描边计算：剪裁计算不包含描边宽度，仅以路径中心线围成的区域为准。
• 组剪裁：剪裁不仅可以作用于单个图层，也可以直接作用于整个组（Group），这在处理复杂组件（如角色五官）时非常高效。