お知らせ
- 10年ぶりの全面改訂版『10倍ラクするIllustrator仕事術』(改訂第3版)が2024年10月21日に発売されます。
基本情報
もっと早く教えてほしかった!
一線で活躍する著者陣による
効率化の最新ノウハウ
「楽に生産性を高めるワザ」
「直しに強いデータの作り方」
「使い回しと一括反映の方法」
……そんな今どきのイラレ使いなら知っておきたい
効率化のテクニックを満載。
余計な作業をショートカットして時間を短縮、
デザインに本当に大切なことに力を注ぐための
ワークスタイルが身につきます。
- 書籍名:『10倍ラクするIllustrator仕事術』(増強改訂版[CS5/CS6/CC/CC 2014対応])
- 出版社:技術評論社
- 著者:鷹野 雅弘、茄子川 導彦、鈴木 ともひろ
- 担当編集:傳 智之
- 定価:2,380円+税
- 発売:2014年10月18日
- 備考:オールカラー、256ページ
- 対応バージョン:Illustrator CS5、Illustrator CS5.1、Illustrator CS6、Illustrator CC、Illustrator CC 2014
改訂版の違い
2011年版 | 改訂版 | |
---|---|---|
発売日 | 2011年12月 | 2014年10月 |
対応バージョン | CS3/CS4/CS5/CS5.1 | CS5/CS5.1/CS6/CC/CC 2014 |
価格(税別) | 2200円 | 2380円 |
ページ数 | 178ページ | 256ページ |
著者 | 鷹野 雅弘、秋葉 秀樹、杏珠、尾花 暁 | 鷹野 雅弘、茄子川 導彦、鈴木 ともひろ |
- 78ページ(45%)増量となりましたが、金額は180円のみのアップです。
- 改訂版にありがちな「焼き直し」は69ページにとどめています。言い換えれば、180ページが新しいトピックです。
「2011年版を購入された方にも、また、読んでいただく」ことをコンセプトに編集しました。
お礼
『10倍ラクするIllustrator仕事術』(増強改訂版[CS5/CS6/CC/CC 2014対応])のリリースにあたり、下記の方々(敬称略)にご協力いただきました。ありがとうございます!
Special Thanks
- 尾花 暁(あかつき@おばなのDTP稼業録)
- 秋葉 秀樹(ツクロア)
- 杏珠
- 樋口 泰行(樋口デザイン事務所)
- 鈴木メモ
- nodoka(派遣DTP つくる積読)
- チュートリアルマニアックス
- 大石 十三夫(はあどわあく、「なんでやねんDTP」)
素材提供
- 宇佐美 由里子(Indexdesign)
- 楠藤 治(ディメンションナントウ) 封筒、帳票、履歴書などのシンボル集
- なかむら りか LINEスタンプ「大工のかずお」
- カワココ(イラレラボ)
- 佐藤 孝行(ロゴ・アンド・ウェブ)
協力
はじめに
Illustratorに限らず、日々のデザインワークを楽しく、そして、快適にしてくれるのは、派手な新機能よりも、ちょっとした操作性の向上です。しかしながら、ベテランのユーザーほど、日々の仕事に追われ、じっくり使い込む時間がなかなか取れないことと思います。
といっても、書店に並ぶのは初心者向けの書籍ばかり。「わかりきったIllustratorの基本的な操作方法はバッサリと省略し、ベテランのユーザーの方に喜んでいただけるトピックを適切なレベルで紹介する」のがこの書籍のコンセプトです。
書籍のサブタイトルどおり「ベテランほど知らずに損してる」状態から脱し、さらにIllustratorを楽しんでお使いいただく助けになれば嬉しいです。
5つの「く」
「ムリ・ムダ・ムラ」や「4S」(整理・整頓・清潔・清掃)、「ヒヤリ・ハット」など、工場作業では品質保持(品質向上)や危険回避のためのスローガンがあります。
この書籍では、DTPやグラフィックデザイン、Web制作の領域で意識すべきものを次の5つの項目にまとめ、トピックの選出を行いました。
- ムラなく:安定化、標準化
- モレなく:作業や修正のヌケがないように
- 直しに強く:ライブ(Ai)
- 手数を少なく:自動化/半自動化
- 美しく:グラフィックだけでなく日本語も
増強改訂版によせて
お陰様で前書(2011年に発行)は大変好評をいただきました。その後にリリースされたCS6/CC/CC 2014で加わった新機能や、新たに検証したトピックを加え、新規に起こした原稿180ページを加えて再編集したのが本書です。
前書からおよそ3年。この間、主にグラフィックデザインの分野で、ある“お題”に対して、主にTwitter上で多くの方が夜な夜な知恵を絞り合う場面がありました。加えて、「dot-Ai」や「INDD」などのユーザー主導によるセミナーイベントなどを通して、知恵が収れんされていく動きは、これまでになかったものとして注目に値します。
この書籍で取り上げているトピックでも、そこからヒントを得たもの、掲載の許可をいただいたものをいくつか紹介しています。トライ&エラーされたり、“ひらめき”を共有いただいた方々にお礼を申し上げます。
2014年10月 著者一同
目次
- ★:2011年版をリファインしたもの
- ☆:部分的に:2011年版をリファインしたもの
2014年版 | ||||
---|---|---|---|---|
章 | # | トピック | ページ | |
1章 |
直しに強いデータの作りかた(アピアランス編) |
|||
1 | ★ | [角丸長方形ツール]を使わずに直しに強い角丸長方形を作成する | 14 | |
2 | ドロップシャドウをそのままでは使わないのがプロのワザ | 16 | ||
3 | ドロップシャドウの二重がけで文字をハッキリさせる | 17 | ||
4 | ★ | ドロップシャドウの影の付け方を自在に変える | 18 | |
5 | ★ | アピアランスを使って、フチ文字をひとつのテキストで作成する | 20 | |
6 | ☆ | 文字の形状を崩さずに、文字を角丸にするには | 24 | |
7 | ★ | テキストに同一形状の「囲み」をつける | 26 | |
8 | ★ | 自動で伸縮するポストイット風メモを作る | 29 | |
9 | テキストに応じて大きさが変わる「吹き出し」を作成するには | 30 | ||
10 | カプセル形状の囲みをきれいに実現 | 32 | ||
11 | 後から修正できるようにテキストを斜体をするには | 33 | ||
12 | 消し値を付け直す手間をなくす | 34 | ||
13 | 行数に応じて、縦に伸びる飾り罫を付けるには | 35 | ||
14 | 特定のレイヤーに入力するテキストすべてに白フチを付ける | 36 | ||
15 | 異なる幅の道路を、修正できるように結合する | 37 | ||
16 | アウトライン化したり、●を重ねず黒丸数字のマドを埋める | 38 | ||
17 | 配置画像に白フチを付けたり、ポラロイド風に加工する | 39 | ||
2章 |
直しに強いデータの作りかた(便利な小ワザ編) |
|||
18 | ★ | パスファインダーは仮の状態のまま(パスファインダーと複合シェイプ) | 42 | |
19 | ★ | “塗り分け”の3つのコツ(不透明度、描画モード、ライブペイント) | 44 | |
20 | ★ | 配置した画像に1クリックでマスク設定するには | 46 | |
21 | ★ | エッジをぼかしたマスクを直しやすく作るには | 48 | |
22 | ★ | グループ化せずに作業できるマスクを適用するには | 50 | |
23 | ★ | テキスト属性を保ったままグランジ表現を加えるには | 52 | |
24 | ★ | [グループ選択ツール]に持ち替えずに編集するには | 53 | |
25 | ★ | 四隅の形状を保ったまま拡大縮小を可能にするには | 54 | |
26 | ★ | 角のきちっとした破線を描くには | 55 | |
27 | ★ | 後からの扱いがラクなドット点線を描くには | 56 | |
28 | ライブコーナーとライブシェイプで角丸の設定をラクに | 58 | ||
29 | タブ形状の図形を効率的に扱うテクニック | 60 | ||
30 | ライブコーナーを使わずに特定のコーナーのみを角丸にする | 62 | ||
3章 |
使い回しと一括反映のテクニック |
|||
31 | ★ | グラフィックスタイルに登録して、アピアランスの適用や更新を行う | 64 | |
32 | ★ | ドロップシャドウや角丸などをグラフィックスタイルに追加する | 66 | |
33 | ★ | アートワークをシンボル化してスピーディに配置、一括更新する | 68 | |
34 | 複数のオブジェクトを後からシンボルに変換するには | 70 | ||
35 | シンボルライブラリをスピーディに読み込むには | 71 | ||
36 | シンボルやAi-Aiリンクを使って効率的に面付けを行うには | 72 | ||
37 | ★ | ドキュメント内、複数ドキュメントでスウォッチを共有するには | 82 | |
4章 |
文字組み回りでラクするコツ |
|||
38 | ★ | 自動カーニングを理解し、適切に使いこなすには | 86 | |
39 | 複数行の行頭の文字をシビアに揃えるには | 89 | ||
40 | ★ | 文章を扱うときに最低限行っておきたい4つの設定 | 90 | |
41 | キャッチコピーなどで句読点や括弧類をツメるには | 93 | ||
42 | ★ | 段落スタイルと文字スタイル、グラフィックスタイルの使い分け | 94 | |
43 | テキストエリアのサイズを文字が変形しないように変更する | 99 | ||
44 | 文字組みの仕上がりで差がつくポイント | 100 | ||
45 | ★ | 合成フォントのつくりかたの基本と作り込みのポイント | 102 | |
46 | 手持ちのフォントで美しい合成フォントを作るには | 108 | ||
47 | ★ | タブ整形とリーダー罫で文字をきれいに整形するには | 110 | |
48 | 特定の文字にタブを揃えたりタブストップを均等間隔で入れる | 112 | ||
49 | ★ | スクリプトを使って複数行のテキストをバラバラにする | 113 | |
50 | ポイント文字とエリア内文字をスピーディに切り換えるには | 114 | ||
51 | ☆ | フォントの検索機能を使って、フォント選択をスピーディに行う | 116 | |
52 | [文字ツール]と[選択ツール]、[手のひらツール]を一瞬で切り替え | 120 | ||
53 | [文字]パネルの属性を一発で初期化する | 122 | ||
54 | 注意したい強制改行時のジャスティフィケーション | 125 | ||
55 | アウトライン化せずに個々の文字を変形するには | 126 | ||
56 | 文字スタイルを組み合わせてルビを実現する方法 | 128 | ||
57 | 改行や空行を削除するテクニック | 130 | ||
5章 |
知っていればキレイに早く終わる作業Tips |
|||
58 | 目的のオブジェクトをスピーディに選択するためのテクニック | 132 | ||
59 | 効率的なオブジェクトの移動(固定値、指定した値で移動) | 134 | ||
60 | 作業対象のオブジェクトにフォーカスする方法を比較する | 136 | ||
61 | 作業領域やアートボードをキーボードショートカットで切り替えるには | 138 | ||
62 | ガイドの基本と、オブジェクトぴったりに作成するガイド | 140 | ||
63 | ☆ | カラーリング方法を使い分けてスピーディに設定を行う | 144 | |
64 | ★ | よく使う一連の操作をアクションに登録して、ショートカットキーで実行 | 152 | |
65 | ★ | 整列コマンドにキーボードショートカットを割り当てる | 154 | |
66 | 特定のオブジェクトを固定したままで整列させるには | 155 | ||
67 | ★ | カラーバリエーションをスピーディに作成するには | 156 | |
68 | ★ | ビットマップデータをベクトルデータに変換するには | 158 | |
69 | グリッドレイアウトの作成と、InDesign的な画像配置 | 160 | ||
70 | CCで強化された画像の埋め込み、配置、埋め込み解除のやり方 | 163 | ||
71 | ベジェ曲線に不慣れでもトレース作業を行えるフロー | 164 | ||
72 | パターン作成方法の新旧の違いを理解する | 166 | ||
73 | 複数のアートボードの基本とページもの作成時のヒント | 168 | ||
74 | 複数アートボード機能をLINEスタンプ作成に活用する | 172 | ||
75 | 透明グリッドのカラーを「塗り:白」のオブジェクトの編集に役立てる | 174 | ||
6章 |
スムーズでロスの少ないデータの受け渡し |
|||
76 | バージョン混在の環境でIllustratorファイルを受け渡す | 176 | ||
77 | ★ | テキストに関するバージョン互換の問題を切り抜ける方法 | 178 | |
78 | CS5以下にバージョンダウン保存できるドロップシャドウ | 179 | ||
79 | ☆ | IllustratorからPDFに変換するときのポイント | 180 | |
80 | ミスやロスを防ぐための適切なロゴの受け渡し | 186 | ||
81 | パッケージ機能を使って配置画像を収集する | 188 | ||
82 | “申し送り”に活用したい「テンプレート」レイヤー | 190 | ||
7章 |
生産性が変わる環境構築のポイント |
|||
83 | インストール後、すぐに行いたいユーザーインターフェイス設定 | 192 | ||
84 | キーボードショートカットをスピーディに設定する | 198 | ||
85 | 環境の移行と統一化をスムーズに | 200 | ||
86 | バックアップやバージョニングをツールで自動化する | 206 | ||
8章 |
Web制作での使いどころとハマりポイント |
|||
87 | ☆ | Web向け(ピクセルベース)の作業を行うときのチェックリスト | 214 | |
88 | ドキュメントプロファイルでアートボードサイズを設定する | 223 | ||
89 | オープンパスの線の位置をコントロールする | 224 | ||
90 | Web向けの画像書き出しの使い分け | 226 | ||
91 | Layer Exporterを使ってスライスせずに画像を書き出し | 228 | ||
92 | Web制作の現場ですぐにでも活用したい機能 | 231 | ||
93 | グリッドデザインやアタリ画像などワイヤーフレーム制作への活用 | 234 | ||
付録 |
||||
Illustratorのバージョンをざっくりと把握する | 238 | |||
☆ | バージョンごとの新機能 | 239 | ||
バグフィックス | 245 | |||
バージョンヒストリー | 246 | |||
スプラッシュスクリーン | 248 |
2011年版との違い
2014年版(改訂版)では、2011年版から69ページ分のみをリファインして掲載しています。実質の新規ページは、187ページです。
- ★:リファインして残したトピック
- ☆:部分的にリファインして残したトピック
2011年版 | ||||
---|---|---|---|---|
章 | 項目名 | ページ | ||
1章 |
直しに強いデータの作りかた |
9 | ||
1 | ★ | 図形の合体は仮の状態で(パスファインダー) | 10 | |
2 | ★ | パンク・膨張フィルタはアピアランス(効果)で設定する | 12 | |
3 | ★ | アピアランスを使って、フチ文字をひとつのテキストで作成する | 13 | |
4 | ★ | 特定のレイヤーに入力するテキストすべてに白フチを付ける | 16 | |
5 | ★ | ポストイット風メモや文字の囲み罫を効率よく作るには | 17 | |
6 | ★ | 塗り分けの3つのコツ(不透明度、描画モード、ライブペイント) | 20 | |
7 | ★ | 5分でカラバリを作る方法(ライブカラー) | 23 | |
8 | カラーグループで既存カラーを活かす | 26 | ||
9 | ★ | グラフィックスタイルをスウォッチ代わりに使う | 28 | |
10 | ☆ | 間延びしない変形の秘密(アートブラシ、9スライス) | 30 | |
11 | ★ | [グループ選択ツール]に持ち替えずに編集する | 33 | |
12 | ★ | 文字をはっきりさせつつドロップシャドウを効かせるには | 34 | |
13 | ★ | ボケ足のあるマスクを直しやすく作るには | 36 | |
14 | ★ | テキストをかすれたような表現にしたいときに効率的な方法 | 38 | |
15 | ☆ | 文字の角を丸めるには | 40 | |
2章 |
使い回しと一括反映のテクニック |
41 | ||
16 | ★ | グラフィックスタイルの適用と一括置換 | 42 | |
17 | ★ | グラフィックスタイルの重ね技 | 44 | |
18 | ☆ | 破線、点線をストレスなく均等に | 46 | |
19 | ★ | アートワークをシンボル化してスピーディに配置、一括更新 | 50 | |
20 | デコる技術(アートワークをシンボルに登録して散布) | 52 | ||
21 | ☆ | 複数のアートボードの使いどころ(シンボル、スウォッチの共有) | 54 | |
22 | ★ | スウォッチの共有ワザ | 56 | |
3章 |
文字組み回りでラクするコツ |
59 | ||
23 | ★ | 自動カーニング機能を使いこなす | 60 | |
24 | 異体字に切り替える(外字、記号類) | 63 | ||
25 | ☆ | バージョン互換の問題を切り抜ける方法 | 65 | |
26 | ★ | 合成フォントのつくりかた | 66 | |
27 | ★ | Illustratorで文章を扱うときに最低限行っておきたい4つの設定 | 68 | |
28 | ★ | 段落スタイルと文字スタイル、グラフィックスタイルの使い分け | 72 | |
29 | ★ | タブとリーダー罫の便利技 | 76 | |
30 | タブを使って箇条書きを整形する | 78 | ||
31 | ★ | テキストボックスに流し込んだ文字の変形を一発リセットするには | 81 | |
32 | ★ | テキストのバラシや結合をスクリプトでスピーディに行う | 82 | |
33 | ★ | フォント選択をスピーディに | 84 | |
34 | 正規表現を使った検索置換 | 86 | ||
4章 |
知っていれば早く終わる作業Tips |
89 | ||
35 | 効率よく文字を調整するためのキーボードショートカット | 90 | ||
36 | ★ | アクションに登録しておきたい操作 | 93 | |
37 | ☆ | カラーリングをスピーディに行う | 96 | |
38 | ★ | 微妙なオブジェクトの移動は矢印キーで | 97 | |
39 | パスファインダー合体時に不要なアンカーポイントを削除する | 98 | ||
40 | アンカーポイントの整列も[整列]パネルで設定 | 99 | ||
41 | 破線のアウトライン化 | 100 | ||
42 | 矢印の先端位置を変更する | 101 | ||
43 | 拡大・縮小、回転はバウンディングボックスで行う | 102 | ||
44 | スナップを使ってアンカーポイント同士を吸着する | 103 | ||
45 | 強化されたグラデーション機能を活用する | 104 | ||
46 | ★ | 配置した画像を1クリックでマスク設定する | 106 | |
47 | ★ | ビットマップデータをベクトルデータに変換する方法 | 108 | |
48 | 3D効果や遠近グリッドを使った立体的な表現 | 110 | ||
49 | ★ | 特定のオブジェクトを動かさないように整列を行う | 119 | |
50 | ★ | グループ化されずに作業できるレイヤーのクリッピングマスク | 120 | |
51 | 配置画像を簡単に収集するには | 122 | ||
52 | リンク切れの画像を抽出するには | 124 | ||
53 | クリーンな入稿データをアクションで効率的に作成する | 126 | ||
54 | Illustratorでサポートされていない表組みをラクに作るには | 128 | ||
55 | ★ | IllustratorからPDFに一発変換 | 129 | |
56 | CSVやテキストファイルからJavaScriptで自動的に組版する | 132 | ||
57 | ネット上のデータを取得して再利用する | 136 | ||
58 | ★ | スポイトツールの裏技 | 138 | |
5章 |
たった10分で生産性が劇的に変わる環境構築のポイント |
139 | ||
59 | ドキュメントの切り替え | 140 | ||
60 | ★ | 初期設定に戻す方法 | 143 | |
61 | オーバープリントプレビューをオンにして作業する3つのメリット | 144 | ||
62 | パネルの表示設定をワークスペースとして保存 | 146 | ||
63 | ★ | 環境の移行 | 149 | |
64 | フォント管理の鉄則 | 152 | ||
65 | Bridgeを使ってライブラリ共有のロスを減らす | 158 | ||
66 | ★ | Web向けの作業を行うときのチェックリスト | 160 | |
67 | 自動的にデータをバックアップし複数マシンで共有するには | 164 | ||
付録 |
165 | |||
バージョンごとの機能比較 | 166 |
サンプルファイルのダウンロード
注意事項
- フォントがない場合には、適時置き換えてご利用ください。
- イラストなどの著作権は放棄するものではありません。
正誤表
下記について訂正させてください。
ページ | 場所 | 誤 | 正 |
---|---|---|---|
帯 | 裏面 | CS 2014 | CC 2014 |
33 | タイトル | 後から修正できるようにテキストを斜体をするには | 後から修正できるようにテキストを斜体にするには |
お知らせ
さらに細かい情報はTwitterをフォローしてください。
サポート窓口
本書に関するサポートが必要な場合には、下記のフォームからご連絡ください。誤字脱字などのご指摘もこちらからいただければ幸いです。
著者
全都道府県縦断セミナーツアー
『10倍ラクするIllustrator仕事術』のプロモーションのために2014年10月の広島からスタートした全都道府県縦断セミナーツアーが、昨日の東京FINALをもって終了しました。
13ヶ月をかけて、47都道府県で56回のセミナーを開催。1,722人の方にご参加いただきました。
『10倍ラクするIllustrator仕事術』のFacebookページ
正誤情報などを流します。ぜひ、フォローしてください。
ツイートされる際には、ハッシュタグ「#x10ai」を付けてください。
リンク集
本書の使い方
Chapter 1:直しに強いデータの作りかた(アピアランス)
Chapter 2:直しに強いデータの作りかた(その他)
- Round Corners Quickly in Illustrator(CreativePro.com)
- Xtream Path
- AI PxCommon 移動に伴うスクリプトの更新 その1 | PICTRIX BetaBox
- s.h's page - [Illustrator] JavaScript scripts
- Re_Corner
Chapter 3:使い回しと一括反映のテクニック
- オブジェクトの中心をつなぐパスを作成 - s.h’s page
- s.h's page - [Illustrator] JavaScript scripts
- 複数のオブジェクトを後からシンボルに変換する鈴木メモ
Chapter 4:文字組み回りでラクするコツ
- 『+DESIGNING』2013年11月号(vol.34)
- なんでやねんDTP
- 日本語デザイン研究会|中部: 合成フォントを身近にする、AcuCase Project
- ClipMorpher
- Plain Clip
Chapter 5:知っていればキレイに早く終わる作業Tips
- イラレでべんり
- gau/DeleteNeedlessObjects · GitHub
- Insert Page Numbers v2
- LINEスタンプの仕様
- LINEスタンプ用 Illustrator テンプレートと書き出しスクリプト - はてゆき
- なかむら りか|販売中のLINEクリエイターズスタンプ
Chapter 6:データのやりとり
Chapter 7:生産性が変わる環境構築のポイント
Chapter 8:Web
- Layer Exporter
- saveSVG_GUI.jsx
- ImageOptim
- svgo-gui.app
- SVG Cleaner
- 960 Grid System
- BLOKK font
- FILLR
- Redacted
- ダミーテキストジェネレータ | Web制作小物ツール
- すぐ使えるダミーテキスト - 日本語 Lorem ipsum
- Dummy Text Generator | Lorem ipsum for webdesigners
- G-chan Square [TRPG] ランダム名前ジェネレータ(日本人名)
- User Inter Faces
- {placekitten}
- wireMagic
- Colors.alfredworkflow
- Font Awesome.alfredworkflow
- Font Awesomeのアイコンフォントを検索できるAlfred 2のWorkflowを作ってみた - アインシュタインの電話番号
- Specctr
- 【Illustrator】オープンパスで線の位置を変更する(内側・外側)方法 チュートリアルマニアックス
Appendix
- Illustrator CC 2014の怖いライオンをオリジナルのヴィーナスに変えてみる | hamfactory
- Patrick Seymour
スクリプト
- イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
- s.h's page - [Illustrator] JavaScript scripts
- たけうちとおるのスクリプトノート: Illustratorアーカイブ
- Illustratorで作業前にトンボとガイドを追加するスクリプト - saucer
- AI | PICTRIX BetaBox
- ScriptClip::Room
- Illustrator Scripting | Adobe Developer Connection
- Adobe Illustrator スクリプト はじめのいっぽ | ここぽんのーと
- 日刊デジタルクリエイターズ: 02 古籏一浩 関連のバックナンバー
『10倍ラクするPhotoshop仕事術』
『10倍ラクするIllustrator仕事術』のPhotoshop版を2015年秋に出版予定です。