Rive 101 logoRive 101
关于项目📋 变更总览EN
0%
进度0/90
2.4

形状与路径

3m 27s
Rive 101 - Shapes and Paths

在 YouTube 上观看

📌 本节要点

Shape 层控制外观,Path 层定义形状。一个 Shape 可包含多个 Path。

📝 详细教程已添加

Summary

本课程解释了 Rive 中形状图层 (Shape Layers)路径图层 (Path Layers)之间的关键区别。路径图层定义了对象的实际形状和几何结构,而形状图层则控制视觉属性,如填充、描边和绘制顺序。这种分离设计允许一个形状图层包含多个路径并共享相同的样式,为设计和性能优化提供了极大的灵活性。

Step by Step

  1. 00:04
    图层定义
    Rive 中的每个图形都由至少一个形状图层(控制外观)和一个或多个路径图层(控制几何)组成。
  2. 00:19
    形状图层属性
    形状图层负责处理填充(Fills)、描边(Strokes)、裁剪(Clipping)和自定义绘制顺序。
  3. 00:32
    路径图层形态
    通过进入“编辑顶点”模式(按 Enter 键)可以修改对象的实际物理形态。
  4. 01:11
    多路径支持
    单个形状图层可以包含多个路径。你可以复制现有路径,或者将其他形状的路径拖入同一个容器中。
  5. 01:41
    样式继承
    当路径被移动到新的形状图层时,它会自动继承该形状图层的填充和描边设置。
  6. 02:03
    单形状图层的效率
    将多个路径组合在同一个形状图层下,可以让你一次性更改所有元素的颜色或描边。
  7. 02:39
    描边行为差异
    注意单个形状图层内的多个路径描边是作为一个整体渲染的,而多个独立的形状图层则会根据层级顺序相互遮挡。

Notes About Current Rive

  • 项目整理:对于由多个几何图形组成的复杂对象(如由多个圆组成的云),使用单个形状图层比使用多个独立图层要高效得多。
  • 绘制顺序:在同一个形状图层内,多个路径的描边不会产生相互重叠的层级关系,它们会被视为一个统一的矢量对象。
  • 灵活性:你可以随时在层级面板中将路径图层从一个形状图层拖放到另一个形状图层中。

📝 Notes

支持 Markdown
0 字符