移行中の知識
アンチエイリアシング
Anti-aliasing
定義
アンチエイリアシング(anti-aliasing)とは、rasterization時のedge周辺pixelを中間値で表すなどして、aliasingによるjagged appearanceを目立ちにくくする処理です。edgeを単にblurすることとは異なり、有限pixel grid上で連続shapeをより滑らかに知覚させるためのsampling処理です。
関連
対比すると分かりやすい概念
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
Rasterized banner text
小さい文字のedgeを見る
見るポイント
textをraster exportした時、edge pixelの中間toneによってcurveが滑らかに見えるか、small sizeで逆にsoftになりすぎないかを確認する。
UI graphic asset
Line artを書き出す
見るポイント
thin lineのrasterizationでanti-aliasing設定を比較し、hard edge保持とjagged appearanceのbalanceを見る。
注意
誤解しやすい点
- anti-aliasingを普通のblur filterと同じものとして扱う。
- anti-aliasingを強くすれば常にsharpで高品質になると考える。
- vector imageにはanti-aliasingが一切関係しないと考える。
関連
関連する概念
出典