Pixel Art Course
0/34 已完成
游戏核心美术资源/第 26 课
学习进度0%
已完成 0/34 章

第二十六课:游戏道具与物品

8x

场景有了,里面还要能捡、能用、能装备——这些小东西统称道具 / 物品(Items)

小归小,规矩和大场景一样:一眼读得懂,风格跟全作统一,别抢戏过主角

1、先按功能分一下类

类型干什么例子
消耗品用一次没了药水、食物、弹药
装备穿戴持续生效剑、甲、戒指
材料合成 / 升级原料矿石、草药
任务物推剧情、开门钥匙、信件
货币买卖媒介金币、代币
收集品图鉴、成就卡片、星星

稀有度常见用边框/辉光色暗示(白→绿→蓝→紫→金)。这是习惯暗号,不是法律——你要用,就全游戏统一,别有时装边框、有时又不装。

2、可读性:半秒知道「这是啥、值不值得捡」

背包格子、地面掉落,玩家通常不会停下来鉴赏。

三条杠杆:

1)形状语言

外形容易联想
圆瓶 / 圆球药水、炸弹、果实
长条剑、杖、镐
块状 / 方盾、书、箱子
钥匙形开门、解锁
星 / 菱宝石、徽记

2)颜色编码(行业习惯,可改但要自洽)

  • 红 → 血 / 治疗
  • 蓝 → 蓝量 / 魔力
  • 绿 → 毒 / 草药 / 自然
  • 黄金 → 钱、雷、高亮奖励
  • 紫 → 偏稀有 / 诡异

3)同类同结构

药水都是「瓶 + 液体 + 塞」;武器都是「柄 + 身」。玩家认结构,不认你某一个瓶子的独家花纹。

8x

同一瓶型,只换液体色,功能体系立刻成立——比每瓶画成完全不同的器皿更省、更清晰。

3、图标怎么画:尺寸与层次

常用尺寸:

用途尺寸
背包 / 快捷栏16×1632×32(本课默认练 32,也可先从 16 找形)
装备展示可更大

画的时候注意:

  1. 深色外轮廓——任何 UI 底色上都站得住
  2. 大色块先认——缩一半还应该猜得出是剑还是药
  3. 高光克制——玻璃左上一点点亮;金属一条亮边;布料别镜面乱闪
  4. 边距统一——同一套图标,四周留白别忽大忽小
8x

武器:剪影先像武器,再抠柄与刃的分区。柄太细、刃太碎,背包里会糊成一根杂线。

8x

食物 / 材料也一样:先大形与主色,肥边、纹理后加。小尺寸里「能认出是肉」比「纹路写真」重要。

4、宝箱、掉落与世界里的可见度

8x

容器本身也是道具语言:木箱 → 普通;金属箍 / 锁 → 更好;金饰 / 发光 → 稀有。逐步加零件,比一上来雕花更容易控制等级感。

落在场景里时再自检:

  • 草丛 / 暗地里还有没有轮廓或微光?
  • 需要捡的,是否比背景更跳(但不亮过主角)?
  • 拾取反馈至少要有:消失 / 缩小 / 声音 之一(动画课再细做)

商店、背包里可以后加文字;地面上优先靠图形

5、建议流程(小项目够用)

  1. 列出本关需要的 8~20 个道具(别一次画一百个)
  2. 给每类定视觉规矩:瓶型、柄型、边框色
  3. 统一尺寸画完一排
  4. 缩到约 50% 或丢进场景草图测:还能分清吗?
  5. 关键物(血瓶、主武器)再考虑 2~3 帧 idle 浮动

6、作业

做一套至少 8 个、风格统一的道具图标(推荐 32×32,或 16×16 再整数倍放大预览):

  1. 生命药水、魔法药水
  2. 普通武器、稀有武器(同类型更好对比)
  3. 两件防具或一件盾 + 一件甲
  4. 钥匙(或任务证物)
  5. 金币(或货币)

附上半页说明:每类形状规矩 + 颜色规矩 + 稀有度怎么标。

测试:八个图标排一排,遮掉名字——朋友能否猜出用途?缩一半是否仍可辨?

选做:金币或药瓶做 2~3 帧上下浮动循环。

下一课做 UI:血条、背包格、按钮——道具图标最终大多要住进这些格子里。

课程作者:像素熊老师

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