返回博客

如何为 2D 游戏制作 Sprite Sheet

从动作规划、网格尺寸、循环预览到引擎导入,制作尺寸一致、可直接使用的精灵图集。

2026年8月23日SpriteSheet 团队SpriteSheet 团队

可用的 Sprite Sheet 不只是把几张图排在一起。每一帧都需要相同的画布尺寸、 稳定的角色锚点、清晰的动作节奏,以及足够的透明留白,才能避免导入游戏引擎后 出现抖动或裁切。

1. 先确定动作规格

先只做一个动作和一个视角。走路循环通常需要 6–8 帧,待机动作通常需要 4–6 帧。 开始绘制或生成前,先确定角色方向、单帧尺寸和目标游戏引擎。

整个序列需要保持一致:

  • 角色比例和服装细节
  • 镜头角度与光照方向
  • 脚底或角色中心锚点
  • 画布尺寸和透明背景
  • 像素画的像素倍率

2. 使用可预测的网格

单个动作最适合使用横向帧条。包含多个动作时,可以每行放一个动作、每列放一帧。 例如单帧为 128 × 128 像素、动作有 8 帧,横向图集尺寸就是 1024 × 128。

图集排列完成后不要再单独缩放某一帧,否则会产生像素密度变化和播放抖动。

3. 检查锚点和轮廓

保证每一帧的脚底或角色中心位于相同坐标,再以目标速度播放,重点检查:

  1. 脚部是否在地面滑动
  2. 身体大小是否忽大忽小
  3. 四肢是否与躯干混在一起
  4. 循环时最后一帧到第一帧是否跳动

可以使用免费的动画预览工具检查节奏和对齐问题。

4. 反向拆帧验证

导入最终 PNG 前,把图集重新拆成单帧。这样可以发现行列数量错误、意外留白和像素 裁切。使用精灵图拆分工具即可在浏览器本地完成验证。

5. 按同一尺寸导入引擎

在 Unity、Godot、Phaser 或 GameMaker 中,把 importer 的帧宽和帧高设置为制作图集时 使用的准确数值。像素画需要关闭平滑过滤,并让每一帧使用同一个 pivot。

如果需要全新的动作序列,可以从 AI Sprite Sheet Generator 选择一个动作 preset。先生成、预览并修正提示词,确认角色稳定后再扩展更多动作。