GPT-6 Astra · 创作者工作坊

GPT-6 Astra 精灵图制作,对齐、帧序与透明背景

烟紫色玻璃立方体在炭灰背景上沿斜线依次转动
使用 Codex 图像生成工具创作的抽象主题封面。

精灵图是美术与游戏程序之间的一份文件约定。引擎需要知道每一帧从哪里开始、尺寸多大,以及角色站在哪里。即使一整张姿势图很好看,只要单元格大小不一,或脚的位置在各帧之间跳动,导入后仍然可能无法使用。

这篇教程专门讲如何准备可用的图集。它补充了我们的游戏开发指南,解决动画素材导入和检查时需要面对的制作细节。

先确定网格,再制作画面

在创作角色前,先决定单元格宽高、帧数、排列顺序和背景处理方式。简单的四帧待机循环可以放在同一行,方便逐帧检查。按最宽的姿势预留空间,避免手或尾巴越过边界进入相邻帧。

Astra 可以帮助整理规格并编写预览工具。在 Ciyo 中,可以先用图像生成制作角色概念。生成出来的姿势联系表仍需要检查,必要时还要在精灵图编辑器中重新排版。

四个像素风格信使姿势位于等大的单元格中,脚下使用同一条基线。
原创代码绘制的版式示例,用于说明制作决策,并非生成模型的性能展示。

给游戏引擎一份明确的规格

下载示例由四个 64 × 64 像素的单元格组成,总尺寸为 256 × 64 像素,各帧使用相同的脚部基线。这些是本例的设计选择,并非 Ciyo 的限制或预设。

示例精灵图规格
属性示例作用
单元格64 × 64 像素导入器按相等区域切分
整张图256 × 64 像素一行包含四帧
顺序从左到右按预期顺序播放
锚点固定脚部基线避免角色意外上下跳动
背景透明背景避免场景中出现矩形底色

把角色设计与动画姿势分开

先确认轮廓和配色,再继续制作其他姿势。像素画应使用较少的颜色,并有意识地处理像素边缘。把柔和的插画缩到 64 像素,并不会自动得到清晰的像素画。

试试这份创作说明
为一位原创小信使规划四帧待机动画。各单元格统一为 64 × 64 像素,脚部基线固定,按从左到右的顺序排列。描述每个姿势的小幅变化,保留轮廓、配色和配件。区分角色概念图与最终排好的精灵图,并标出需要手动修整的地方。

在 Ciyo 制作概念,再精确排版

在 Ciyo 中生成角色或姿势参考,把选定的版本放在同一块画布上。检查每个姿势是否缺少配件,或意外改变了透视。如果需要严格控制单元格位置,可以导出可用的图像,再交给精灵图编辑器排版。

不要把 Ciyo 当作自动打包精灵图的工具。这里需要交接的是一组一致的姿势和明确的网格规格。保留原始大图,修整时就不必依赖尺寸很小的预览图。

导入前先播放一遍

打开示例预览,在单帧检查与循环播放之间切换。静态图集可能藏住一个像素的偏移,播放时却会很明显。用固定基线检查脚、头和配件的位置。

示例是用代码原创绘制的素材,单元格几何信息明确。它用于演示图集检查方法,并非 AI 生成的性能测试,也不代表 Ciyo 输出的精确程度。

在实际游戏中检查导入结果

让导入器的单元格尺寸、帧数和播放顺序与规格一致。使用适合像素画的过滤设置,并在预期显示比例下检查。在图片查看器里正常的图集,导入设置不正确时仍可能模糊,或露出相邻单元格的边缘。

交付时附上图集、网格规格和预期播放节奏,并说明手动修整是否完成。开发者拿到的应当是一套可以使用的素材,而不是一张还要自行猜测结构的图片。

在 Ciyo 制作游戏美术概念

先在 Ciyo 创作角色概念,再导出素材,完成精确的图集排版与逐帧检查。