如何在 24×24 像素限制内绘制辨识度高的动物精灵图(Sprite)
要想让动物在 24×24 像素下易于辨认,需要确定其标志性特征,在剪影中为这些特征留出清晰的空间,并且只添加在精灵图实际显示尺寸下依然清晰可辨的细节。从简单的形状开始,在不添加内部颜色或细节的情况下进行测试,然后加入少数形成对比的色彩组,并将精灵图置于实际背景中进行检查。24×24 的画布共有 576 个像素,因此每个点都在争夺有限的空间。
选择一个视角和一个识别特征
动笔前先选定一个视角:侧视、正视或四分之三视角。初次绘制精灵图时,侧视通常更容易将尾巴、耳朵、鸟喙或口鼻部与身体区分开来。这是一种实用的设计选择,而非硬性规则;请选择最能突出你想让读者注意到的特征的角度。
写下一个主要识别特征,最多再加一个辅助特征。对于猫来说,可能是尖耳朵和尾巴;对于鸟来说,是喙和紧凑的身体;对于乌龟来说,则是龟壳的形状。这一限制是一个有用的实用约束,而非既定标准。它有助于防止在动物的身份尚未明确之前,就把像素浪费在泛泛的纹理细节上。
下笔落点前先规划画布
打开 24×24 画布,在绘制时保持像素网格可见。像 Aseprite 这样的精灵图编辑器会将文档视为像素级图像,其文档将索引颜色描述为引用调色板条目的像素。网格能让你更容易判断一个特征占用了多少行或多少列。Aseprite 的精灵图文档 和 颜色模式指南
在边缘预留一些呼吸空间,尤其是耳朵、角或尾巴容易被裁切的地方。然后大致勾勒出最大的色块:身体、头部以及任何独特的延伸部位。作为一个参考性的初始分配,你可以为身体和头部共预留约 15×10 像素,然后将尾巴、腿和耳朵放入剩余区域。这些数字并不是固定模板;修长的动物、圆滚滚的动物和正面的动物都需要不同的比例。
先绘制并测试剪影
使用单一颜色在对比背景上将动物填充为实心形状。忽略眼睛、花纹和阴影。在此阶段,扪心自问目标动物是否能与普通的模糊色块区分开来。如果不能,就修改轮廓:拉长口鼻、分开耳朵、改变背部曲线,或给尾巴一个明确的方向。
注意狭窄的间隙。一个像素的空隙可能足以将耳朵与头部或腿与腹部分开,但当精灵图缩小时或放置在繁杂的背景上时,这个空隙可能会消失不见。如果两个特征融合在一起,在添加轮廓颜色之前,先尝试改变它们留出的角度或剪影。Lospec 的入门指南强调逐像素的精细控制,并引导初学者学习精灵图制作教程;在本文中,实际的做法是权衡每个像素的取舍,而不是依赖自动平滑。Lospec,“像素艺术:从哪里开始”
添加体现身份的特征
一旦剪影清晰易辨,就可以添加面部和识别特征。在微小的精灵图中,一颗暗色像素表现的眼睛可能就足够了。口鼻、鸟喙、角或龟壳边缘通常可以通过形状或颜色的微小变化来暗示,而不需要详细的刻画。如果贴到轮廓边缘会使头部的形状变得难以辨认,请让面部细节避开轮廓线。
使用快速删除测试:暂时隐藏每一个微小的标记。如果去掉它并不会降低动物的辨识度或影响姿态的清晰度,就直接舍弃它。这是一种编辑上的实用启发法,而非通用的艺术法则。它有助于为最重要的特征保留空间。
选择色彩精炼且对比鲜明的调色板
从几种角色色开始:透明背景色、主要身体颜色、用于区分或阴影的较暗色调,以及用于单处高光的较亮色调。仅在有助于识别动物时才添加点缀色。24×24 精灵图没有硬性的颜色数量限制。角色色越少,就越容易看出颜色是在突显形状还是在制造杂音。
不仅要检查色相,还要检查明度。两种颜色可能色相不同,但亮度相近,这会导致色块在小尺寸下难以区分。暂时以灰度查看精灵图,或切换到纯中性灰背景,以检查身体、面部和关键特征是否依然分明。Pinnguaq 的精灵图创建教程同样建议在多种背景下评估色彩对比度和可见度,尽管其示例画布大于 24×24。Pinnguaq,“像素力量:精灵图创建”
在 Aseprite 中,RGB 模式允许每个像素拥有独立的颜色,而索引模式将像素与调色板条目绑定,对调色板的修改会直接影响使用这些条目的像素。索引模式有助于保持小调色板的一致性;RGB 模式则在尝试颜色时更为方便。两者皆可用于此项任务。Aseprite 的颜色模式指南
在不破坏形状的前提下添加明暗
只有在剪影和识别特征起作用后,才添加阴影。使用成块的阴影来表现体积感或区分重叠部分,而不是给每个表面都勾出轮廓。大块连贯的色块通常比零散的单个像素更易于辨认。谨慎添加高光;在如此小的尺寸下,几个亮斑看起来可能更像杂乱的噪点而非纹理。
如果带有阴影的边缘导致腿、尾巴或耳朵与身体融为一体,请移除或移动该阴影。始终以剪影为决定性的基准:内部颜色应该服务于轮廓,而不是与轮廓争夺视觉焦点。
在实际尺寸下检查精灵图
放大视图有助于落笔打点,但也可能掩盖正常尺寸下出现的问题。请同时在放大状态下和精灵图在游戏或界面中所占的实际大小下进行检查。在实际尺寸下,检查三件事:你能认出这是什么动物吗?你能看出它面朝哪个方向吗?在目标背景下它的姿态依然清晰吗?
如果精灵图可能出现在不同的场景中,还应在多种纯色背景上进行测试。如果深色轮廓在某种背景下隐没不见,请调整轮廓或添加少许区分色。如果动物只有在放大时才看得出来,请简化细节或放大传达其身份的特征。这些检查是实用的诊断手段,并不能保证每位观众都会有完全相同的解读。
简短的修改流程
按以下顺序进行修改:剪影、姿态、识别特征、明度区分,最后是修饰。一次只修改一个问题,以便判断这次调整是否有效果。如果动物看起来仍然模糊不清,将其与夸大了标志性特征的第二个简化草稿进行对比。保留在实际尺寸下辨识度更高的那个版本。
最终成型的精灵图并不需要用满全部 576 个可用像素,也不需要用尽调色板中的每种颜色。当动物、朝向和最重要的特征在目标尺寸下都清晰易辨,且添加更多像素已无法带来改观时,便可大功告成。
