はじめに
ドット絵のアンチエイリアスは「中間色を置くと滑らかに見える」と説明されることが多いですが、実際に描こうとすると「どんな色を置けばよいのか」「濁りはどれくらい必要なのか」「明度はどう調整するのか」と迷う場面が必ず出てきます。
一般的な解説は抽象的で、実践に落とし込むための“判断基準”が示されていないことが多いです。この記事では、アンチエイリアスを構造的に理解し、実際の制作で迷わないための具体的な方法をまとめます。
1. アンチエイリアスとは何か
ドット絵の斜線や曲線は、ピクセルが離散的（連続ではなく、マス目が一つずつ区切られている）なため必ずギザギザ（ジャギー）になります。アンチエイリアスは、その境界に「中間色」を置くことで、脳が滑らかに見えるよう錯視（目や脳が“そう見えるように錯覚する”現象）を起こす技法です。
図1：ギザギザの発生
■ □
□ ■
近くで見るとギザギザですが、遠目には斜線に見えます。
2. 中間色は「重み」を表します
中間色は平均色ではなく、「線がそのピクセル（ドット）をどれだけ占めているか」という重みを表します。線に近いピクセルほど濃く、線から遠いピクセルほど薄くすることで自然な境界になります。
図2：重みに応じた中間色
a：■（黒・線の中心）
b：□（薄グレー・線から遠い）
c：▣（濃グレー・線に近い）
d：■（黒・線の中心）
■□
▣■
3. 人間の脳は物理的な色をそのまま見ていません
アンチエイリアスが難しい理由は、脳が色を“正確に”見ていないためです。
- カバレッジ値（線がそのピクセルをどれだけ占めているか＝占有率）と知覚明度は一致しません
- 周囲の色によって中心の色が違って見えます（対比効果）
- 境界は影として認識されやすいです
- 線は濃く見えるべきだという文化的期待があります
そのため、物理的に正しい色を置いても、視覚的には正しく見えないことがあります。
4. 手作業アンチエイリアスの基本方針
● 平均色を置かない
平均するとグレーになりやすく、不自然になります。
● 色相は“方向性”を選んで寄せる
周囲の色をすべて混ぜるのではなく、どの色の方向に寄せるかを決めます（赤→黄→緑→青…など）。
● 彩度は落とす
混色は必ず濁りを生むため、純色のままでは不自然になります。
● 明度は少し下げる
境界は暗く見える傾向があるため、明るいと浮いてしまいます。
● 重みの強弱で濃さを変える
線に近いピクセルは濃く、線から遠いピクセルは薄くします。
5. 具体例：赤と黄の斜線を2×2で表現する場合
a＝赤
d＝黄
b＝白
c＝白
赤→黄の方向性で中間色を作ります。
図3：赤→黄の方向性
[赤] [薄ブラウン]
[ストロングオレンジ] [黄]
- c（線に近い）：赤寄りのストロングオレンジ
- b（線から遠い）：ペールブラウン
方向性は赤→黄で統一しつつ、彩度と明度を落として“濁り”と“影”を表現します。
6. なぜブラウンになるのか（混色の濁り）
赤と黄の間は「純粋なオレンジ」ではなく、混色の濁りが発生する領域です。
図4：色相環の方向性
赤 → オレンジ → 黄
境界は必ず濁るため、彩度を落としたブラウン系が自然になります。
7. 多色混合（3×3など）の場合
周囲に多色があると、数学的には中心はグレーになりますが、視覚的には不自然です。
図5：多色混合の例
赤 黄 緑
青紫 e 青
紫 赤紫 黄緑
e は平均するとグレーになりますが、方向性を選んで寄せる方が自然です。
8. 実践の手順
- 方向性を選ぶ
- 彩度を落とす
- 明度を少し下げる
- 重みに応じて濃さを変える
9. 最終調整（手心）
構造的に正しい色でも、脳の錯視でそう見えないことがあります。その場合は微調整します。
- 少し濃くする
- 少し暗くする
- 少し彩度を戻す
- 色相をわずかにずらす
図6：構造 → 錯視 → 手心
構造
↓
錯視
↓
手心
10. まとめ
アンチエイリアスは「構造 × 錯視 × 手心」で成立します。
中間色は平均ではなく、方向性・濁り・重みで決めます。
最後は脳の見え方に合わせて微調整します。
ドット絵のアンチエイリアスは、数学ではなく「人間の視覚心理」を扱う作業であり、計算式よりも“どう見えるか”を優先して色を置く技法です。
