PNG 序列与单帧导出|逐帧后期处理的基础
PNG 序列是什么
PNG 序列就是动画每一帧存成一个独立 PNG 文件,命名按序号排列:
character_walk_01.png
character_walk_02.png
character_walk_03.png
...
character_walk_08.png
什么时候用 PNG 序列
| 场景 | 该用什么 | 为什么 |
|---|---|---|
| 交给游戏引擎做动画 | Sprite Sheet + JSON | 引擎加载效率高 |
| 逐帧后期处理(剪辑、加特效) | PNG 序列 | 每帧独立,在别的软件里逐帧加工 |
| 想逐帧检查细节 | PNG 序列 | 可以快速翻阅每一帧 |
| 视频剪辑(Premiere / After Effects) | PNG 序列 | 导入视频软件做逐帧合成 |
| 导出单张静态图 | 单个 PNG | 不需要动画 |
怎么导出 PNG 序列
桌面版
- File → Export → Image Sequence(或 File → Export → PNG Sequence,不同版本路径略有差异)
- 设置:
- Base Name:文件名前缀(比如
character_walk) - Start Index:起始序号(默认 0 或 1)
- Padding:序号补零位数(一定要设!)
- 选文件夹,导出
序号补零——最容易被忽略的纪律
序号必须补零(character_walk_01 ~ character_walk_12,而不是 character_walk_1 ~ character_walk_12)。
为什么?因为文件管理器和很多软件按字典序排序——character_walk_1、character_walk_10、character_walk_11、character_walk_12、character_walk_2、character_walk_3……会按这个顺序排乱你的帧。
补零后:character_walk_01、character_walk_02、character_walk_03……character_walk_10、character_walk_11、character_walk_12——字典序和数字序一致。
建议 Padding 设为 2 或 3 位(取决于你有多少帧——2 位足够 01~99,3 位 001~999)。
单帧静态图导出
导出某一帧为 PNG
在时间轴上选中那一帧 → File → Export → PNG(或直接 Save As 选 PNG 格式)。
放大整数倍的纪律
发朋友圈、给朋友看、提交作品集时——必须整数倍放大(×2、×3、×4、×8……)。非整数倍(×1.5、×2.5)会把像素挤糊。
Aseprite 桌面版:Edit → Transform → Scale 开启 Pixel Perfect 选项 → 输入 200% / 400% / 800%。
或导出原始尺寸 PNG → 在聊天软件里手动放大(聊天软件可能自己做插值,但原始尺寸够小的话整数倍显示通常没问题)。
PNG 的透明度
PNG 格式完整支持 Alpha 通道——透明区域就是真的透明,没有 GIF 的"非黑即白"问题。这是为什么游戏引擎素材一律用 PNG 的原因。
导出 PNG 时:
- 保持默认,不要手动把透明区域填充成白色/黑色/纯色
- 透明背景在游戏引擎里会正确融合到场景中
- 如果要发到不支持透明的地方(某些社交媒体),单独导出一份带背景色的版本