Chapter1 イラストレーション イラストレーション Chapter1
Illustrator クイックマスター
第 2 部
コンテンツ制作編
Ch apter 1 イラストレーション
Ch apter 2 ロゴデザイン
Ch apter 3 We b デザイン
Ch apter 4 グラフを作成する
Ch apter 5 印刷原稿の制作
141 Illustrator クイックマスターイラストレーション
Chapter1
イラストレーション
C1 - 1 シンボルでつくる桜の木のイラストレーション
C1 - 2 グラデーションを使用したイラストレーション
C1 - 3 ライブトレースで写真をパスに変換(C S2・C S3)
C1 - 4 手描きの線画にライブペイント(C S2・C S3)
C1-1
シンボルでつくる桜の木のイラストレーション
パスファインダと変形ツール
SSSS1
1
パスファインダと変形ツールで桜の花の形を 作ります。 新規ドキュメント(C S : 新規書類)(A4 横) を作成して、ツールボックスの「初期設定の塗 りと線」アイコンをクリックします。 パスファインダ、回転複製、グラデーション、シンボル、個別に変形、ブラシなど、様々なツールを駆使して、桜の 木のイラストレーションを作成する方法を学習しましょう。 Step 1 パスファインダと変形ツール Step 2 グラデーションで色を塗る Step 3 シンボルに変換してインスタンスを配置 Step 4 シンボルを編集する Step 5 シンボルスプレーツール Step 6 シンボルを移動・変形 Step 7 ブラシツール 学習項目 「初期設定の塗りと線」アイコンChapter1 イラストレーション イラストレーション Chapter1
2
ツールボックスから「楕円形ツール」を選び、 アートワーク上をクリックします。 「楕円形」ダイアログの「幅:」と「高さ:」を「30 m m」に設定して、「O K」ボタンをクリック します。直径 30 m m の円が作成されます。3
円を移動複製します。 ツールボックスから「選択ツール」を選び、円 を選択し、メニューバーから[オブジェクト] −[変形]−[移動 . . .]を選びます。 「移動」ダイアログで「水平移動距離(C S3: 水平方向):」を「18 m m」、「垂直移動距離 (C S3:垂直方向):」を「0 m m」に設定し、 「コピー」ボタンをクリックします。 円が右方向 18 mm の位置に移動複製します。4
パスファインダで 2 つの円の重なっている部 分の形だけを取り出します。 「選択ツール」で 2 つの円を選択し、「パスファ インダ」パレットの「形状エリアを交差」ボタ ンをクリックします。オブジェクトを選択した 状態で「拡張」ボタンをクリックし、形状を確 定します。1 枚の花びらの形状になります。5
花びらの先端に切り込みを入れます。 ツールボックスから「多角形ツール」を選び、アー トワーク上をクリックします。「多角形」ダイア ログの「半径:」を「5 mm」、「辺の数:」を「3」 に設定して、「OK」ボタンをクリックします。 作成された三角形を、右図のように重ねます。6
花びらを前面の三角形で切り抜きます。 「選択ツール」で 2 つのオブジェクトを選択し、 「パスファインダ」パレットの「形状エリアか ら前面オブジェクトで型抜き」ボタンを「A l t (o p t i o n)」キーを押しながらクリックします。 (「A l t(o p t i o n)」キーを押しながら形状モー ドをクリックすると、「拡張」ボタンを押さず に形状エリアを確定することができます。) 1 枚の花びらの完成です。7
1 枚の花びらを 5 枚に増やします。 「選択ツール」で花びらオブジェクトを選択し、 ツールボックスから「回転ツール」を選びます。 花びらの一番上のアンカーポイントを、「A l t (o p t i o n)」キーを押しながらクリックします。 「回転」ダイアログの「角度:」を「72」°に 設定し、「コピー」ボタンをクリックします。 クリックしたポイントを中心に、反時計回りに 72°回転した位置に複製されます。 143 Illustrator クイックマスター 「楕円形」ダイアログ 「移動」ダイアログ 「形状エリアを交差」ボタン 「形状エリアから前面オブ ジェクトで型抜き」ボタン 「多角形」ダイアログ 移動複製 形状エリアを交差 三角形を重ねる 花びら完成 回転の基準を指定 「回転」ダイアログイラストレーション Chapter1
Point
回転複製の応用8
メニューバーから[オブジェクト]−[変形] −[変形の繰り返し]を 3 回適用します。 直前の変形(回転複製)が繰り返され、5 枚の 花びらになります。 桜の花の形の完成です。 回転複製の操作では、同じオブジェクトでも回転の 基準の位置を変えるだけで、異なる形状を作成する ことができます。グラデーションで色を塗る
SSSS2
1
桜の花に色をつけます。 「選択ツール」で桜の 5 枚の花びらをすべて選 択し、「カラー」パレットの「線」を「なし」 に設定します。 「塗り」にグラデーションを適用し、「グラデー ション」パレットの「種類:」を「円形」に設 定します。2
円形グラデーションの中心が、各花びらの中心 にあるので、花全体の中心が円形グラデーショ ンの中心になるようにします。 ツールボックスから「グラデーションツール」 を選び、花の中心から花の一番外側に向けてド ラッグします。3
グラデーションの色を変更します。 「グラデーション」パレットのグラデーショ ンスライダで、左端のグラデーション分岐点 (位置:0 %)を選択し、「カラー」パレットで C:0 %、M:80 %、Y:40 % 、K:0 %、 右端のグラデーション分岐点(位置:100 %)は、 C:0 %、M:50 %、Y:30 %、K:0 % に設定します。 桜の花の形 「線」を「なし」に設定 「グラデーションツール」でドラッグ グラデーションの種類を 「円形」に設定 グラデーション分岐点のカラーを設定Chapter1 イラストレーション イラストレーション Chapter1
Point
オリジナルカラーやオリジナルグラデーションはスウォッチに保存4
グラデーションスライダの中心下をクリック して、中間のグラデーション分岐点(位置: 50 %)を作り、「カラー」パレットで C:0 %、 M:20 %、Y:10 %、K:0 %に設定します。 3 つの分岐点の中間地点を調節します。グラ デーションスライダの上の菱形のアイコンを、 左側の位置を 25 %に、右側の位置を 85 % に設定します。 花の色付けの完成です。 「カラー」パレットや「グラデーション」パレット で作成したカラースウォッチやグラデーションス ウォッチを「スウォッチ」パレットに保存しておくと、 同じファイル内で再利用することができます。 「スウォッチ」パレットのパレットメニューでス ウォッチライブラリを保存すれば、他のファイルか らスウォッチライブラリを開いて利用することもで きます。シンボルに変換してインスタンスを配置
SSSS3
1
桜の花のオブジェクトを複数配置するために、 シンボルを作成します。 シンボルを作成すると、何度でもファイルに追 加することができます。 「選択ツール」で桜の花のオブジェクトを選択 します。 メニューバーから[ウィンドウ]−[シンボル] を選び、「シンボル」パレットを表示します。 「シンボル」パレットで「新規シンボル」ボタ ンをクリックします。 (C S3:「シンボルオプション」ダイアログが 表示されるので、「O K」ボタンをクリックし ます。) 「シンボル」パレットに桜の花のシンボルが追 加されます。 S t e p2 で作成した桜の花のオブジェクトは使 用しないので、削除してください。 145 Illustrator クイックマスター 桜の花の色 桜の花を選択 「グラデーション」パレット 作成したオブジェクトをシンボルとして登録イラストレーション Chapter1
2
シンボルを画面に配置します。 「シンボル」パレットの桜の花のシンボルのサ ムネールをドラッグします。 シンボルから配置されたオブジェクトをインス タンスと呼びます。 インスタンスはいくつ配置しても、データサイ ズはシンボル 1 つ分と同じであり、同じオブ ジェクトを大量に配置したい場合にファイルサ イズを抑えることができます。3
インスタンスはグラフィックの元データをシ ンボルから継承していますが、位置や大きさや 角度などはインスタンスごとに設定することが できます。 バウンディングボックスをドラッグして、個々 のインスタンスを変形してみましょう。シンボルを編集する(CS・CS2)
SSSS4
1
※ C S3 を使用している場合は、147 ページ の S t e p4 を参照してください。 配置したインスタンスを 1 つ選択します。 インスタンス上で右クリックし、表示されるコン テクストメニューから[シンボルへのリンクを解 除]を選びます。(CS:「シンボル」パレット下 部の「シンボルへのリンクを解除」ボタンをクリッ クします。) シンボルを作成する前の元のオブジェクトに戻 ります。2
花の中心におしべをいくつか追加してみま しょう。 「カラー」パレットの「塗り」を「白」、「線」を「な し」に設定し、ツールボックスから「楕円形ツー ル」を選び、「S h i f t(s h i f t)」キーを押しな がらドラッグします。 「選択ツール」で作成した円を選択し、「A l t (o p t i o n)」キーを押しながら移動複製します。3
花びらとおしべをすべて選択します。 「シンボル」パレットで桜の花のシンボルサム ネールを選択し、パレットメニューから[シン ボルを再定義]を選びます。 シンボルが新しいオブジェクトに再定義され、 すでに配置されているインスタンスも更新され ます。 インスタンスの変形例 シンボルへのリンクを解除 円を複製 パレットメニューから[シンボルを再定義]を選ぶ インスタンスを配置Chapter1 イラストレーション イラストレーション Chapter1