导入位图图稿

Summary

本课程介绍了如何在 Rive 项目中导入位图（Raster Images）。位图资源不仅可以轻松导入，还能在 Rive 内部进行压缩优化和格式转换（如 WebP 或 JPEG）。课程展示了如何通过资源面板管理位图属性、调整质量以控制文件大小，并探讨了将位图放入画布的不同方式，包括手动缩放和自动生成画板。

Step by Step

1. 00:04
   导入位图

   打开资源面板（Assets Panel），直接将图片文件拖入其中即可完成导入。
2. 00:17
   查看与编辑设置

   在资源面板中选中图片，可以重命名、查看分辨率（Dimensions）、文件大小、使用次数及创建日期。
3. 00:29
   替换图片

   如果需要更新素材，可以使用 Replace 选项用新图片替换现有资源。
4. 00:36
   压缩与格式转换

   在设置底部，你可以调整图片质量（Quality）以减小文件体积，并能将其转换为 WebP 或 JPEG 格式。
5. 00:50
   包含在 RIV 文件中

   确保勾选 Export to RIV 选项，这样在导出项目时图片数据会被嵌入到最终的 .riv 文件中。
6. 01:03
   放置到画板

   将图片从资源面板拖拽到目标画板上。若图片尺寸过大，可手动调整其缩放比例。
7. 01:18
   自动生成画板

   右键点击资源面板中的图片并选择 Generate Artboard，可以根据图片的原始尺寸自动创建一个匹配的画板。

Notes About Current Rive

• 性能优化：通过转换图片格式为 WebP 并微调质量，可以显著降低动画在网页或应用中的加载负荷。
• 资源替换：使用 Replace 功能可以保留在画布上已设置好的所有关键帧和变换属性，仅更换视觉素材。
• 文件结构：位图一旦导入，也会出现在层级面板中，你可以像对待矢量图形一样对其进行层级管理。