描边

描边决定了精灵的可读性。像素画师把描边分为三种:剪影、部件之间的线条和折痕。

没有描边的骑士
无描边
带深色描边的骑士
深色描边
带深色内部线的骑士
内部线条

三种线条

  • 剪影。外边缘,即精灵与背景相接的地方。它承担的工作最多:剪影清晰的精灵即使只用一种颜色也能看得懂。
  • 内部线条。剪影内部各部件之间的边:身体前的手臂、横过上衣的腰带、盖在脸上的头盔。
  • 折痕。同一表面内的折叠和急转:鼻梁、布料的褶、盒子的棱。

大多数美术师会区别对待它们。剪影通常最暗、最完整。内部线条较浅或只画一部分。折痕常常不画,交给明暗来表现。

深色或彩色

围绕一切的近黑色线条醒目易读,适合小精灵和繁杂的背景。纯黑可能显得生硬,所以许多美术师会改用调色板中很深的颜色,比如深蓝或深棕。

彩色线条取其所贴靠形状的颜色:红斗篷上用暗红色的线。更进一步,让亮面的线条变浅,就是选择性描边(selout)。

线条颜色为深紫色的骑士

常见错误

  • 两像素粗的线条。在小尺寸下,双线条会吞掉精灵。线条应该是一像素。
  • L 形拐角。线条改变方向时,同时接触两个相邻像素的拐角像素会形成 L 形,显得很粗。应沿对角线走一步。
  • 细部件断裂。一像素宽的剑刃或法杖如果画得不仔细,会断成一个个点。要让它保持为连续的一像素线条。
  • 给每条折痕都描线。内部线条太多会让精灵变成线框图。小细节交给明暗来表现。
  • 内部线条和剪影一样深。形状就不再像一个整体。

手工绘制的做法

  1. 用一种纯色填充精灵的形状,单独检查剪影。
  2. 画出一像素宽的剪影线,不要出现 L 形拐角。
  3. 只在部件重叠、可能混淆的地方添加内部线条。
  4. 先上明暗,只在明暗不够的地方再加折痕。
  5. 决定用深色还是彩色线条,并统一应用到所有地方。

Pixor 的做法

Pixor 根据渲染的深度、法线和部件 ID 找出线条,并把剪影线、内部线和折痕线作为不同的种类分别处理。每种线条都可以不画、用你选择的颜色画成深色,或画成选择性描边。线条为一像素宽,没有 L 形拐角;模型的细小部件保留为一像素线条;只出现一帧的线条会被清理。每项线条设置都是风格节点图中的一个节点。

带选择性折痕线的骑士

问题

像素风精灵应该有描边吗?

大多数小精灵至少需要一条剪影线,才能在任何背景上清晰可辨。较大的美术作品可以不要描边,只靠明暗。

黑色描边还是彩色描边?

黑色醒目易读。深色线条或选择性描边看起来更柔和。整个游戏选定一种风格。

什么是 L 形拐角?

线条转弯处,角上多出的一个像素会形成 L 形,让线条变粗。干净的像素线条应该沿对角方向阶梯式前进。

接着阅读

在浏览器中免费用你自己的模型试试,或者获取完整版。

在浏览器中试用 获取 Pixor