用中间色让曲线更顺
![]()
文本概览:全文约 1,639 字,阅读约 5 分钟。
屏幕上的曲线,本来就在跟方格子打架。 方法:按理想形状占满每个像素的比例,挑一两档中间色去补边;有的台阶完全不加,有的连成一小段同色。
先看对不对:1 倍尺寸才算数
抗锯齿(常写作 AA)要解决的,是方像素拼不出圆滑边。对齐网格叫走样;手工抗锯齿,是用肉眼能买账的中间色,把网格感压下去。
用 X-G 的 Game Boy 示意:放大看,有 AA 和没 AA 都“糙”;缩回 1 倍,有 AA 的那侧明显更顺。
![]()
验收以 1 倍尺寸为准;放大只用来检查占格,不拿来当完成标准。
圆怎么落到格子上
理想圆叠到像素格上,很多格只被盖住一部分。格只能填一种颜色。
不做抗锯齿:盖住就涂满,空着就留底,边缘成楼梯。
做抗锯齿:看这一格被圆盖了多少,盖得多就更接近前景色,盖得少就更接近背景色。缩回正常尺寸,楼梯会“融”成更圆的边。
![]()
中间色对应“这一格被盖住多少”,不是随便抹灰。
用1-2个中间色
理论可以算到上百级灰。像素画通常只剩1~2 档可用中间色。
够用就够用:有的边一档中间色就顺;字边、高反差边才需要两档。X-G 那例里,字用两档,外壳边只用一档。
理论懂了之后,靠试和撤销。
新手错误:每级台阶都抹一圈灰
新手常把“抗锯齿”理解成:每个台阶旁都贴一颗 50% 灰。
那会脏,也假。正确目标仍是“占格比例的幻觉”,不是给楼梯镶边。
![]()
左错中可右更好;有的台阶零抗锯齿,有的同色连成一小段。
注意三点:
不是每个台阶都要补。
孤立单点不一定最好,同色连成线或小团,有时更顺。
先问自己要消掉哪一段网格感,再下笔。
黑白懂了,彩色同理。红和黄混,中间色往橙靠;青和蓝混,往中间海色靠。一格里塞三种色,也是按占比估一个结果色。
![]()
实践里别精算百分比,先猜一档中间色,不对就改。
像素画铁律:足够表现细节就不加新颜色。
每多一个颜色就增加一分成本。
落到角色边上:哪里补、哪里留
把同一套判断用到角色剪影上。
放大后能看见:有的部位连着几颗中间色,有的用更深一档压走样,袖口等处干脆不加。
![]()
补多少没有公式;试 → 看 1 倍 → 撤销或保留。
另一张半上色例说明:没有这些中间色,裤管喇叭口、头发与肢体的外轮廓,形状会塌或根本读不出来。抗锯齿不只是“好看一点”,有时是形体能不能成立。
![]()
抗锯齿在消网格,也在保住体积。
为什么值钱
自动抗锯齿会糊掉你辛苦排好的像素决定。
手工抗锯齿把决定权留在你手里:色数紧、尺寸小的时候,你仍能用一两档中间色换一段更顺的边。
普通人用创作改变生活,靠的不是一次滤镜,是能重复用的小判断。
总结
抗锯齿按“理想形占满像素的比例”选中间色,验收看 1 倍尺寸。
色数紧就用 1~2 档近似;禁止给每级台阶都抹同一灰。
有的台阶不加,有的同色连段;彩色先猜再拧,多靠撤销。
http://gas13.ru/v3/tutorials/handmade_antialiasing.php: http://gas13.ru/v3/tutorials/handmade_antialiasing.php
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.