像素画伦敦双层巴士教程

打开网易新闻 查看更多图片

文本概览:全文约 921 字,阅读约 3 分钟。

跟完这篇,你能按七步把一辆 Routemaster 双层巴士点成可读的小图。

先定目标:那辆红巴士

题材是伦敦经典 Routemaster:双层、圆角车顶、侧面一排窗。工具随便——GrafX2、Aseprite、GIMP 都行,能一像素一像素落笔即可。

打开网易新闻 查看更多图片

先看这张图:红车身、两层窗、轮子定了整车比例。

1. 参考与草图

参考不必抄实,但能让卡通化的车还像车。纸上草图可选:快速试几种长宽,弄清结构再进像素,后面少返工。

打开网易新闻 查看更多图片

参考在左,草图在右——先想清楚再进格子。

参考原图也可对照:

打开网易新闻 查看更多图片

到这停一下:轮子、窗数、车顶圆角,心里有数了吗?

2. 色块搭大形(Cubism)

常见教法一上来抠线;这篇差异是先用简单色块挡大形,看整体平衡、对比和色感,再管细节。

打开网易新闻 查看更多图片

关键在这一步:先挡出红身、窗带、轮子,别急着抠螺丝钉。

画布尺寸也在这一步定死。太小塞不下想要的窗;太大就不像像素画、工时暴涨。这辆巴士以轮子为尺:好看的小圆半径选项很少,轮子定了,侧面四扇窗 + 窗缝 1 像素 + 两端各 2 像素,长度就跟着出来。此刻按像素算,不要按“感觉”估。

3. 勾线定轮廓

有外轮廓的题材才需要这一步。线帮你看清能塞多少细节,也修圆车顶前后的弧。

打开网易新闻 查看更多图片

线先服务轮廓:车顶圆角、车头车尾,一眼能认。

颜色先别纠结,下一节再管。

4. 第一遍铺色

挑和谐、贴风格的色。像素画常把色数压到 4 / 8 / 16 / 32 这类 2 的幂,逼自己共用色。

打开网易新闻 查看更多图片

注意:主色(红)占面积大,灰和深色留给窗、轮、阴影共用。

5. 光影与取舍

光源定在左上。只加小分辨率装得下的细节——塞满只会噪。圣埃克苏佩里那句仍适用:完美是去掉多余,不是加满。

打开网易新闻 查看更多图片

小零件对比别抢戏:窗框、灯,够认就停。

6. 抗锯齿

用中间色软化楼梯边。太轻仍楞,太重发糊;全图同一套规则更重要。同时把受光一侧的外轮廓略提亮。

打开网易新闻 查看更多图片

到这停一下:缩到 100% 看一眼,糊不糊、楞不楞。

7. 调色盘抛光

在色阶里略加随机:某一级偏蓝一点,下一级偏红一点,画面会少“塑料感”。灰色带一点红绿,偏暖褐,避开纯灰和“程序员三原色”。对比、亮度、饱和可微调;作者习惯这一步才开 Photoshop。

打开网易新闻 查看更多图片

成品:暖红车身、干净窗带、轮子咬住比例。

参考资料

Pixel Art Tutorial: London Bus · 16 Couleurs: https://16couleurs.wordpress.com/tutoriels/pixel-art-tutorial-london-bus/