第2回　自分の企画書に満足してますか？ 仕事に使えるグラフィックス入門

前回は、Illustratorの概要と代表的な機能について紹介した。今回からは、Illustratorでビジネスドキュメントを作る方法を具体的に紹介していく。まずは、ビジネスマンにとって必須の企画書作りだ(月刊アスキー 2002年4月号より再掲)。

Tips1　写真をトレースして線画を描く

企画書は広告なり！
最初のインパクトが重要

画面1　Illustrator 10とPhotoshop 6を使って作成した企画書。何を伝えたいのかが一目でわかるように、キャッチーなイラストやコピー、そして凝ったグラフを使ってみた。ワープロソフトで作る企画書よりも、訴求効果が高い。

	「仕事に使えるグラフィックス入門　第2回」(from 月刊アスキー)。写真をクリックすると当該記事に移動します。	「Adobe Illustrator 10 日本語版」レビュー(ASCII24 Reviewオリジナル)。

　今回は画面1のような企画書を作るためのテクニックを紹介していこう。人によっては、「こんなの企画書じゃなくて広告だ」と思うかもしれない。しかし小生は、企画書は広告的手法を使ってでも相手を説得したもの勝ちだと考えている。企画書で重要なのは、最初の1枚ですべてを語り、相手の決済を仰ぐことにある。そういうわけで、まずその企画書の内容が一目で伝わるアイキャッチを作る。つまり写真やイラストだ。次にヘッドコピーになるタイトル。そしてリードコピーにあたる文書と、それを裏付けるグラフや細かなイラストを用意して、それらを効果的にレイアウトしていけばいいわけだ。

慣れないうちは
直線で描くだけでよい

　まずは企画書の要素となるイラストを作ってみよう。見栄えのするイラストを描く最も簡単な方法は、写真をトレースすることだ。これならパースやアイソメの手法を知らなくてもバランスの取れたテクニカルイラストが描ける。画面2〜3の手法で元になる写真をIllustratorに読み込んだら、画面4のようにペンツールを使って直線でトレースしていこう。ベジェ曲線に慣れた人なら、初めから曲線でトレースできるだろうが、ベジェが苦手な人は画面4、5の方法を取るべし。ベジェ初心者は、アンカーポイントを作りすぎてぎこちない曲線になりがちだが、この方法なら初めから適切なアンカーポイントだけを作ることができるので、スムースな曲線が短時間で描けるはずだ。

画面2　まずは、イラストの元になる写真を、Illustratorでトレースしやすいように、Photoshopでコントラストを上げておく。調整レイヤーのトーンカーブを使って、カーブをS字に調整するとコントラストが強くなる。	画面3　Illustratorで新規ファイルを作成し、画面2で保存した画像を「ファイル」−「配置」でテンプレートとして読み込む。テンプレートでは、配置した画像が50％の濃度で表示される。100％にすれば完全表示される。
画面4　トレースしたい部分を画面のように「ペンツール」を使って直線で描く。このとき、下絵の丸い部分の頂点を「アンカーポイント」で結んでいくようにするとよい。また、後で調整するので、この時点では頂点の位置も大雑把で構わない。	画面5　画面を拡大して、「アンカーポイントの切り換えツール」を使って各「アンカーポイント」から「方向線」を引き出し、直線を曲線に修正する。このとき、隣接するアンカーポイントも同時に修正していくと、下絵に対して適切なラインが描けるようになる。
画面6　同様に、すべてのトレースを完了させる。後で面に色を載せることを考えて、各パスオブジェクトのレイヤーの上下関係を整えておくとよい。また、画面のように各パーツごとにレイヤーを分けておくと後でわかりやすい。	画面7　オブジェクトを選択した後、「カラーパレット」で色を作り、「グラデーションパレット」で「線形」を選び、画面のような淡い縞模様にする。後は、オブジェクトを見ながら「角度」と「グラデーションスライダ」を調整してやるとよい。

Tips2　線画にグラデーションで着色する

立体を描くコツは面にある！

　Illustratorでイラストを描くコツは、描こうとするものを多面体に見立てることだ。鉛筆で立体を描くときは、目に見える線を組み合わせて描くが、Illustratorの場合は面を描く。例えばサイコロを描くときは、3つの四角形を独立して描き、それぞれが隣接する辺を合わせていくようにする。つまり隣接する辺となる線は2本重なって存在するわけだ。もし、画面6のような“ラインアート”がイラストの完成形であれば、面を意識して描かずに線だけでもよい。しかし、ここで紹介しているように「塗る」ことで完成するイラストの場合は、面で描かないとだめだ。なぜなら線には「塗り」を施せないからだ。

面に表情を持たせる
グラデーション

　面で立体を描いたら次は「塗り」。面を塗る方法は、一色で塗りつぶす方法のほかに、グラデーションを使う方法がある。グラデーションは、画面7のようにいくつもの色を加えて縞模様を描くこともできる。ギターのボディのように、木の雰囲気を演出するときにグラデーションを使うと、わざわざ木目を線で描かなくても済む。また、グラデーションの「種類」で「線形」と「円形」を使い分けることで、表現力を変化させることができる。画面8のようにほかの面と表情を変えると、よりリアリティが増すはずだ。また、画面9の弦巻やペグのように、球体を表現するときも「円形」が役立つ。また、グラデーションだけでは表現がむずかしいものは、面の上の明るい色で線を引き、それに「ぼかし(ガウス)」効果をかけると立体感が増す。

　グラデーションをかけるときのコツは、立体に当たっている光と影を演出することだ。明るい部分、暗い部分がどこにあるかを観察して、グラデーションの色の配分や角度を調節しよう。

画面8　画面のようなグラデーションを作りたいときは、「グラデーションパレット」で「種類」を「線形」にするとよい。「グラデーションツール」を使ってオブジェクトの上でクリックすると、グラデーションの中心を変更できる。	画面9　リアリティを表現するために、「ぼかし(ガウス)フィルタ」で光っている部分を描く。「ペンツール」で線を描き、白で塗りつぶす。「効果」−「ぼかし」−「ぼかし(ガウス)」で適当なぼかしを与えると、反射している光が表現できる。
画面10　弦のリアリティを表現するために、一度描いた弦の下レイヤーに複製を作成して濃い灰色にし、上の弦から少しだけずらす。これで影が表現できる。また、画面9と同様にしてぼかしを与えると、さらにリアリティが増す。	画面11　イラストにリアリティを出すためには、グラデーションやぼかし効果を使って、物体にあたっている光と影を演出することだ。慣れてくれば、3、4時間程度でこのようなイラストが描けるようになるはずだ。

• 慣れないうちは直線で描く／立体を描くコツは面にある！
• 精密なグラフを描く！／レイアウトソフトとして使ってみる