用中间色让曲线更顺
文本概览：全文约 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
热门跟贴