メニュー

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

ドットバイドット。

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

目次

海外でフリーランスをしているテクニカルアーティスト
ゲーム開発・映像制作・WEB制作等を請け負っています。
当ブログは作業効率化のための技術ブログです。

Illustrator2017以降の場合

ドキュメント

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

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

 

表示

  • 表示>ピクセルプレビュー
  • 表示>グリッドを表示

環境設定

  • 編集>環境設定を選択
  • ガイドグリッドを選択し、グリッドを8px 分割を1に(ここは好み)

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

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

 

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

2014以前の場合

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

参考

http://www.dtp-transit.jp/adobe/illustrator/post_1896.html

まとめ

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

 

全記事一覧

  • URLをコピーしました!

Illustratorに関する参考記事・ツール・書籍のまとめ

イラストレーターのソフトウェア購入

Illustratorが学べるスクール

Illustratorの参考書籍

独学で勉強できてしまうIllustratorですが、他の人の手法を見ると全然使いこなせてなかったことに気がつくこともあります

著:井村 克也
¥2,398 (2023/01/13 23:17時点 | Amazon調べ)
著:高橋 としゆき, 著:ヤマダ ジュンヤ, 著:大賀 葉子, 著:三浦 悟, 著:鈴木 貴子
¥2,178 (2023/01/13 23:17時点 | Amazon調べ)
目次