像素画线条教程:如何使角色轮廓更干净

打开网易新闻 查看精彩图片

文本概览:全文约 1,704 字,阅读约 5 分钟。

像素画低分辨率下,每一根描边都在抢像素,角色容易脏。

方法:能用明暗对比交代边界就别画线;必须画线时,先清掉无意义转角,再把纯黑描边改成深颜色。

线条在像素画里干嘛

现实里没有“轮廓线”。

线是人脑用来分界、标方向、挤出体积的工具。

到像素画布上,空间本来就紧。线条一多,可用的色块就被吃掉,形体容易碎。超低分辨率时,优先少线甚至无外轮廓;有余量时,也先问一句:这根线删掉后,边界还在不在?

打开网易新闻 查看精彩图片

线条在讲“分界”,不是在讲“描一圈才算画完”。

先砍掉不必要的线

很多“该画线”的地方,其实只是暗部不够深、或邻块明度太近。

把线换成更暗的阴影,或干脆提高两侧对比,形体往往更整。线融进暗部后,角色也少一层“贴纸感”。

打开网易新闻 查看精彩图片

能砍的线先砍。留下的每一根,都该有理由。

无意转角:三条像素别乱成角

手绘手势很容易在斜线上挤出 2×2 的小方角。那不是设计的折角,只是笔触事故。

修法很直接:看见 3~4 个像素围成小方块,先问是不是真拐角。不是,就删掉其中一格,让斜线更顺。

Aseprite 的“像素完美”铅笔能自动消一部分,但别全靠它。你仍要会肉眼扫一遍。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

修转角常会引出锯齿。流程多半是:画线 → 清转角 → 再清锯齿。别指望一步到位。

这和“锯齿”不是同一件事。锯齿是楼梯感;转角是误拐弯。分开处理更稳。

另一种风格:故意方线

有时你不消转角,反而把对角连接都“方”掉,让线看起来更粗、更卡通。

做法反过来:见到对角像素相连,就补成直角台阶。风格化角色吃这一套;写实向就别乱用。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

方线也会制造锯齿,加完仍要回炉整理。

彩色描边:别让全黑抢戏

低分辨率里,通篇黑描边最容易“跳”到前景,压过色块本身。

回头扫每一段线:改成邻色的更暗版本。颜色一换,那一块视觉上会略“胀”,必要时把线往外或往里挪一格。拿不准时,优先选更暗的邻色。

打开网易新闻 查看精彩图片

外轮廓仍可留黑,甚至双层;内部结构线用彩色压住。这是口味,不是铁律。

线稿流程:六步走完一张 64×64

下面用一条线稿路径,把前面规则串起来。建议新开 64×64,色板可先用 AAP-64(Lospec)练手。

1. 先草稿

先别管像素规则,像在纸上一样把形画顺。再删掉明显辅助线,定大形。

打开网易新闻 查看精彩图片

草稿阶段追求姿态与比例,不追求干净。

2. 降透明,重描关键线

草图层降不透明度,上面新层重描。先抓剪影与脸部结构,别急着上光。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

重要线先到位,细节线后补。

3. 铺固有色

油漆桶填大色块。先避开过饱和、过亮的色。这时还不是光影时间,但要心里有光从哪来。

打开网易新闻 查看精彩图片

色块稳了,后面的阴影才有地方落。

4. 上明暗,顺便软化黑线

加亮部与暗部。弯角处用更深的邻色贴黑线内侧,像极轻的抗锯齿,别糊成晕边。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

这一步仍以体积为主;线可以微调,但别本末倒置。

5. 给线换邻色

内部线改成邻色暗版。下巴与脖子、领口与头发这类硬分界,可以留很深甚至黑;鼻子这类软转折,线可以更浅。

打开网易新闻 查看精彩图片

外轮廓偏黑、内部分界偏色——角色读起来会更像“一体”,而不是贴纸描边。

6. 抛光与细节

检查线是否还有误转角与多余锯齿;硬边就硬,软边就软。最后才加背光、高光、小反射。细节过量会变噪。

打开网易新闻 查看精彩图片

抛光是加减法,不是堆料。

总结

  1. 低分辨率优先少线:边界能用明暗交代,就别描。

  2. 必画的线先清无意转角,再处理锯齿;或刻意走方线风格,但别混用两套标准。

  3. 黑描边抢戏时,改成邻色暗版;外轮廓可留黑,内部线让位给形体。

练手:开一张 64×64,只画一个侧脸或半身小人。要求:外轮廓最多双层黑,内部结构线全部换成邻色暗版,并清掉至少三处无意转角。

参考资料

https://medium.com/pixel-grimoire/how-to-start-making-pixel-art-7-e504bfa4ddf2: https://medium.com/pixel-grimoire/how-to-start-making-pixel-art-7-e504bfa4ddf2

http://saint11.org/pixel_articles/: http://saint11.org/pixel_articles/