SPRITE WORKFLOW GUIDE

精灵动画制作流程:从图集切分到枢轴对齐

动画抖动往往不是画面本身的问题,而是不同帧拥有不同的透明留白和原点。即使两张图片尺寸完全相同,只要脚底或身体中心落在不同坐标,连续播放时就会产生漂移。稳定的流程应该把网格切分、枢轴判断、播放检查和图集重建分开处理。

1. 先确认原始图集的规则

切分前先检查整张图片的尺寸以及预期行列。例如 1024×512 图像按 8 列 4 行切分时,每格是 128×128。如果宽高不能被行列数整除,最后一格可能被截断或出现 1 像素偏移。还要确认制作流程是否包含外边距或格子间距。

对于尺寸统一的动画帧,明确指定网格通常比自动识别可见内容更稳定,也更容易重复得到相同结果。

2. 用文件名固定帧顺序

批量选择文件时,不同系统或文件选择器返回的顺序可能与人的预期不同。建议使用 idle_001.png、idle_002.png、idle_010.png 这样的固定宽度编号。这样可以避免字符串排序把 10 放在 2 前面的问题。

3. 枢轴是游戏中的定位原点,不只是图片中心

把所有 PNG 都按几何中心对齐并不一定正确。走路动画通常更适合保持脚底接地点稳定,上半身攻击则可能更适合身体中心或武器握点。枢轴对齐的目标,是让不同帧放在同一游戏坐标时保持真正需要稳定的位置。

如果每帧透明留白不同,图片中心本身也会变化。先随意裁边可能进一步放大误差,因此应先确定最终需要保留的原点。

4. 对齐后按实际 FPS 播放检查

静态查看时很容易忽略 1~2 像素的跳动。按游戏中计划使用的 8 FPS、12 FPS 或其他速度循环播放,可以迅速发现位置误差。出现抖动时,先检查帧顺序、公共画布和枢轴,再判断是否真的需要修改原画。

待机和走路等循环动画还要特别检查最后一帧回到第一帧的边界,因为那里的一次偏移会持续重复。

5. 原点稳定后再重新合并图集

不同帧尺寸不一致时仍需要确定公共单元格。SpriteForge 的图集合并会以所选图片中的最大宽高作为格子尺寸,并把较小图片放入该空间。这样可以统一布局,但视觉居中并不能自动保证游戏枢轴正确,所以应先完成枢轴对齐。

制作检查表

相关工具

可以按 精灵图集切分 → 精灵枢轴对齐 → 动画预览 → 精灵图集合并 的顺序完成一次完整检查。