📄️ 基础概述
在本章节中,我们将带您了解从创建画板到导出首个 Rive 文件的完整工作流程。在开始之前,建议您先快速浏览一下界面概述,熟悉各个部分和模式的基本功能。
📄️ 设计模式与动画模式对比
Rive 编辑器有两种不同的工作模式:设计模式和动画模式。切换模式时,界面会相应更新,显示相关的工具和选项。
📄️ 画板(Artboard)
图片
📄️ 钢笔工具概述(Pen Tool Overview)
钢笔工具(Pen Tool)允许您创建自定义矢量路径,以及为程序化路径添加额外的顶点(Vertex)。您可以通过观看视频或继续阅读下文来了解更多关于钢笔工具的信息。
📄️ 形状和路径概述(Shapes and Paths Overview)
Rive 允许您使用程序化形状(Procedural Shapes)或自定义形状来创建、编辑和制作矢量图形动画。这些图形通过组合形状图层和路径图层来定义,Rive 将它们公开以便您在设计和动画制作时获得更大的灵活性和控制力。
📄️ 程序化形状(Procedural Shapes)
Youtube
📄️ 组(Groups)
Youtube
📄️ 选择和导航组(Selecting and Navigating Groups)
双击(Double-click)
📄️ 变换空间(Transform Spaces)
组(Group)允许您为图形创建新的变换空 间(Transform Space),从而能够从多个关注点对图形进行动画处理。例如,您可能希望一个行星在自转的同时还绕着另一个行星旋转。多重变换空间(通过嵌套组、骨骼(Bones)和其他容器对象实现)使您能够实现这一点。
📄️ 填充和描边(Fill and Stroke)
Youtube
📄️ 编辑顶点(Edit Vertices)
无论您创建什么类型的矢量,您都可以在设计模式和动画模式下通过更改顶点的位置或手柄来编辑顶点。
📄️ 冻结和原点(Freeze and Origin)
Youtube
📄️ 导入资源(Importing Assets)
通过拖放方式将您的资源导入到 Rive 编辑器中。您可以导入 SVG、JSON、PNG、PSD 和 JPG 格式。
📄️ 修订历史(Revision History)
Rive 会在您工作时自动保存文件。即使多人同时在同一个文件上工作,Rive 也会跟踪所有更改并将其存储在修订历史(Revision History)中。