你画的细节为什么糊成一团?因为像素画“隐形颜色”对比度不对

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

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

结构没问题、线也勾得齐,可像素画就是发闷、细节一加就脏?

问题常常不是“还不会画高光”,而是相邻颜色之间的对比没安排好

这篇教你把每个像素当成整体的一部分,而不是孤立的小点。

每个像素都要为整张图打工

像素画空间极小,每一格颜色都会改变观感

目标不是“多一点细节”,而是:这一格颜色放对位置,整张图才成立

画的时候记得开 100% 预览窗口看全貌。

你真正要盯的,除了像素本身,还有像素之间的空隙——相邻两色之间,眼睛会自动“搭桥”,脑补出一种没画出来的中间色。

对比度,本质上就是这种隐形颜色

同一个黄色,为什么能当皮肤也能当高光

看这组色条:两端是黄色,中间夹着红、绿过渡色。

黄色挨着中红时,和黄挨着中绿时的对比度接近。

眼睛会在黄与红之间建桥,黄暂时“带上一点红味”;挨着绿时同理,黄又像最亮的绿。

同一色号,邻居不同,读出来的角色就不同。

放到角色上更直观:

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

角色和青蛙都用同一套色板。

黄色:在男孩脸上,它是肤色里最亮的一档;在青蛙身上,它变成绿色的高光,也照亮肚子。

亮色贴谁、中间有没有缓冲色,比多画几笔更重要。

去掉缓冲色,细节为什么会变“吵”

把同一个黄色直接贴在纯红或纯绿旁边,不再经过中间色过渡:

对比一下子拉满,眼睛不容易自然过渡,两色各站各的,画面变刺。

林克的帽子与头发也是:保留头顶的浅绿高光,但让浅绿不要碰到那片黄,帽沿与头发的交界就会更利落。

反过来,脸大面积用同一肤色时,它和黄的对比会比“细线过渡”时更硬——面积一大,对比关系就变,加细节前要想清楚块面关系。

和“少画细节”怎么配合

“少即是多、留给想象”是一条路。

少画,不是随便删;删到还能读,靠的是色块之间的对比度设计得当。

总结

—对比本身就是画面里的“第 N+1 种颜色”。

参考资料

Read Between the Pixels: http://finalbossblues.com/read-between-the-pixels/