第1回　仕事でAdobe Illustratorを使うべき理由(ワケ) 仕事に使えるグラフィックス入門

今回から始まったこの連載。Microsoft Officeなどだけで業務を行っている方々に、グラフィックソフトを使って、ワンランク上のビジネス文書作成ノウハウを伝授していこうと思っております(月刊アスキー 2002年3月号より再掲)。

画面1　代表的なドローソフトである「Adobe Illustrator 10」。超精密なテクニカルイラストから、漫画チックなイラストまで幅広く対応。イラストを描くだけではなく、写真やテキストを配置するレイアウトソフトとしても使える。

	「Adobe Illustrator 10 日本語版」レビュー(ASCII24 Reviewオリジナル)。写真をクリックすると当該記事に移動します。

　「イラストや写真、表、グラフなどを織り交ぜたビジネスドキュメントは、極めて直感的であり、人に情報を伝える上で時として文章よりも雄弁だといえる」。 　と、まぁ冒頭から偉そうに語ってみたが、こんなことは今どきのビジネスマンなら誰しも知っていることだろう。にも関わらず、自分で作るビジネスドキュメントはなぜか文字だらけ……。それもわかる気がする。イラストなんて描いてる時間はないし、かといって文章に合わせたクリップアートを探すのも一苦労。時間をかけて探しても、適切なイラストが見つからなかったりすると、腹立たしささえ覚えてしまうはずだ。 　しかし、文字だらけの文書など、誰も読んではくれない。なぜなら自分も忙しいかもしれないが、相手もそれ以上に忙しいのである。

　昔、メーカで営業や企画を担当していた頃、そのことをイヤというほど思い知らされた小生は、重要な書類ほど、グラフィックスに時間をかけるようにした。文章に頭を悩ませていた時間を、グラフやテクニカルイラストなどを描く時間に当てたのだ。また、ワープロをやめて、レイアウトソフトで資料を作るようにした。初めのうちは戸惑ったりもしたが、そのうち、適切なグラフィックスを入れることで文章を減らし、少ない枚数で説得力のある文書を作ることができるようになったのである。面白いもので、同じ内容の企画書でも、文書よりグラフィックスが多いほうが、決裁される確率が上がる。これは小生が実際に試してみた経験則だ。もちろん、いくらグラフィックスに凝っても内容が伴わなければダメだが……。

ビジネスグラフィックスは
意外に簡単！

	画面2　テクニカルイラストの簡単な例。面となる部分を線で描き、中をグラデーションで塗りつぶすことで描ける。「ぼかし効果」を使って影を加えると、さらにリアリティが増す。コツさえつかめば、約1時間で描けるだろう。

　「イラストなんて描けないぞ、自分には絵心がないから……」なんて声も聞こえてきそうだが、なにもプロみたいなイラストを描く必要はまったくない。ビジネスにおけるイラストなんてものは、四角や丸の組み合わせでも、それが何か伝わればいいのだ。また、商品などの写真や各種グラフもビジネスグラフィックスの一部なのだから、イラストがどうしても描けない、というか描きたくないという人は、デジカメで撮った写真を多用すればいいわけだ。

　小生は今でこそグラフィックデザイナーなどとほざいているが、絵の勉強は中学生どまりで、デザインやイラストの描き方なんて本も読んだことはない。

　そんな小生でも、企画書によって相手に何かを伝えたいという、虚仮の一念がビジネスイラストを描かせたわけで、小生が描けるんだから、誰でも描けるといっていいんじゃないかと思うのである。要はやる気だ。

どんなグラフィックスソフトが必要になる？
Illustratorはビジネスグラフィックスに最適

	画面3　Illustratorは地図を描くのが得意だ。一見面倒そうな道路も、「アウトライン」機能と「パスファインダ」機能を使うと、いとも簡単に描けてしまう。実際の描き方は次回以降に紹介する予定。

　いかがわしいデザイナーに騙されるかのようにビジネスグラフィックスをやってみる気になった読者に、もっと踏み込んだお話をしたいと思う。まずは、ビジネスグラフィックスにとって最適なツールとは何かというお話。本誌はパソコン総合誌だから、ここで紹介するのはもちろんパソコン用グラフィックスソフトだ。グラフィックスソフトには、さまざまなジャンルがあるが、目的別に紹介すると、写真を処理するならフォトレタッチソフト、そしてイラストを描いたり、そのイラストや写真、そして文章をレイアウトするならドローソフトを使うとよい。この連載では、主にドローソフトを中心にして、ビジネスグラフィックスの作り方を紹介していくが、次回以降、写真を使ったビジネスグラフィックスも紹介する予定だ。

