Illustrator

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

ドットバイドット。

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

Illustrator2017以降の場合

ドキュメント

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

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

 

表示

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

  • 表示>グリッドを表示

環境設定

  • 編集>環境設定を選択

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

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

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

 

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

2014以前の場合

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

参考

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

まとめ

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

 

Mayaの参考紹介

参考記事

  • Mayaに関連するまとめ記事23選!
  • 参考書籍

    キャラモデリングの書籍です。

    背景を作成する時に一読すべき書籍です。

    リグを組む時に一読すべき書籍です。

    ABOUT ME
    すいみん
    東京在住。デザイナー寄りのテクニカルデザイナー。 ブログは技術検証の備忘録として書いています。