帧、图层与 Cel|三个概念搞清楚,动画基础就牢了
三者关系:一个三维结构
Aseprite 的动画数据可以想象成一个立方体:
| 维度 | 对应 | 是什么 |
|---|---|---|
| 横轴 | 帧(Frame) | 动画里的时间序列——第 1 帧、第 2 帧……第 N 帧 |
| 纵轴 | 图层(Layer) | 每一帧内部的"层叠"结构——线稿层、底色层、阴影层…… |
| 立方体里的每个小方块 | Cel(Cell) | 某一帧 × 某一图层上的具体像素内容 |
一个 Cel 就是"某帧某层画了什么"。Cel 是空的(什么都没画)、还是有像素内容、内容是否从上一帧延续——这些决定了动画数据的存储方式和修改方式。
帧(Frame)详解
帧是时间轴上的一格,相当于翻页动画的一页。
- 所有图层的 Cel 合起来,就是这一帧完整的画面
- 帧和帧之间是按序号顺序排列的(1 → 2 → 3 → ... → N)
- 帧可以拖动换位置、复制、删除——动画顺序错了不用全重画
- 每帧可以单独设置时长(比如第 1 帧停 200ms,第 2~6 帧各停 100ms)
图层(Layer)详解
图层是帧内部的"分层"。每一帧都有相同的图层结构,但每个图层在不同帧上的内容(Cel)可以不同:
图层1(线稿): Frame 1 有内容 → Frame 2 有内容 → Frame 3 有内容
图层2(底色): Frame 1 有内容 → Frame 2 有内容 → Frame 3 有内容
图层3(阴影): Frame 1 有内容 → Frame 2 空 → Frame 3 有内容
图层4(特效): Frame 1 空 → Frame 2 空 → Frame 3 有内容
图层的好处就是:改哪层动哪层。比如你想给所有帧统一换一种底色,只需要在"底色"图层上操作,不影响线稿和阴影。
三种图层类型
| 类型 | 特点 | 适合 |
|---|---|---|
| Image Layer | 常规绘图层,可以放任意像素 | 几乎所有场景 |
| Reference Layer | 半透明参考图,不会被导出 | 临摹时放在底层当参考 |
| Tilemap Layer | 特殊瓦片图层 | v1.3 新增,做瓦片地图 |
Cel(Cell)详解
Cel 是最容易被忽略但最重要的概念。它有三个关键特性:
1. Cel 可以被多帧共享(链接)
如果你在 Frame 1 画了一个角色姿势,Frame 2 想用一模一样的姿势——Aseprite 不会复制像素数据,而是让 Frame 2 的那个图层 Cel 指向 Frame 1 的 Cel(链接关系)。这样改 Frame 1 的像素,Frame 2 自动同步。
这在"走路循环"里特别有用——比如第 1 帧和第 7 帧姿势完全一样(循环起点和终点),让它们的 Cel 链接就好,只改一处。
2. 空白 Cel = 透明(继承上一帧)
如果 Frame 2 的某个图层没有 Cel,显示效果就是透明(或继承 Frame 1 对应图层的内容,取决于设置)。这意味着:如果你在 Frame 1 的阴影层画了阴影、Frame 2 这个图层留空,Frame 2 就没有阴影——适合阴影每帧都变化的场景。
3. 位置可以偏移
同一个 Cel 在不同帧里可以有位置偏移(X, Y 方向)。这就是 Aseprite 做"角色在场景里走动"的方式——角色像素内容不动,每帧整个角色图层往上/下/左/右偏移几格。
实际例子
做一个走路循环(4 帧,2 层):
| Frame 1 | Frame 2 | Frame 3 | Frame 4 | |
|---|---|---|---|---|
| 图层1(角色本体) | 左脚向前 | 双脚并立 | 右脚向前 | 双脚并立 |
| 图层2(阴影) | 在左脚下方 | 在中间 | 在右脚下方 | 在中间 |
- 复制 Frame 1 → 得到 Frame 2 的 Cel 链接
- 手动改 Frame 2 的左脚位置(Cel 不再链接)
- Frame 3 画右脚向前(新建 Cel)
- Frame 4 可以链接 Frame 2(双脚并立)
这样走路循环就完成了——每个走路姿势都是独立 Cel,改一个不影响其他。