IllustratorをWeb向けに利用するときには、ピクセルプレビューをオンにして使います
IllustratorをWeb向けに利用するときには、［表示］→［ピクセルプレビュー］をクリックして、ピクセルプレビューをオンにして使います。
これを使わない場合、左のようにボケてしまいますが、ピクセルプレビューがオンになっていると、右のようになります。
Illustrator CS5以降は、次の方法でもOKです。
- ［変形］パネルのパネルメニュー内の［新規オブジェクトをピクセルグリッドに整合］にチェックをつける
- 新規ドキュメントを作成時、ドキュメントプロファイルで「Web」のプロファイルを選択する
→［新規オブジェクトをピクセルグリッドに整合］にチェックが入ります。
ぶっちゃけ、Illustratorはスライスなどが使いにくいので向き不向きでいうと、あまり向いていないと思うのですが、下記などの設定についてはおさえておくとよいと思います。
ご参考：
- IllustratorでWeb向けの作業を行うときのチェックリスト - DTP Transit
- Ustream.tv: ユーザー station5_s: Adobe station5 / 2010.6.14 / CSS Nite in OMOTESANDO, Vol.3, 鷹野 雅弘 氏（株式会社スイッチ）. デザイン...
- Illustratorのドキュメントプロファイル（プリント/Web）の差違 - DTP Transit
さらに、こちらにまとめました。
追記
Illustrator CC 2019以降、100%表示では実寸サイズにて表示されます。
イヤな場合には［環境設定］の［100% ズームで印刷サイズを表示］オプションをオフにします。
『10倍ラクするIllustrator仕事術』（改訂第3版）
オススメ外部リンク
Adobe Creative Stationで「知ってるようで、知らずに損してるAcrobatとPDFのアレコレ」と題して連載しています。
Adobe Creative Stationで「ベテランほど知らずに損してるIllustratorの新常識」と題して連載しました。
Adobe Creative Stationで「ベテランほど知らずに損してるPhotoshopの新常識」と題して連載しました。
- 第1回「あ、それ、今のPhotoshopならこうします！」
- 第2回「 ズームとスクロール、ダークUI」
- 第3回「“ふわふわ/もこもこ”も、どんと来い！［境界線を調整］で実現するスピーディな切り抜き」
- 第4回「まだスライスで消耗してるの？「画像アセットの生成」でスライス不要のサクサク切り出し 」
- 第5回「支給画像あるある（逆光、手ブレ、モヤ）」
- 第6回「繰り返し作業には欠かせないアクション、ドロップレットや条件分岐、一時停止機能でさらに効率アップ」
- 特別編「データの使い回しとCCライブラリ」
- 第7回「ベクトルマスクを使って実現する、直しに強い切り抜き」
- 第8回「たかがガイド、されどガイド。ガイドと整列を制すものがデザインを制す」
© Swwwitch, Inc. Some rights reserved.