Illustratorを画像に変換した時にピクセルがずれないようにする。

ホームページのリンクボタンなどをIllustratorで作成して、Photoshopで画像に変換すると細い線などが消えてしまったり、逆に太くなったりすることがあります。そのようなことを回避するためにIllustratorに便利な機能があります。

まずIllustratorでホームページの素材を作る時は環境設定の単位をすべてピクセルにします。「環境設定」→「単位」

次にリンクボタンなどを作成したら、選択状態にします。（今回は仮に右側の線の部分だけに適用してみます。）

メニューの「ウインドウ」→「変形」で変形パレットを表示させます。

そして下にある「ピクセルグリッドに整合」ボタンにチェックを入れるだけです。

チェックを入れずに画像に変換した場合。右側の線がぼけています。

チェックを入れて画像に変換した場合。線がくっきりとしています。