Illustratorを使っているとアウトライン表示やアウトライン化など『アウトライン』という言葉がよく出てくると思います。
ですが、まだアウトラインを完璧に理解できていない人は役割や必要性など疑問に思うことが多いと思います。
なので、この記事を通してアウトラインについて完璧に理解していきましょう。
目次
Illustratorのアウトラインとは?
アウトライン [4] 【outline】
①物の外側の線。輪郭。
②あらまし。あらすじ。大要。 「事件の-を話す」
引用:weblio辞書より
とあるようにアウトラインは物の輪郭のことを表す単語です。つまり、Illustratorのアウトラインはオブジェクトの輪郭部分を示す言葉になります。
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/out-line-object.png?resize=880%2C304&ssl=1)
アウトラインの必要性
このアウトライン化という概念は熟練者になればなるほど大切で、Illustratorで作ったイラストを他の環境(パソコンやOS、バージョン)で開いたときは印刷をするときはアウトラインの情報を元に再現されるので、アウトラインをしっかり管理していないと作ったものと違う作品になってしまうことも多々あります。
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/out-line-mac-windows.png?resize=880%2C518&ssl=1)
具体的に印刷や他環境で不具合が起こりやすいのはテキストです。MacとWindowsで設定されているフォントが違うのでアウトラインを持っていない文字情報だけだと適用するフォントがなく、違ったフォントが適用されてしまうことがあります。
図形・テキスト・写真でそれぞれアウトラインの概念が違うんですが次の3つのルールをしっかりと理解しておけばIllustrator上のアウトラインという言葉の意味は大丈夫です。
テキスト以外は全てアウトラインを持つ
アウトラインはオブジェクトの輪郭を表す単語でしたね。Illustratorでは図形・写真にはしっかりとアウトラインを持つんですが、テキストにはアウトラインはありません。
なので、Illustratorにはアウトライン化という機能が備わっています。これは形のないテキストを形のあるオブジェクトに変えてくれる機能になります。
![](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/out-line-explain.png?resize=880%2C274&ssl=1)
![テキストオブジェクトを出す](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/text.png?resize=880%2C518&ssl=1)
![メニューバー>書式>アウトラインを作成をクリック](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/out-line.png?resize=880%2C516&ssl=1)
![アウトライン化の変化](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/before-after.png?resize=880%2C146&ssl=1)
もうこれでアウトライン化に成功したので、テキストオブジェクトではなくアウトラインを持ったオブジェクトになりました。 少し分かりにくいのオブジェクトとして少しいじっていきましょう。
![右クリック→グループ解除](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/group-release.png?resize=590%2C393&ssl=1)
アウトライン化したオブジェクトを右クリックで選択してグループ解除を選択します。
![オブジェクト](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/object.png?resize=575%2C226&ssl=1)
グループ解除してから1つ1つの文字を選択可能になる上のように自由にオブジェクトと同様に扱うことができます。
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/out-line-check.png?resize=880%2C292&ssl=1)
⌘(command)+Yでアウトライン表示を確認することができます。
線情報・塗り情報などの加工でアウトラインの形が変わることはない
プレビューで変化があったとしてもアンカーポイントやパス自体の形状に変化がない限りアウトラインが変わることはありません。
![アウトライン表示だと同じ](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/coating-line.png?resize=633%2C634&ssl=1)
上の写真でプレビューでは違う図形に見えても輪郭(アウトライン)は全く同じ図形になるのです。
Illustratorに登場する4つのアウトラインの違い
Illustratorのアウトラインは全部で4つ登場します。
- アウトラインを作成する
- アウトライン表示
- アウトラインボタン
- パスのアウトライン
この4つの違いを見ていきましょう。
アウトラインを作成する
![メニューバー>書式>アウトラインを作成](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/out-line-make.png?resize=880%2C518&ssl=1)
テキストをアウトライン化するときに使用する機能で、テキスト情報しか持っていないテキストを図形と同じオブジェクトにするときに使います。
アウトライン化の方法は『テキスト以外は全てアウトラインを持つ』で説明したのでそちらを参考にしてください。
アウトライン表示
複雑なイラストになっているときほどアウトライン表示をして全体をアウトラインにするとイラストの状況判断(どのオブジェクトがどこにあるなど)を把握するのがスムーズになります。
デフォルトで使っている人は下の写真のように色が付いたプレビュー表示になっていると思います。
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/preview.png?resize=880%2C517&ssl=1)
![](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/menudisplayout-line.png?resize=880%2C518&ssl=1)
⌘(command)+Yでもアウトライン表示にすることは可能です。
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-23-0.49.52.png?resize=880%2C520&ssl=1)
⌘(command)+Yをもう一度押すとプレビュー表示に戻ります。
アウトラインボタン
![パスファインダー内のアウトラインボタン](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-23-1.02.02.png?resize=880%2C547&ssl=1)
パスファインダーの種類の一種。
![](https://fukumarudesu.com/wp-content/plugins/lazy-load/images/1x1.trans.gif)
パスのアウトライン
![パスのアウトライン効果適用](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/path-outline.png?resize=880%2C298&ssl=1)
パスのアウトラインは塗りと線を持つオブジェクトに使用する線をアウトライン化するメニュー>オブジェクト>パス>パスのアウトラインで適用することができる機能になります。
![パスのアウトラインの説明](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/path-outline-explain.png?resize=880%2C491&ssl=1)
この機能を使うことで線要素が1つのオブジェクトになり塗り要素に変わります。
まとめ
Illustratorの中でもよく混乱んしてしまいがちなアウトラインについて全てまとめました。
輪郭としての意味を持つアウトラインですが、どこにあるアウトライン機能かで少し効果や意味合いが変わることは理解できましたか?
すぐに覚えようとせず、また分からなくなったら繰り返しアウトラインについて復習して着実に力を付けていきましょう。
コメントを残す