今天是365天独立开发挑战的第132天。

最近用AI生成角色、小人、IP形象的人越来越多。但很多图片还停留在“静态展示”阶段。其实,只要把角色做成连续动作帧,就可以很快生成GIF动画,甚至作为小游戏、表情包、网页互动素材使用。

这类图片在游戏开发里通常叫SpriteSheet,也叫精灵图、逐帧动画图、角色动作帧图。简单说,就是把一个角色的多个动作帧放在一张图里,比如4×4网格中包含16个动作:站立、蓄力、前冲、出拳、闪避、旋转踢、收招等。

但AI生成的SpriteSheet往往有一个问题:每一帧里的角色不一定完全居中,脚底基准线也可能不统一。直接做成GIF后,小人就会左右晃、上下跳,看起来不够稳定。

所以今天我做了一个SpriteSheet切图与GIF导出工具,专门用来处理这类AI生成的游戏角色动作图。

使用方法很简单。

第一步,先用AI生成一张角色动作SpriteSheet。提示词里要说清楚:这是“游戏角色逐帧动画”,不是漫画分镜。可以写:

“请生成一张游戏角色打斗动作spritesheet,16帧,4×4网格排列,角色大小一致,脚底基准线一致,不要文字、不要编号、不要复杂背景,每一帧人物完整显示,方便裁剪成GIF。”

正好我用我的头像,生成了这张图。正好我测试了两个不同模型:

第二步,打开工具,上传这张图片。如果是16帧动作图,行列设置一般就是:列数4,行数4。如果是12帧,就可以设置为4列3行。图片四周如果有多余空白,也可以调整左边距、上边距、右边距、下边距,以及横向间距、纵向间距。

(其实一般不用第三步、第四步,一键就能导出)

第三步,使用自动对齐功能。推荐默认选择:主体居中+脚底统一。工具会自动识别每一帧里的角色主体,把小人尽量放到格子中间,并让脚底落在同一条基准线上。这样生成的GIF会稳定很多。

如果图片里有速度线、攻击光效、星星等元素,可以选择“最大主体优先,忽略零散特效”,这样工具会优先识别角色本身,不容易被特效干扰。

第四步,进行单帧微调。如果某一帧还是有点偏,可以点击这一帧,然后调整X/Y偏移,或者用上下左右按钮微调。这个功能很适合修正AI动作图常见的轻微错位问题。调整后的结果会同步应用到PNG导出和GIF导出。

第五步,预览并导出GIF。常用设置可以选择:播放速度100ms到150ms每帧,背景选择纯白,尺寸选择原始单帧尺寸,质量选择推荐。点击“预览GIF”确认效果后,再点击“导出GIF”即可。

如果你还需要每一帧的独立图片,也可以点击“导出PNG包”,工具会自动把所有帧打包成ZIP,方便后续用于游戏开发、表情包制作、网页动画或二次编辑。

如果你正在做AI角色动画、小游戏素材、表情包动图、Q版小人动作、游戏精灵图,这个工具会非常顺手。

从一张AI图片,到一套动作帧,再到一个GIF动画,小人终于可以真正动起来了。