【Illustrator】ピクセルにぴったりな素材を作るための作業環境構築方法

ドットバイドット。

イラストレーターでの画面の解像度に対して、1ピクセル内に1ピクセルがすべてぴったりはまっている素材を作るための環境構築(機能)方法の紹介です。CC2017以降がおすすめです。

スポンサーリンク

Illustrator2017以降の場合

ドキュメント

  • ファイル>新規>Webタブを選択。

  • 解像度を入力し、単位をピクセルに。カラーモードはRGBに。

 

表示

  • 表示>ピクセルプレビュー

  • 表示>グリッドを表示

環境設定

  • 編集>環境設定を選択

  • ガイドグリッドを選択し、グリッドを8px 分割を1に(ここは好み)

ピクセルスナップのオプション

  • 右上の磁石アイコンを押すとオプションが表示されるので機能を確認。

 

図形を選択して、オブジェクト>ピクセルを最適化でピクセルにピッタリ合う機能もあります。

スポンサーリンク

2014以前の場合

以前は[新規オブジェクトをピクセルグリッドに整合]という機能がありましたが、パスと描画がずれてしまう問題がありました。

参考

IllustratorでWeb向け、ピクセルベースの作業を行う上での設定(2014 完全版)|DTP Transit
IllustratorをWeb制作に使い、ビットマップ書き出しするときのアレコ...
スポンサーリンク

まとめ

UIの素材をイラレで作成した場合、素材をピクセルで書き出した時にアンチエイリアスが綺麗に入らないことがあったのですが(単にピクセルに沿ってなかっただけですが)、CC2017では作業環境が、かなり改善されていました。

 

コメント