　では、フォトレタッチソフトとドローソフトの代表的ソフトにはどんなものがあるだろう。まず、フォトレタッチソフトでは、アドビシステムズの「Photoshop」。プロのフォトグラファーやデザイナー御用達のアプリケーションソフトで、一般の人気も非常に高い。2001年に発売された「Photoshop Elements」は、Photoshopのエントリーバージョン(編集部注：現在はPhotoshop Elements 2.0が発売中)。価格も手ごろで初めてPhotoshopを使うユーザーは、こちらから購入するとよいだろう。操作に慣れ、もっと高度な画像処理がしたくなったら、Elementsユーザー向け優待価格でPhotoshopにアップグレードできる。Photoshopを使うと、写真の修正や、合成、ロゴの作成など、さまざまな画像処理ができる。ペイント機能もあるPhotoshopを使ってイラストを描く人もいるが、自由度が高く見た目に美しいイラストが描けるぶん、使い手に高い技術力が要求される。

Illustratorは
ビジネスグラフィックスに最適

	画面4　Illustratorというときっちりとした線を描くイメージがあるが、こんな地図も簡単に描ける。道路の線が筆で描いたように見えるが、これは普通に描いた線を、Illustratorの「アートブラシ」機能を使って装飾したもの。

　次にドローソフトの代表格といえば、同じアドビシステムズのIllustrator(画面1)が有名だ。ドローソフトとは、ベクタ(ベクトル)データで図形を描画するソフトのことだ。ドローソフトでいうベクタデータとは、点と点とを結ぶ線の長さと方向、座標のほかに、線分の太さ、色などの属性情報を持たせたデータのことをいう。これに対して、Photoshopのようなペイントソフトで描画するデータをラスタデータと呼んで区別する。ラスタデータは色情報を持った点(ドット)の集まりで、写真などの画像を表現するのに向いたデータ形式だが、画像を拡大縮小すると画質が変化してしまう。その点ベクタデータは、画像情報が点の座標と線の長さや方向といった数値情報で表現されるため、正確な図形が描ける上、図形を拡大縮小しても画質は変化しない。また、ファイルサイズもラスタデータに比べて非常に小さくできるメリットもある。ただし、写真のような微妙な色の変化がある画像を表現するには向いていない。

　以上のことから、イラストを描くのであればドローソフトのほうが優れているといえる。特に一度描いたイラストを拡大縮小して再利用することが多いビジネスグラフィックスにおいては、ドローソフトのメリットを最大限に利用できる。画面2はIllustratorを使って描いたある製品のテクニカルイラストだ。写真のように見えるかもしれないが、基本的には線だけで描かれているのである。輪郭を描いて、内部をグラデーションで塗りつぶすことで、こうしたイラストが描ける。塗りつぶしを解除すれば、マニュアルなどでよく使われるラインアート(線画)になる。

	画面5　Illustratorはレイアウトソフトとしての機能も充実している。文字組みはもちろん、イラストや写真などを効果的に配置して、美しいページデザインができるのだ。

　Illustratorは、線によって絵を描くソフトなので、地図のようなイラストは得意中の得意といってもいいだろう。画面3はとある寿司屋の地図なのだが、線で描いた道路が魚の骨のように見えてきたので、背景に魚の輪郭を加えてみた。それじゃってことで、架空の焼き鳥屋の地図を描くとすると……画面4のような感じだろうか。この地図の線はまるでペイントソフトのブラシで描いたように見えるが、Illustratorでも簡単にこうした線が描けるのだ。

　また、IllustratorはPhotoshopに比べてテキスト編集機能が充実しているので、ワープロ代わりにもなる。もちろん、レイアウトソフトとしても優秀なので、画面5のような会社案内など、画像と文章が混在するビジネスグラフィックスを作る場合に、Illustratorは最適だといえる。それでは、次ページでIllustratorの主要機能を具体的に紹介しよう。

Illustratorを使えばここまでできる！

最新版のIllustrator10では、従来ならできなかった効果を簡単に実現できるのだ。

複雑な形も
効率よく簡単に描ける

