实用创作流程

对齐精灵帧锚点:加透明留白,不重画

象牙白底座上的三个竖直石墨色形体与一个小琥珀色标记对齐
抽象编辑插画;下文使用真实产品截图展示操作。

不同裁切尺寸的快递员精灵帧共用同一个中心位置时,脚部会跳动。改画角色可能带来新问题。更合适的准备是统一帧尺寸,并明确选择供引擎解释的接地点。

我们在 Ciyo 的文件工作区绘制三个虚构的像素精灵,再把它们放入共同的帧。脚部锚点是预先提供的坐标,并非自动发现的引擎原点。下载文件准确保留原图矩形;导入引擎和播放动画仍需另行检查。

添加留白前先记录锚点

选择一致且有意义的点,例如接地的鞋底,并说明坐标从哪里算起。角色的视觉中心、包围盒中心和脚部接地点并不是同一件事,应按游戏需求选择。

本例原图是紧密裁切、二值透明的 RGBA 绘图。A 为 18×22,局部锚点 (9,21);B 为 20×20,锚点 (10,19);C 为 16×24,锚点 (8,23)。坐标原点在左上角像素。

完整 Ciyo 产品画面,显示三个紧密裁切的快递员精灵及带标签的锚点原图板
真实的脚本测试精灵。洋红色标记表示预先提供的接地像素,并非引擎测量。

选定共同帧和接地点

我们选择透明的 32×32 帧,共同锚点为 (16,28)。平移后的完整原图必须装得下。如果任何一侧会被裁掉,先加大帧或修改共同点,再保存输出。

偏移量等于共同锚点减去局部锚点,这是整数平移,不是缩放。若目标是保留已经确认的帧,就不要同时要求新姿势或更柔和的轮廓。

实际放置计划:左上角像素原点
帧原图局部锚点粘贴偏移共同锚点
A18×22(9,21)(7,7)(16,28)
B20×20(10,19)(6,9)(16,28)
C16×24(8,23)(8,5)(16,28)

直接复制像素到透明帧

Ciyo 把完整 RGBA 原图矩形直接复制到输出中。把 alpha 当作粘贴蒙版可能混合像素,而不是直接复制;若要保留半透明边缘,应明确操作方式。

这里的原图只有透明或不透明 alpha,但直接复制仍能避免无谓混合。保留原图和准备后的帧,方便重复比较。

复制这段文件工作区提示词
把现有 RGBA 精灵放入透明的 32×32 帧。共同锚点为 (16,28),局部锚点为 A (9,21)、B (10,19)、C (8,23),均以左上角像素为原点。分别直接复制 RGBA 到 A (7,7)、B (6,9)、C (8,5),不要缩放或重画。重新打开输出,准确比较完整原图矩形,并确认区域外 alpha 为 0。返回文件和锚点清单。

核对文件中的原图区域与空白边缘

我们独立下载并解码三个准备后的帧。每个原图矩形的 RGBA 像素都完全相同,区域外所有像素的 alpha 都是 0,接地点都落在 (16,28)。这些核对证明的是文件准备,并非动画控制器行为。

Ciyo 发现第一张对照板的标签重叠,制作了修正后的最终板。移除旧草稿后,干净的保存布局需要刷新页面才能显示。我们保留了记录;画布显示安排没有改变精灵文件。

完整 Ciyo 画布,显示原图与对齐帧对照板,以及最终像素核对说明
最终清晰核对保留了每个原图矩形,并把三个接地像素都移到共同锚点。

转换成目标引擎的坐标约定

引擎可能用归一化点、相对中心的偏移或其他规则表示原点。此清单有意采用左上角像素坐标,不要未经含义转换就把数字填入其他引擎字段。

导入一小段序列,按需要关闭意外的平滑,并检查播放时的接地位置。共同接地点能减少一种视觉抖动来源,但无法修复姿势、时序或绘图不一致。

随帧交付锚点清单

把原图尺寸、局部锚点、粘贴偏移和共同锚点一起交付,同事就能核对位置,而不必从截图猜测。下方保留的 JSON 包含实际文件名和检查结果。

换一组精灵时,应从已确认的绘图选择接地点,重新核对是否装得下和像素是否相同。透明留白提供一致容器,不会自动推断每个角色正确的物理锚点。

实用问答

帧留白和图集间距是一回事吗?

不是。这里通过留白对齐各帧选定的接地点;图集间距分隔打包后的图片,减少采样串色。

这些锚点在游戏引擎中测试过吗?

没有。它们是准备好的左上角像素坐标,需要转换后在目标引擎核对。

精灵形状改变了吗?

没有。独立解码比较确认每个保留的原图矩形完全相同。

对齐一段简短的精灵序列

在 Ciyo 打开已确认的原始帧,指定共同锚点,要求经过核对的透明留白与清单。