Materia How To

Adobe Illustrator CS5 作成方法ガイド
Adobe® Illustrator ® CS5
作成方法ガイド
マテリア
Philippe Intraligi 制作
Philippe 氏は、最近ブラジルのサンパウロからニューヨークに引っ越してきまし
た。彼はグラフィックデザイン、企業イメージ、イラスト、芸術監督、およびファッ
ションを専門とするフリーランサーです。
もともとドイツ出身の彼は、デュッセルドルフの University of Visual
Communication and Graphic Design を卒業した後、ベルリンの MetaDesign
でシニアグラフィックデザイナーとして、Aerologic、Audi、BASF、
Commerzbank、Deutsche Post DHL、Telekom Austria などのクライアントを
相手に仕事をしてきました。また、ドイツの Adidas Originals ブランドの仕事も
しました。
ブラジルにいる間の Philippe 氏のクライアントは、Nike、MTV Brazil、SONY、
Trussardi、Morumbi Shopping、Graficos Burti、Adria、Ultragaz CD、
Carlos Domingos、Rodny Lobos などでした。
作成方法
私は、まずアートワークについて考えます。結果を想像し、頭の中でそれを作ってみます。次に、Illustrator
で作業を始める前に、簡単なスケッチを作成します。プロジェクトによりますが、自宅または依頼主の
デザインスタジオのどちらかで作業を行います。きれいに片付いた場所で仕事するのが好きです。私の机
の上はシンプルで、ノート PC、ペン、本、その他の細々した道具があるといったぐらいです。
「マテリア」のインスピレーション
このアートワークのアイデアは、バイオテクノロジーから得ました。マイクロチップアーキテクチャが有
機物質と結び付いて作り出される人工生命は、魅力的で想像を絶するものです。有機物と非有機物の間に
発生するかもしれない融合の瞬間を描こうと思いました。
私が使用する色の重ね合わせと遠近法は、20 世紀初頭に活躍した未来派の画家たち、ジャコモ・バルラ
やジョセフ・ステラのスタイルに触発されたものです。
「マテリア」という名前を選んだのは、私たちはすべてなんらかの「マテリアル」つまり物質で作られて
いるからです。私たちは、その事実について、また生命をどのように変化させ、この惑星上での未来の生
活をどのように形作るのかについて考える必要があります。
Adobe Illustrator CS5 作成方法ガイド
2
パート 1：遠近法
まずスケッチを作成し、基本的な構成を色鉛筆で描きました。スケッチをスキャンした後、
Illustrator に読み込んで基本レイヤーを設定します。
Adobe Illustrator CS5 作成方法ガイド
3
次に、Illustrator CS5 の新しい遠近グリッドツールを使用して、スケッチの上に
遠近グリッドを作成し、グリッドの消点と水平線の位置をスケッチと合わせます。
最も劇的な効果が得られ、しかも実際に「表現の奥行き」を作り出せるという理由
から、単純な一点透視を使用しました。
Adobe Illustrator CS5 作成方法ガイド
4
次に、中央にある平面のオブジェクトから始めて、
遠近グリッド上に四角形を作成し始めました。
Adobe Illustrator CS5 作成方法ガイド
5
次に、次元を追加していきます。まず遠近図形選択ツールで四角形を選択し、
各消点面ダイアログを表示します。選択中のオブジェクトを移動によって、
移動位置を指定して移動させます。こうして適切な遠近感の新しい平行図形
を作成することで、平面的な四角形をブロックに変換し、側面を作り上げます。
アウトライン表示ではこのように見えます。
Adobe Illustrator CS5 作成方法ガイド
6
ここではまだ背景にスケッチが残っています。
Adobe Illustrator CS5 作成方法ガイド
7
無機的な図形を完成させるため、さらに色を追加しました。
パレット上のデフォルトに近い色を使うことで、非常に力強
く単純に見えるようにしました。
Adobe Illustrator CS5 作成方法ガイド
8
パート 2：有機構造
次の手順では、デザインの有機的な要素を追加しました。固くて力強い遠近感と、
鋭い角度で巻き付く曲線の丸みを持った植物を組み合わせようと考えました。
これら 2 つのコンセプトのコントラストが気に入りました。
Illustrator CS5 の新しい可変幅の線を使って、
このような枝の描画や編集を簡単に行うこと
ができました。線幅ツールは、思ったとおり
の図形を作成するのに最適でした。
Adobe Illustrator CS5 作成方法ガイド
9
ブラシ、図形、線などを描く様々なツールを使用して、
さらに枝や葉を作りました。イメージがますます複雑に
なってくると、新しい背面描画モードが役に立ちました。
先ほどの文字レイヤーと同じように、線を適用したパスで背景のスケッ
チをトレースしました。
Adobe Illustrator CS5 作成方法ガイド
10
透明度を使用しながらさらに枝を箱の図形の上に
描画して、すべての構造の周囲を根が覆っている
効果を出しました。これにより、自然が支配して
いるように見えます。ここでは Illustrator の新し
い内側描画モードを使うと非常に時間を節約で
き、枝のアウトラインからクリッピングマスクを
自動的に作成できます。
Adobe Illustrator CS5 作成方法ガイド
11
これは、枝が大きなアートワークの中でどのように収まっているか
を示しています。構成が全体としてうまく組み合わさっているかど
うかを見るために、頻繁にズームアウトして確認しました。
Adobe Illustrator CS5 作成方法ガイド
12
パート 3：
背景と明暗
ここからが見せどころです。小さい葉を何枚か追加し、
最後の仕上げとなる背景色と明暗効果の追加に進みます。
Adobe Illustrator CS5 作成方法ガイド
13
この画面、複雑そうに見えますか？私は、このようにたくさんのパネルを開いて作業するの
が好きです。これは、有機的な枝に対し、透明設定を編集しているところです。
Adobe Illustrator CS5 作成方法ガイド
14
背景色を追加するときに使う
方法の 1 つは、すべての要素
の背後に大きな円を作成する
ことです。この作品ではこの
方法を使用し、様々な円形グ
ラデーションで遊んでみるこ
とにしました。
Adobe Illustrator CS5 作成方法ガイド
15
画像の最も遠いポイントに焦点光源を追加し、半透明の遠近感を作り出しました。
ほんの少しコントラストを強くすることにより、中に入りたくなる状況になるような、
より好奇心をそそるものが作れました。
Adobe Illustrator CS5 作成方法ガイド
16
これは、イメージの複雑さを見てもらうための、
アウトライン表示です。
Adobe Illustrator CS5 作成方法ガイド
17
これが完成した作品です。
有機的な図形だけの場合にどのように見えるかも示しておきます。
枝だけの演出も非常に美しいものです。
「マテリア」はアドビ システムズ社の
委託により、Adobe Illustrator CS5
アドビ システムズ 株式会社
〒141-0032 東京都品川区大崎 1-11-2 ゲートシティ大崎イーストタワー
www.adobe.com/jp
Adobe Systems Incorporated
345 Park Avenue, San Jose, CA 95110-2704 USA
www.adobe.com
を使用して作成されました。
詳細情報
製品の詳細：
www.adobe.com/jp/illustrator
Adobe, the Adobe logo, Illustrator, and Photoshop are trademarks of Adobe Systems Incorporated in the United States and/or other countries.
All other trademarks are the property of their respective owners. © 2010 Adobe Systems Incorporated. All rights reserved. 04/10