画面6【パスファインダ】　『Ver.8』『Ver.9』『Ver.10』　重なった複数のオブジェクトで別のオブジェクトを作る機能。合体や前面オブジェクトで型抜きなど、さまざまな合成方法がある。Ver.10では一部の機能が元の形状を記憶できるようになっている。

画面7【長方形グリッド・同心円グリッドツール】　『Ver.10』　Ver.10では、描画ツールに直線、円弧、長方形グリッド、同心円グリッドツールなどが加わった。いずれもペンツールで描けるものばかりだが、こうしたツールのおかげで簡単に描けるようになる。

　Illustratorで線を描くのは難しいという人がいる。それはえてしてベジェ曲線のことをいっているのだが、はじめから無理してベジェに取り組む必要はない。長方形や楕円形ツールなら誰でも使えるし、こうしたツールで描いたオブジェクトを重ねてから、「パスファインダ」(画面6)で合成してやれば、複雑な形も簡単に描くことができる。Illustrator10からは、表や同心円といった難しくはないが描くのが面倒なオブジェクトを、1回の操作で描けるツールが加わった(画面7)。また、小さな新機能だが、直線や弧を描くツールも加わり、ますますビジネスグラフィックスを描きやすくなった。さらに注目したいのが「シンボル」機能(画面8)だ。従来、同じオブジェクトを繰り返し使うようなイラストを描く場合、そのオブジェクトをコピーしていたわけだが、数が増えるほどメモリを消費していた。こうすると動作も鈍くなるし、ファイル容量もいくらベクタデータでも大きくなってしまう。そこで便利なのがシンボル機能。描いたオブジェクトをシンボルとして登録しておくと、どれだけコピーしても元のデータは1つだけで、あまりメモリを圧迫せずにファイル容量も小さくすむ。ユニークなのは、Photoshopでよく使われるフレア効果(画面9)がIllustratorでも使えるようになったことだ。

画面9【シンボルと各種シンボルツール】　『Ver.8』『Ver.9』『Ver.10』　繰り返しコピーして使うオブジェクトは、シンボルとして登録しておくと便利だ。シンボルスプレーツールを使うと、スプレーで吹き付けるようにしてシンボルを描画できる。シンボルは、個々に色や大きさ、向きを調整できる。

画面9【フレアツール】　『Ver.8』『Ver.9』『Ver.10』　レンズに光が差し込んだときにおきるフレア効果を図形に加えるツール。Illustratorのフレアツールはパスで構成されているので、後で線の太さや色を変更できる。図形にちょっとした演出を加えたいときに使ってほしい機能だ。

グラフやペイント風の
イラストが描ける！

　ビジネスグラフィックスに特化した機能としては、グラフ機能(画面10)があげられる。使い方は「Microsoft Excel」でグラフを作るのとほぼ同じだ。もちろん、データシートを変更すればグラフも連動して変わる。Excelよりも自由で精細なグラフが描けるのと、描いた後で各デザインを自由に編集できるのが特長だ。画面10はIllustratorで描いた携帯電話のイラストで棒グラフのデータを作成したものだが、単純な棒グラフよりも視覚に訴えることができるだろう。

画面10【グラフツール】　『Ver.10』　ビジネスグラフィックスに欠かせないグラフ機能。マーカーや棒グラフなどのグラフ要素に、あらかじめ作った図形をデザインとして適用できる。データの数値を編集すれば、グラフの内容も更新される。

画面11【グラデーションメッシュツール】　『Ver.8』『Ver.9』『Ver.10』　ペイント風の着色ができるグラデーション機能。オブジェクトの中にメッシュを作成し、それぞれの交点に着色すると、和紙に絵の具を垂らしたようなグラデーションが描かれる。

　Illustratorはベクタデータでイラストを描くソフト。複雑な線を描くことは得意でも、絵画チックな微妙なニュアンスの色表現は不得意と思われがちだ。ところがVer.8から加わった「グラデーションメッシュ」を使うと、画面11のようなイラストも描ける。人の顔などを描くとき、以前のIllustratorでは色が変化する部分をパスで囲み、少しだけ違う色で塗りつぶすことで色の変化を表現していた。しかし、グラデーションメッシュを使うと、滑らかなグラデーションで表現できるので、まるでペイントソフトで描いたかのようなイラストになるのだ。また、Ver.9から追加されたベクタデータの「ぼかし」効果を使うと、画面11の服のように影や淡い感じの模様を描くこともできる。もちろん元のデータはベクタデータなので、いつでもパスを編集できるのである。また、これもVer.9から加わった「透明」設定を使えば、画面12のような内部構造が透けて見えるテクニカルイラストも描ける。

