这是对 Pixel Pete 像素画系列教程的笔记。
Pixel Art 101
1. 软件
2. 风格
像素画是专注于风格和创意的艺术,而不是写实。
像素画有不同的风格,比如 1 bit 风格的 Downwell,无描边的 Moonlighter。
用 16x16 呈现几种不同风格,通常优先展现人物脸部,一般是大头小身。
以下为本人练习:

可以看到质感完全不同。
越往右工作量越大,因为其他部分美术也要用同样的标准,还要加上动画。这还只是 16x16,如果用 32x32,像素数就变成 4 倍,工作量更恐怖。
像素画真是下限极低、上限极高的艺术。
3. Game Boy

GB 只有 4 种颜色,优先强调人物特征。

比如狐狸就可以强调耳朵、吻和尾巴,对其使用高光。
4. 家具


给家具上色的两个小技巧:
- 高光:选择上侧的颜色,调低饱和度,调高明度,用在前侧和上侧弯折处。
- 描边:选择内部颜色,调低明度,从弯折处以上描边,好像有光从上方打下来。
改成床:

- 高度调低。
- 靠背用黑色,与前侧一致。
- 靠背上侧更亮一些,好像更靠近光源。
一个阴影小技巧:选择较深的颜色,Alpha 通道调到一半,然后加到较浅的颜色上,获得中间的阴影色。
床腿阴影,可以造成部分在侧面部分在床底下的错觉。
5. 调色板
高饱和度颜色通常偏卡通和娱乐,例如任天堂游戏。低饱和度偏写实,可以用严肃的剧情。Calm colors 通常是低饱和度的,例如 Garden Story。
调色板从红黄蓝三原色开始,选择不同的颜色传达不同的情绪,参考别人的作品。
举例来说,做游戏可以先选择草的颜色,以此为基础在上面画其他物品,使颜色与之匹配。在选取草绿色后,保持饱和度和明度不变,调整色度获得红黄蓝 dark 版本。
调高饱和度和明度调到最高获得明亮版三原色,调整 dark 版本,使得它们与明亮版的视觉差距差不多,依靠视觉感受而不是数值。

其他小技巧:
- 要获得橙色,新建红色图层,透明度调一半,将其与黄色图层重叠,获得橙色。
- 调色板创建渐变。
- 可以从作品中创建调色板。
6. 阴影
加阴影通常要调低明度,还可以结合调整饱和度和色度来获得不同的效果。
描边也可以用暖色/冷色体现不同的感觉,即色度调成红/蓝,饱和度调高,明度调低。
要体现立体感,描边+边缘高光+侧面渐变。
边缘高光多次叠加,可以体现金属光泽。
高光时色度可以稍微右移,阴影时左移。

7. 石头
做影子的一个小技巧:新建图层并涂黑,透明度调一半左右,下移,与原图片合并,形成影子。
8. 草
草不适合用复杂的质地,否则会感觉杂乱,看不清主体。

9. 树
草作为背景的话饱和度不能太高。
高光和阴影技巧基本一样,越往上色度越黄、饱和度越低、明度越高。主要是用形状和来体现立体感。
10. 水
本人练习:

11. 灌木
