像素动画帧与洋葱皮入门
本篇讲像素动画的最小可用工作流：帧怎么加、帧率怎么调、洋葱皮怎么用来对齐动作，最后导出成会动的图。相关文档：手机上画像素画的第一步.md · 精灵图导出与游戏引擎对接.md
一、先建立一个心智模型
像素动画的基本模型只有一句话：每一帧都是一幅画，连起来播就是动画。图层在每一帧里都生效——也就是说一个文件可以同时有很多帧，每一帧内部又能分很多图层。理解了这一点，时间轴面板就不神秘了：它管理的是帧、图层和播放这三件事。
有一个容易踩的点：编辑菜单里的命令通常默认作用于「当前帧 + 当前图层」这一格。想对整帧或整张画布操作时，要么先框选区，要么从画布级菜单下手。
二、做一个循环小动画
- 新建文件，48×48 或 64×64 的小尺寸最适合练手；
- 在时间轴上新增一帧；
- 画动作的关键姿态（比如角色站立和抬腿两帧）；
- 复制一帧再微调，比逐帧重画快得多；
- 打开预览窗口实时看效果，它一般支持任意倍率，编辑时一直开着；
- 播放速度不满意就去精灵设置里改帧率。
以安卓端的 Resprite 为例，它的介绍站 里可以直观看到时间轴面板的样子：帧格子一字排开，播放头在上面扫。外接键盘的话，左右方向键切帧、Enter 播放暂停，来回看节奏会方便很多。
三、洋葱皮是干什么的
洋葱皮（onion skin）把前后几帧以半透明叠在当前帧旁边。做跑步、挥拳这类连续动作时，你不用凭记忆猜「上一帧的手放在哪」，半透明影子直接告诉你差几个像素。画连续动作前先把它打开，返工次数会明显变少。
四、画完导出什么
| 需求 | 用哪种导出 |
|---|---|
| 贴到社交平台直接动起来 | GIF（或画质更好的 APNG） |
| 交给游戏引擎 | 精灵表（按网格排帧的无损 PNG） |
| 保留帧与图层继续改 | 工具的原生项目格式 |
导出时通常可以选帧范围、放大倍数和每行帧数，小动画放大两到四倍再发出去，观感会好很多。各种格式分别适合谁、怎么对接引擎，见精灵图导出与游戏引擎对接.md；还没画过像素画的话，先回手机上画像素画的第一步.md把静态那张画完。