第三十四课:完整游戏美术包制作
从第21课到封面课,零件都练过了。这一课把它们收成一份能交付的 Asset Pack(美术资源包):别人(或未来的你)解压就能搭原型。
包不是「把旧作业扔进 ZIP」。要风格统一、目录清楚、缺的补齐、写清怎么用。
1、包里通常有什么
最小可发布一套(小题材即可):
| 类 | 最低限度 |
|---|---|
| 角色 | 1 主角:Idle / Walk / Attack / Hurt / Die |
| 敌人 | 1 杂兵:同上(可更省) |
| 场景 | 1 套瓦片 + 几件 props |
| UI | 按钮四态、面板九宫、血条、若干图标 |
| FX | 命中 / 火花一类短序列 |
| 宣传 | 封面或预览拼图 1 张 |
成套角色共用头身与色板,换衣服不换骨架——买家最爱这种「一口气扩人」。

瓦片要能拼:中心砖、边、角、过渡;别只交一张漂亮草地却缝不上。上图这种边框变体,就是「开箱能铺关」的零件。

道具 / 图标一图多版本(色、盛满度、金银铜)——打包时一眼看出完整度。
UI 成套:窗、钮、条、心。状态别缺(至少 Normal + Pressed;Hover/Disabled 有更好)。
2、统一标准(否则卖不掉)
| 维度 | 建议 |
|---|---|
| 角色分辨率 | 全包同一档(如 32×32 或 48×48) |
| 瓦片边长 | 16 或 32,写进 README |
| 色板 | 一套主色 + 少量扩展;光源方向一致 |
| 描边 | 有/无统一 |
| 动画 | 帧率统一(如 ~10–12 FPS);锚点写清(多脚底) |
可扩展加分项:.aseprite 源文件、分层清楚、易换色、少量变体装备。
组装检查:用包内瓦片拼一小段平台 / 地面——拼得顺才叫完整。

3、目录、命名、文档
命名清晰胜过花哨:
hero_idle.png # 或 hero_idle_strip.png(横条序列)
hero_walk.png
tileset_ground_16.png
ui_button_play_4state.png
fx_hit_6f.png
推荐骨架:
your_pack/
├── README.md
├── LICENSE.txt
├── preview.png
├── characters/
├── tilesets/
├── props/
├── ui/
├── fx/
├── promo/ # 封面、胶囊缩略
└── example/ # 可选:Tiled 地图 / 引擎小工程
README 至少写:一句话风格、清单、分辨率与帧率、锚点 / 九宫边距、授权、作者联系。
授权常用:CC0(随便用)、CC-BY(要署名)、商业许可证(付费)。独立起步多半 CC0 / CC-BY 攒口碑。
4、预览与上架
买家先看图:
- Preview:资源摊开一张(或拼图)
- Cover:第33课那张吸引力图
- GIF:至少一个 Walk / Attack 动起来
- 实机截图:拼出来的小场景最能说服人
这种「角色 + 敌人 + UI 同框」的 mockup,比光贴雪碧表更能证明「能成游戏」。
发布流程:整理命名 → 删废稿 → ZIP → itch 写卖点 / 规格 / 授权 → 打标签(pixel-art assets …)→ 分享。Unity / UE 商城门槛更高,可后补。
5、作业(收官)
把第21–33课产出收成 一份小 Asset Pack:
- 清单:角色 / 瓦片 / UI / FX / 宣传各有什么;标缺口
- 补齐:缺帧补帧;UI 凑齐状态;瓦片能铺 10×6 以上小图
- 统一:同尺寸、同色板方向;不一致的改一版或剔出「Bonus」
- 文档:
README.md+LICENSE;说明锚点与九宫边距 - 预览:拼一张 preview + 一张封面(或复用第33课)+ 一段 GIF
- 选做:itch.io 建页上传 ZIP,或附
example/里一张 Tiled 地图
恭喜——游戏美术这一段从「会画」走到「能交付」。后面可以:把包塞进自己的小 Demo,或挑一门加深(只有动画 / 只有 UI / 只有关卡美术)。
课程作者:像素熊老师
微信公众号「教你画像素画」 · B站 · X / Twitter · GitHub