IllustratorでWeb向けの作業を行うときのチェックリスト

この記事は鷹野雅弘によって執筆されました。
公開日:2010年12月14日、更新日:2014年5月22日

Illustratorで既存の書類を、そのままWeb向けとして作業する場合、次の操作を行います(新規にスタートするときには、ドキュメントプロファイルで「Web」を選択すると、このリストの多くはクリアされます)。

  • カラーモードをRGBに([ファイル]メニューの[ドキュメントのカラーモード]→[RGB])
    ai4web-12.gif
  • 単位をピクセルに(環境設定の[単位]タブ、またはルーラー上でcontrol+クリック)
    ai4web-5.gif
  • ピクセルプレビューをオンに([表示]→[ピクセルプレビュー])
  • ピクセルグリッドに整合をオンに([変形]パネルのパネルメニュー内の[新規オブジェクトをピクセルグリッドに整合]にチェックをつける)
    ai4web-11.gif
  • ラスタライズ効果設定で解像度を72dpiに([効果]→[ドキュメントのラスタライズ設定])
    ai4web-2-s2.gif
  • 環境設定の[キー入力]を「1px」に設定
    ai4web-8-s2.gif
    これにより、shiftキーを押しながら矢印キーを押すと10ピクセル移動します。

「Web」のドキュメントプロファイルで新規ドキュメント作って、そこにコピー&ペーストした方が早いのですが、ピクセルプレビューはデフォルトはオフですのでご注意ください。

アクション

Webの人からIllustratorドキュメントが来たときには、上記の逆をやればいいわけです。

「アクションを作っておけばいいよね」と思ったのですが、ここに挙げる操作のほとんどはアクションに記録できません。

なんかうまい方法ないのかな...

Illustrator CS5でのWeb向け機能強化

  • ピクセルグリッドに整合([変形パレット])
  • テキストのアンチエイリアスOFF
    ai4web-6.gif
  • 定規の原点(0, 0)が左下から左上に移動

単位をピクセルにしたとき、定規の目盛が12の倍数になってしまう"仕様"は健在です。

『10倍ラクするIllustrator仕事術』(増強改訂版[CS5/CS6/CC/CC 2014対応])

2014年10月に発売。新しいバージョンを使いながらも、古いやり方のまま作業されている中級以上のユーザー向けの書籍。ツールやコマンドなどの基本的な使い方の解説はありません。

2015年3月、8月に増刷。前書(2011年版)と合算すると3万部超のロングセラーとなっています。

改訂版に関する情報

2011年に発売した書籍の改訂版です。

  • 対応バージョンは、CS5/CS5.1/CS6/CC/CC 2014
  • 178ページから78ページ増量の256ページ
  • 金額は180円(だけ)アップの2,380円(税別)

最新版への対応

2016年11月リリースのIllustrator CC 2017への対応版を、2017年2月に発売します。なお、書籍リリース後の追加情報は、サポートページにて公開しています。

全都道府県縦断セミナーツアー

2014年10月に技術評論社から発売された『10倍ラクするIllustrator仕事術』(増強改訂版)のプロモーションのために、全国47都道県にて実施。

47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。2014年に技術評論社から発売、現在5刷です。2011年版と合わせて35,000部のロングセラーとなっています。

詳しくはサポートサイトにて。

画像:『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』全都道府県縦断セミナーツアー、 47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

画像:『10倍ラクするIllustrator仕事術』改訂版

5つの「く」

画像:『10倍ラクするIllustrator仕事術』改訂版

DTP Transitのコアとなっている制作へ考え方「ムラなく、モレなく、直しに強く、手数を少なく、美しく」を5つの「く」としてまとめてみました。

オススメのスライド

お問い合わせ

メールマガジン

サイトの新着情報などを、月1回程度、メールマガジンでも配信しています(まぐまぐから配信。無料です)

オススメ記事

Illustrator

InDesign

Photoshop

その他

 

リンク

このページの上部に戻る