导入矢量图稿（SVG）

Summary

本课程介绍了如何将外部矢量图形（SVG）导入 Rive。你可以通过直接粘贴 Figma/Illustrator 图层或上传 SVG 文件的方式进行导入。课程重点讲解了将 SVG 转换为 Rive 原生形状图层后的操作逻辑，包括自动生成画板、图层命名建议以及如何通过清理资源面板来优化文件大小。

Step by Step

1. 00:04
   导入方式一：复制粘贴

   你可以直接从 Figma 或 Illustrator 中复制图层，然后粘贴到 Rive 编辑器中，系统会自动将其转换为 SVG。
2. 00:16
   导入方式二：文件拖拽

   如果有现成的 SVG 文件，只需将其拖入 Assets Panel（资源面板） 即可完成上传。
3. 00:24
   查看资源详情

   在资源面板选中 SVG，可以查看其尺寸、文件大小及创建时间等元数据。
4. 00:33
   放置到画板

   将 SVG 从资源面板拖入当前画板。如果尺寸不匹配，可能需要手动调整其缩放比例以适应画板。
5. 00:51
   自动生成画板

   你也可以在资源面板右键点击 SVG，选择 Generate Artboard。这将根据 SVG 的原始尺寸自动创建一个独立的画板。
6. 01:06
   图层结构与命名

   导入后，SVG 在层级面板中表现为一个包含多个形状图层的组。建议在导出前在源软件（如 Figma）中命名好图层，以便在 Rive 中保持清晰的结构。
7. 01:32
   优化文件性能

   一旦 SVG 被拖入画板并转换为原生形状图层，你可以从资源面板中删除原始的 SVG 资源，这不会影响画布上的内容，且能减小文件体积，提升性能。

Notes About Current Rive

• 原生转换：导入后的 SVG 不再是静态图片，而是可编辑的矢量路径，你可以像操作普通形状一样调整其顶点、填充和描边。
• 命名习惯：良好的图层命名习惯能节省大量的动画制作时间，尤其是在处理包含数十个路径的复杂 SVG 时。
• 资源清理：记住，删除资源面板中不再需要的原始 SVG 是优化 Rive 文件性能的“加分项”。