Pixel Art Course
0/34 已完成
游戏美术认知与流程/第 24 课
学习进度0%
已完成 0/34 章

第二十四课:游戏角色设计基础

8x

分辨率管「画布多大」,这一课管「人长什么样」。

从本课开始进入阶段二:真正做游戏资源。先做角色——玩家看得最多、也最容易建立感情连接的部分。

1、三大要素:剪影、配色、细节层次

1.1 剪影(Silhouette)

剪影 = 角色涂成一团黑时的外轮廓。它是识别度的第一道关。

游戏里角色会很小、会跑、会被特效挡。玩家可能只有零点几秒判断「这是我 / 这是怪」。靠的就是剪影。

好剪影通常:

  • 独特:和其他角色挤在一起也不糊成一种形状
  • 清晰:没有粘成一团的手脚
  • 有记忆点:大帽子、披风尖角、大剑、长耳朵……有一个「尖」就够
8x

实用流程:想改姿势时,先改一团黑的剪影,确认手势读得懂,再填回衣服颜色。别一开始就抠眼睛亮不亮。

自测:角色铺纯黑 → 缩到很小 / 站远 → 还认得出吗?分得出敌我吗?

1.2 配色

颜色是情绪名片,也是小尺寸下的第二识别手段。

常用比例(不用死记数字,记住主次):

层级作用马里奥例子
主色第一印象
辅色分区、层次蓝背带裤
点缀小亮点扣子/饰品

像素角色色板往往只要几色:黑描边 + 肤色 + 头发 + 两件衣服,就已经能成立。颜色越多,小尺寸越容易脏。

配色还要服务可读性(第21课对比思路):主角颜色最好别和常见地面、树丛糊在一起。

1.3 细节层次(不是越细越好)

出现大小玩家能看清什么你该留什么
大立绘 / 对话框表情、小饰品可以细
战斗中景服装大色块、武器轮廓清晰优先
远景 / 小地图剪影 + 主色能认出就行

建议:先做「最小还能认」的版本(如 16×16 或本课作业尺寸),大了再加细节。反过来堆细节再硬缩小,通常会糊成一团。

2、游戏角色 ≠ 插画角色

插画角色游戏角色
目的好看、情绪可读、能玩、能动
姿势摆一次就行要能连续动画(至少 Idle / Walk)
比例为单张图服务全游戏统一(除非故意变身)
细节容易越画越满必要即可;碎点太多难动、难辨

一句话:静态好看,动态也要用。设计时就要想:头、身、臂、腿能不能分开动?武器挂在哪?

3、头身比:跟玩法绑定

8x

身体写不写实,不取决于「高级不高级」,取决于玩法(第22课也提过):

倾向大概感觉常见用途
超简身体(方块身、短腿)极简、动作省弹幕、快节奏射击、小项目
2~3 头身 Q 版头大、表情面积大RPG、经营、偏可爱
略写实四肢更清楚动作、横版打击感更强
怪物 / 非人随便破人体敌人、BOSS

横版新手友好:侧面 + Q 版或半写实,肢体分得清,走路动画好下手。

4、定尺寸:先框住再画画

动手前先定画布(接第23课):

  • 练习 / 很多 RPG 小人:常见 32×48 一类高度框
  • 更小的平台 / 小怪:16×16、24×24
  • 越大越细:表情好做,动画成本也跟着涨

选完就别中途偷偷加高 8 像素「就好看一点」——整套敌人、门、瓦片比例会一起崩。

5、像素角色的几个硬规矩

设计时直接自检:

  1. 部位可分:头 / 衣 / 肤 / 腿用颜色或间隙分开,别一坨同色
  2. 有标志物:帽子、发型、武器、披风——缩小时靠它认人
  3. 动画友好:手臂、腿在站姿里留出能动的空间;武器轨迹先想清楚
  4. 左右可镜像时就镜像:横版常见;俯视八方向再省一半(后边动画课展开)
  5. 和场景同风格:轮廓规则、色板要和你第22课的 Style Guide 一致
8x

做完一张「侧面待机」时,问自己:剪影还在吗?主色够跳吗?腿和胳膊分开动得了吗?

6、角色小文档(够用就行)

一个人做项目,不必写成大厂美术设定集。半页就够:

名称:
定位:(主角 / 近战 / 法师……)
三句话第一印象:
头身比 / 画布尺寸:
主色 / 辅色 / 点缀:
标志性元素:(帽子?武器?)
需要哪些方向:(横版左右 / 俯视四向……)

三视图:正面、侧面、背面各一张中性站姿,身高对齐。
一人开发、又先做横版时,可以先把侧面做到能走能打,正背视图随后补——但作业仍建议练齐三面,避免只会画「帅气一张」。

Idle / Walk / Run 的帧表与关键帧,放到后面动画课细讲;本课只要保证设计「动得了」。

7、作业

设计一个可进游戏的像素角色,交这些:

  1. 半页设定:名称、定位、三句话印象、主辅点缀色、一个标志物
  2. 剪影测试图:角色涂黑 + 缩小仍能认(可贴测试前后对比)
  3. 三视图:正 / 侧 / 背,同一尺寸(推荐 32×32 或 32×48 一类),比例对齐
  4. 动画友好标注:在一张图上标头、身、臂、腿、武器挂点

选做:侧面 Idle 2~4 帧 呼吸循环(能接上第一帧即可)。

下一课做场景与背景:角色有了,还要给它一个站得住、玩得动的世界。

课程作者:像素熊老师

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