画面12【透明機能】　『Ver.9』『Ver.10』　オブジェクトの透明度を変えることで、下に重なったオブジェクトを透かして見せることができる。「グループの抜き」を指定すれば、一部だけをぼかして切り抜ける。

画面13【パス上文字ツール】　『Ver.8』『Ver.9』『Ver.10』　縦横の一行文字列、ワープロのような段落文章に加え、オブジェクト形状の中に段落を作る機能やパスの上に文字列を配置する機能など、テキスト編集機能に優れている。

多彩な文字編集機能と
変形ツール群

　会社や製品ロゴマークなどを作るとき、文字のデザインも重要になってくる。そこで便利なのが、「パス上文字ツール」だ。画面13はパス上文字ツールを使って、曲線のパスに沿って文字を配置したものだ。円だけではなく、もっと複雑なパスにも文字を配置できる。

画面14【リキッドツール】　『Ver.10』　従来の「パスの変形」では、オブジェクト全体が変形されてしまうが、オブジェクトをマウスでなぞると、その部分だけに変形効果が適用されるツール。

画面15【エンベロープ】　『Ver.10』　エンベロープには、ワープ、メッシュ、最前面オブジェクトの3つの変形機能がある。メッシュは、グラデーションメッシュの感覚でオブジェクトを変形させる機能。パスオブジェクトだけではなく、写真も変形できる。

　描いた図形を変形させる機能も、Ver.10でかなり多彩になった。画面14はリキッドツールと呼ばれる、変形ツール群だ。ワープ、うねり、収縮、膨張、ひだ、クラウン、リンクルなど、マウスでオブジェクトをなぞっていくだけで変形処理ができる機能だ。また、文字や図形、写真などを自由に変形させる「エンベロープ」という機能も秀逸だ(画面15)。エンベロープには、あらかじめ登録されたスタイルに変形させる「ワープ」、網目のような枠を使って細かな変形を指定する「メッシュ」、そして一番上に置いたオブジェクトの形状にあわせて変形させる3つの変形機能がある。いずれも元のデータは維持されているので、いつでも元の状態に戻すことができる。

画面16【自動選択ツール】　『Ver.10』　オブジェクトの色や線幅など、各種属性を指定しておき、任意のオブジェクトを「自動選択ツール」でクリックすると、その指定した属性を持つ他のオブジェクトを自動的に選択してくれる。

画面17【スライスツール】　『Ver.10』　Web画像作成用のスライスツール。1枚の画像をスライスツールで区切り、名前やリンク先のURLを入力できる。スライスした後は、「Web用に保存」で区切った画像の圧縮比率を指定して、HTMLと一緒に吐き出せる。

　ここで紹介している機能は、Illustratorが持つ豊富な機能のほんの一部だ。ビジネスグラフィックスを作る上で役立つ機能やTips、そしてそのほかのグラフィックソフトとの連携機能など、次回から紹介していくつもりだ。ご期待あれ。

• 【関連記事】アドビシステムズ「Adobe Photoshop Elements 2.0」レビュー(from 月刊アスキー)
• 【関連記事】アドビシステムズ「Adobe Photoshop Elements 2.0」レビュー(from アスキー PC Explorer)
• 【関連記事】アドビシステムズ「Adobe Photoshop 7 日本語版」レビュー(from アスキー PC Explorer)
• 【関連記事】アドビシステムズ「Adobe Illustrator 10 日本語版」レビュー(from ASCII24 Reviewオリジナル)
• 【関連記事】アドビシステムズ「Adobe Photoshop Elements」レビュー(from ASCII24 Reviewオリジナル)
• 【関連記事】アドビシステムズ「Adobe Photoshop 6.0 日本語版」レビュー(from ASCII24 Reviewオリジナル)
• 【関連記事】フォトレタッチソフトレビューインデックス
• 【関連記事】グラフィックソフトレビューインデックス
• 【関連記事】ASCII24「アドビ、『InDesign 2.0』と『Illustrator 10』の日本語版を発表」ニュース

(薮田 織也)