STAFF BLOG
2017.06
30
タグ:

webサイトのモック作った時に
デザイナーさんから「画像の1px線がボケてる」と指摘を受けました。

結論から言うと
「ピクセルグリッドに整合」をかける事で解決しました。

パソコンのモニタは方眼紙のマス目を塗りつぶして描画するのに対し、
Illustratorは方眼紙の頂点基準で作画していく設定になっていた事が原因。
(オセロと囲碁のイメージ)

「マス目の境界線に1pxの線」という命令には
「隣接マスをグレーで塗る」という表現方法を選ぶ…という事らしい。

(左)ピクセルグリッドに整合 (右)頂点基準で描画
(左)はキレイに描画されているが、青い指示線(パス)が半端な位置にきているの

もちろん、紙に出力する場合は問題無いので
細い直線を含んだweb素材を作成する時は注意しましょう。

このページを友達とシェアしよう!