04th 10月2011

イラストレーター(Illustrator)でピクセルがずれない方法

by mogunohashi

早速ですが、

イラストレータ(Illustrator)でウェブのデザインとかしてるときに、

1ピクセルの線が、ボケておかしくなるときないですか!!!

 

結構イライラしていたんですけど、

実は設定でなんとかなるのを知って、

すっごいびっくりしたんだ。

なので、びっくり投稿ですw

 

まず画像ね。

クリックで拡大

1pxの線の1辺50pxの正方形を400%で表示。

『ピクセルプレビュー』なし。

ま、ベクターデータなんで綺麗に見えるのは当然ですね。

 

 

ウェブなんで『ピクセルプレビュー』をオンにします。

クリックで拡大

よく見慣れた(?)1pxの線がにじんだ状態になります。

 

ここからが重要!

『変形』のウィンドウにある『ピクセルグリッドに整合』にチェックを入れるのだ!

クリックで拡大

ほーら、ほーら、どうよ?

ちなみにこの状態では線の太さを0.5pxとかにしても強制的に1pxにされます。

 

『ウェブ用に保存』のビフォーアフター。

 

ビフォー

 

アフター

 

え?背景黒いからみずれーな?それは全力でゴメン

え?知ってた?じゃー最後まで読むな!プンプンw

ちなみにCS5ですのであしからず。

 

 

 

このエントリーをはてなブックマークに追加
はてなブックマーク - イラストレーター(Illustrator)でピクセルがずれない方法
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on Facebook