WAN Will Way > 素材集TOP > ソフト習得講座 > 


●○ Illustrator10を使って写真を元絵にイラストを作成しよう ○●


今回はAdobe® Illustrator® 10(日本語版)を使って イラスト(アイコン)を作成する方法をご紹介します。
写真を下絵に作成しますので、絵は描けないから・・・と思っている貴方でも大丈夫!
  

 

 
 
step1 元絵の写真を配置しよう
 

元になる写真 ファイル-配置 配置

まずは、下絵にしたい素材を用意します。ここでは、ティーポットの写真を用意しました。
Illustratorを立ち上げておきます。 素材に使いたい写真をIllustratorに開きます。
[ファイル]-[開く] でも良いのですが、[ファイル]-[配置] で開きます。利用したい写真を選択し、”テンプレート”にチェックを入れ”配置”ボタンを押します。 するとアートワーク画面の最背面に配置され、カラーですが薄く表示されます。もし、画像の解像度が思った以上に高くてテンプレートが大きく表示されてしまったら、テンプレートを選択し[オブジェクト]-[変形]-[拡大縮小]で画像を適宜縮小してください。(テンプレートは通常編集できないようにロックがかかっています。レイヤーウィンドウに小さく錠のマークが出ていますのでそれを一度クリックしてロックを解除します。再度ロックする場合はもう一度クリックしてください)

 
 

 

 
 
step2 絵の輪郭を描いていこう
 
ペンツール
左から順番に
1.ペンツール(まず描画する時に使用)
2.アンカーポイント追加ツール
3.アンカーポイント削除ツール
4.アンカーポイント切り換えツール
パスの描き方
1.クリックしてまずアンカーポイントを表示
2.クリックしたままドラッグしてハンドルを表示(ハンドルが表示されたらマウスから指を離す
3.マウスを線を描きたい方向へドラッグ→クリック(この動作を繰り返すことでパスが描けます)

では、この写真を元に、ポットの絵を描いていきましょう。
まずは、ツールボックスのペンツールをクリックし、ポットの輪郭を描いていきます。
この際、ペンツールの塗りを無効にしておいてください<次の”Point!”参照>。ポットはポット本体部分、持ち手部分、注ぎ口部分と3つに分けて作成します。まずポット本体から作成していきます。描きやすい所から始めていけばいいです。まずクリックしてドラッグ、それから先ほどのアンカーポイントの位置から少し離れた所をクリックし、またドラッグ、を繰り返してパスを描いていきます。直線的なパスを描く場合はクリックして次に線を描きたい方向をクリックします。曲線を描く場合は、クリックしてドラッグしハンドルを表示させ、曲げたい方向にマウスをドラッグし、クリックすれば曲線が描けます。
緩やかな曲線を描きたい時はハンドルを短く表示させ(クリック→ドラッグを短い距離で行う)、急な曲線を描きたい場合はハンドルを長くします(クリック→ドラッグを長い距離で行う)。

 
 

 

 
 
ポイント ペンツール・色の塗りについて
 
ツールボックス カラーパレット ラインパレット
スウォッチパレット この講座内で使う主なツール(ペンツール以外)
ダイレクト選択ツール 選択ツール グラデーションツール
基本のパスの描き方
直線パス
線を引きたい方向にマウスをドラッグさせてクリックすると直線が描けます。それを続けていくと連続した直線を描くことができます。連続した直線を描いて、始点にマウスポインタを合わせるとペンの絵の横に小さい○が表示されます。その状態でクリックすると端点が結ばれてクローズパスになります。オープンパスのまま終わらせる場合はパスを始点に合わせない状態でペンツールのボタンをクリックします。
曲線パス1 始点の位置から上方向にドラッグし別の位置で下方向にドラッグすると下向きのお椀型の曲線が描けます。上向きのお椀型の曲線を描きたい場合は逆にします。
曲線パス2 始点の位置から上方向にドラッグし別の位置で上方向にドラッグするとS字型の曲線が描けます。
オープンパス説明
描かれた線の始点と終点の事を”端点”と呼びます。この端点が繋がっていると”クローズパス”、この端点が離れていると”オープンパス”と呼びます。

ペンツールを使い始めると気がつくと思いますが、ペンには”塗り”と”線”で色が付けられます。初期設定では線が黒、塗りが白になっています。 今は線は赤、塗りは表示しない(”塗り”のボックスに赤い斜線が入っている状態)に指定しています。(初期設定は1ptとなっています。線の太さは”カラー”ウィンドウの下の方に”線種”というタブがあるのでそこをクリックし表示させ、変更することが出来ます)色の指定はカラーパレットの他、スウォッチパレットのカラーからも指定する事が出来ます。ペンツールでかかれた線は”パス”といい、それぞれその線上に ”アンカー”と呼ばれる点を複数持っています。 これらのアンカーはパスの方向を変えることのできる”ハンドル”というものを持っています。アンカーは”ダイレクト選択ツール”を使って自由に動かすことが出来ます。

 
 

 

 
 
step3 パスの修正
 
パスの拡大
パスの単純化
余分なアンカーポイントを
アンカーポイント削除ツールで
消していきましょう
単純化してなめらかになったパス

パスは始点と終点を重ねます。パスを完全に閉じてしまいます(クローズパス)パスの曲線が思ったとおりに出なかった場合もアンカーポイント追加ツールを使ったり、必要でないアンカーポイントを削除してやることで なめらかな曲線に修正していくことが可能です。上の図の場合、パスがカクカクしていて線がなめらかではありません。そこで、一つアンカーポイントを削除する事にします。”ペンツール”のアンカーポイント削除ツール(”Step2”参照)で不要なアンカーポイントにカーソルを会わせます。すると、アンカーポイントにカーソルが近づくとペンの横に”−”の表示された画像が出ますから、不要なアンカーポイントをクリックし 、削除します。
また、うまく曲線が出ていない場合、ゆがんでいる部分を中心に、そのアンカーポイントの両脇にアンカーポイント追加ツール(”Step2”参照)で 新たなアンカーポイントを作って、ゆがんでいるアンカーポイントを 削除することで曲線の修正をする事が出来ます。
ある程度修正ができたら、”オブジェクトーパス”から”パスの単純化”を選択し更に曲線をなめらかにしていくことも出来ます。輪郭が描けたら、色を付けていきます。

 
 

 

 
 
step4 色をつけよう
 

線と塗り説明

ただ塗りつぶすだけであれば、今は”塗り”に色が入っていない状態ですので、ここに色を指定してやるだけでOKです。(今は説明がしやすいように”線”だけを見せるようになっていますので、単純に”塗りと線を入れ替え”するだけでも色をつけることが可能です。ただ、これじゃちょっと味気ないですよね。もう少し、手を加えていきましょう。

今回はグラデーションを使って、ちょっと陰をつけたような雰囲気の出る仕上がりにしたいと思います。
グラデーションの基本型は”スウォッチ”パレットの中にある円形グラデーションと、一定の方向へ色が白から黒へ変わっていく線形グラデーションの2種類があります。今回はこの後者の方を元にちょっと手を加えて
グラデーションを独自に作り、色を付けていきます。

次のステップへ進みます

 
 

 

素材集TOP 次へすすむ