ペンツールの使い方  illustrator CC 講座09

基本ツールを紹介してきましたが、今回はIllustratorの要とも言える【ペンツール】の使い方を紹介します。ペンツールで描く曲線の事をベジェ曲線と言いますが、割りとここがIllustratorを使い初めてつまづきやすい部分になります。慣れると非常にきれいな曲線を描けるようになりますので、頑張りましょう。

ベジェ曲線とは

前述したようにIllustratorで描く曲線はベジェ曲線という方式の曲線を使用しています。
「ベジェ曲線」で検索すると「N個の制御点から得られるN-1次曲線」などと出てきます。Illustratorで使う用語に置き換えて説明しますと、点であるアンカーポイント、曲線の制御を行うハンドル、点と点を結ぶ線であるパス、これらで構成されている曲線となります。


画像左側がベジェ曲線の各部名称、右側がペンツールをツールパレットから切り離した状態になります。【アンカーポイント追加ツール】はパス上にポイントを追加するためのツールで、削除ツールがその逆になります。形状的に必要に応じてポイントを増減します。
【アンカーポイントツール】はパス上のアンカーポイントが曲線の途中にあった場合は鋭角な角になり、逆の場合は角からハンドルを引き出して曲線化します。
それでは実際に曲線の引き方を練習していきますが、まずはアンカーポイントとパスの構成の概念を理解していきましょう。


直線の引き方

まずは下の画像をコピーしてIllustratorのアートボードにペーストしてみてください。
見本になりますが、これをまちがって選択してしまうとズレてしまったりするので、ペーストしたら、オブジェクトメニュー→ロック→選択を選び、動かないようにしておきます。



画像には番号が振ってありますのでこの順番で線を引いていきましょう。
普通の絵の描き方なら1から2へ向かって線を引いていくところですが、ペンツールの場合は1・2・3…という順で一回ずつクリックする毎にアンカーポイントが作成され、2点以上でパスが発生します。
この様にペンツールを使う場合は、線を描くというよりは、線を作る、という感覚になります。

ベジェ曲線の引き方

直線はすぐ引けるようになると思いますので、曲線の引き方の練習に入ります。
直線と同様下の画像をコピーしてアートボードにペーストしてロックしておいてください。


こちらにも番号が振ってありますが、直線のときよりも少し動きが複雑になっています。
1から2、3から4という具合に、矢印が引いてありますが、ここは1から2にドラッグするという意味になります。
アンカーポイントを作成しドラッグすると冒頭で説明したハンドルが発生します。
そうしたら次に3のポイントに移動し、クリック、4へドラッグすることで再度ハンドルが発生し、指を離すことで曲線が発生します。


コツとしては曲線を描く方向と逆にハンドルを引っ張らないようにします。例えば今回の場合は左から右に向かって引いているので、進行方向に従って上、右、と引張り、山と谷の中間点(図で言えば5の位置など)では下に引っ張るというように考えると比較的きれいな曲線になり、続けていくと波線のようになっていきます。

つづきまして山が連続しているような、曲線の途中に鋭角な角がある曲線も作ってみましょう。これまでと同様下の画像をコピー&ペーストしてロックしておいてください。


1~6までの手順は同じなのですが、鋭角な角ができる所で少し手順が変わっています。
6の状態までハンドルを引いた所で、Alt(Option)キーを押しながらハンドルの(下の)先端を7の位置まで折り曲げるようにドラッグします。
じつはハンドルには曲線を引っ張る力が働いており、ハンドルの長さと角度によって引っ張る力が変化します。今回の場合は下方向に働いていた力を曲げて上に働くようにしたということになります。これにより始点(1のポイント)と同じ状態になりますので以降は3~6までの動きをすることで山が連続してるような形状になります。

応用編:ハートマーク



ある程度ベジェの引き方に慣れてきた所でハートマークに挑戦してみましょう。
例によって画像をコピーペースト・ロックしておいてください。
いきなりアンカーポイントを配置してハンドル引き出しというのはなかなか難しいと思いますので、まずは直線を引き、それから冒頭で紹介したアンカーポイントツールを使用して曲線化していきましょう。ハンドルを引く角度や長さの感覚がつかめてきたら曲線を直接ひいてみると良いでしょう。


これでハートの片側が出来ましたので、右側については新たに描くのではなく、以前の講座で使った【リフレクトツール】を使って右側にコピーします。
選択ツールで左側全体を選択し、リフレクトツールでAlt(Option)キーを押しながらハートの終端部分をクリックします。リフレクトの軸は垂直を選び、コピーボタンを押します。


これで右側にコピーされましたが、このままですと左右が別々のオブジェクトになってしまっていますので、ツールパレットの【なげなわツール】を使用し、鋭角部分を一箇所ずつ輪で囲むように選択し、その後ボタンバーにある【選択した終点を連結】ボタンを押します。これで鋭角部分は連結されますので、上方、下方の鋭角部分両方を連結しておきましょう。ハート形状の完成になります。


Ai講座もくじ


[Sponcer Link]


[Sponcer Link]




0 件のコメント :

コメントを投稿