让想象成为现实。
所有创作指南
角色动画

精灵图转 GIF:让 AI 角色动作真正动起来

角色已经画好了 16 个动作,却还停在一张静态图片里?打开 Sparkles Editor 的动画工作台,把精灵图转成 GIF:先看它怎样动,再决定要不要分享。

有一张角色动作图,却只是一幅静态画?用 Sparkles Editor 免费将精灵图转成 GIF:导入、校准网格、预览逐帧动画,再导出分享。附原创 16 帧实例与避坑方法。
放大查看图片
原创小狐狸动作图:同一个角色的 16 个连续画面,按 4 × 4 排列。下方可以看到它真正播放的样子。

一张动作图,终于有了节奏

上面是静态的 4 × 4 精灵图,下面是用本站动画工作台导出的循环 GIF。同一只原创小狐狸,从预备到跳起再落地;你可以先用这个示例试播,再换成自己的角色。AI 生成的动作图是起点,逐帧检查和节奏调整才让它像一段完整动作。

原创像素小狐狸连续跳跃的透明背景 GIF 动画
本站原创 16 帧小狐狸示例,使用 Sparkles Editor 动画工作台导出为循环 GIF;不是用户作品。

精灵图转 GIF,只需走完这三步

  1. 打开动画工作台,直接试播示例,或导入自己的 PNG、JPG、WebP 动作图。导入、预览和导出都在浏览器内完成,无需登录,也不消耗 Credits。
  2. 选择行数和列数,按从左到右、从上到下的顺序逐帧预览。常见 16 帧动作图是 4 × 4;如果实际分隔线歪了,先识别留白,再手动移动切线,不要硬按等分裁剪。
  3. 调整播放速度、循环方式、帧顺序或单帧停留时间。满意后下载 GIF;需要把动作放进游戏或网页,也可以导出 PNG 图集与 JSON 帧数据。

还没有动作图?从一个角色和一种动作开始

动画工作台也能帮你发起 AI 生图:写明角色外形、动作起承转合、固定视角和预期网格,再生成透明背景的连续帧。AI 生图需要登录并按实际用量消耗 Credits;已有精灵图的转换免费。
别一次塞进奔跑、挥手、转身等多个动作。先做一个完整循环:预备、发力、动作顶点、回到起点。角色在某几帧消失,或只剩特效,也可以是有意设计;重点是按实际画面确认每格的边界。想把动作提示词写得更细,可以看16 格像素动作表完整教程。

避免切掉头部:看实际边界,不只看 4 × 4 字样

生成模型即使收到“4 × 4”,也可能把某一列画宽、某一行画高。先打开“原图与网格”,核对每条切线是否落在帧间留白;能自动对齐就先识别,仍不准就手动拖到真实边界。调整切线后,工作台会用透明留白补齐不同尺寸的帧,而不是强行拉伸。最后从第 1 帧看到第 16 帧,特别检查头发、耳朵、手和跳起的最高点。人物消失的帧可以保留,不需要为了凑满角色而删掉。

透明背景和导出格式怎么选?

想把小角色贴在聊天、演示或社交内容上,优先导入真正带透明通道的 PNG 或 WebP。画在图片里的棋盘格并不等于透明;纯色背景可以尝试去底,并放到深浅两种背景上检查边缘。GIF 只有“透明或不透明”的像素,没有 PNG 那样的半透明边缘。需要完整透明度和可编辑帧时,保留 PNG 图集与 JSON;需要轻巧地展示动作时,再导出 GIF。当前转换器会将每帧缩放到单边不超过 320 像素。

从静态灵感,到可以分享的小动作

精灵图转 GIF 适合给头像做一个挥手动作、给游戏角色试跑步节奏,或把品牌吉祥物的表情变成可预览的短循环。它不会替你保证每一帧都完美:先试播、校准,再导出,反而能省掉反复重生整张图的时间。现在可以打开动画工作台,先试一只小狐狸。

打开动画工作台,试试原创小狐狸

已有动作图的导入、预览和导出免费;AI 生成新动作图需要登录并消耗 Credits。