Pixel Art Course
0/34 已完成
游戏动画与动作/第 34 课
学习进度0%
已完成 0/34 章

第三十四课:完整游戏美术包制作

从第21课到封面课,零件都练过了。这一课把它们收成一份能交付的 Asset Pack(美术资源包):别人(或未来的你)解压就能搭原型。

包不是「把旧作业扔进 ZIP」。要风格统一、目录清楚、缺的补齐、写清怎么用。

1、包里通常有什么

最小可发布一套(小题材即可):

最低限度
角色1 主角:Idle / Walk / Attack / Hurt / Die
敌人1 杂兵:同上(可更省)
场景1 套瓦片 + 几件 props
UI按钮四态、面板九宫、血条、若干图标
FX命中 / 火花一类短序列
宣传封面或预览拼图 1 张

成套角色共用头身与色板,换衣服不换骨架——买家最爱这种「一口气扩人」。

8x

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

8x

道具 / 图标一图多版本(色、盛满度、金银铜)——打包时一眼看出完整度。

UI 成套:窗、钮、条、心。状态别缺(至少 Normal + Pressed;Hover/Disabled 有更好)。

2、统一标准(否则卖不掉)

维度建议
角色分辨率全包同一档(如 32×32 或 48×48)
瓦片边长16 或 32,写进 README
色板一套主色 + 少量扩展;光源方向一致
描边有/无统一
动画帧率统一(如 ~10–12 FPS);锚点写清(多脚底)

可扩展加分项:.aseprite 源文件、分层清楚、易换色、少量变体装备。

组装检查:用包内瓦片拼一小段平台 / 地面——拼得顺才叫完整。

8x

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、预览与上架

买家先看图:

  1. Preview:资源摊开一张(或拼图)
  2. Cover:第33课那张吸引力图
  3. GIF:至少一个 Walk / Attack 动起来
  4. 实机截图:拼出来的小场景最能说服人

这种「角色 + 敌人 + UI 同框」的 mockup,比光贴雪碧表更能证明「能成游戏」。

发布流程:整理命名 → 删废稿 → ZIP → itch 写卖点 / 规格 / 授权 → 打标签(pixel-art assets …)→ 分享。Unity / UE 商城门槛更高,可后补。

5、作业(收官)

把第21–33课产出收成 一份小 Asset Pack

  1. 清单:角色 / 瓦片 / UI / FX / 宣传各有什么;标缺口
  2. 补齐:缺帧补帧;UI 凑齐状态;瓦片能铺 10×6 以上小图
  3. 统一:同尺寸、同色板方向;不一致的改一版或剔出「Bonus」
  4. 文档README.md + LICENSE;说明锚点与九宫边距
  5. 预览:拼一张 preview + 一张封面(或复用第33课)+ 一段 GIF
  6. 选做:itch.io 建页上传 ZIP,或附 example/ 里一张 Tiled 地图

恭喜——游戏美术这一段从「会画」走到「能交付」。后面可以:把包塞进自己的小 Demo,或挑一门加深(只有动画 / 只有 UI / 只有关卡美术)。

课程作者:像素熊老师

微信公众号「教你画像素画」 · B站 · X / Twitter · GitHub