※ Adobe Illustrator 2024の画像で解説しています。
CGDOOR今回はIllustratorで曲線を滑らかに描く４種類のツールの使い方のコツを分かりやすく図解します。
「ペンツール」で描くベジェ曲線
Illustratorの基本ツールの１つ「ペンツール」のベジェ曲線はコンピュータで制御しながら曲線を描くため、手書きで描くのと違ってガタガタが全く無い滑らかな曲線を描くことができます。
「ベジェ曲線」は点と線を自由自在に繋いで「パス」を描きます。ベジェ曲線のパスの構成は以下の通りです。
- アンカーポイント
- 線と線をつなぐ「点」を総称してアンカーポイントといいます。
アンカーポイントの内、なめらかな曲線の頂点をスムーズポイント、角度を切り換えて線をつなぐ点をコーナーポイントといいます。 - セグメント
- 線のことです。
- ハンドル（方向線）
- アンカーポイントから伸びた細い線で、アンカーポイントを起点に線の形状を自在に変化させます。
ペンツールを使った曲線の引き方
ペンツールで滑らかな曲線を引く練習をするなら、曲線の頂点にアンカーポイントを打つのがコツです。そのまま素直にドラッグすると左右対称のハンドルが両方向に伸びてセグメントが綺麗な曲線を描きます。そこでマウスを放し、次の曲線の頂点に移動してクリックでアンカーポイントを打ってドラッグします。この操作を繰り返すと、波のように滑らかな曲線が描けます。
ペンツールの終わり方
ペンツールで描くパスは開いたままの「オープンパス」と始点と終点のアンカーポイントを連結させた「クローズパス」があります。パスを描いた後、ペンツールを終わらせるそれぞれの方法です。
- 「オープンパス」ペンツールの終わらせ方
- 終点のアンカーポイントを打ったら、Escキーを押します。または、他のツールのアイコンをクリックしてもペンツールを終わらせることができます。
- 「クローズパス」ペンツールの終わらせ方
- 始点のアンカーポイントにポイントして、ペンの下に小さな丸が出たらクリックします。始点と終点のアンカーポイントが連結してパスが閉じます。
ベジェ曲線のパスの編集
- 「ダイレクト選択ツール」でアンカーポイントを移動・ハンドルを回転
- アンカーポイントやハンドルを個別に選択するには「ダイレクト選択ツール」を使います。
ダイレクト選択ツールでアンカーポイントをクリックして選択し、上下左右に移動させることで曲線の位置を変えることができます。また、ハンドルの長さを調整して曲線を急カーブにしたり、ドラッグで回転させて形状を変化させることもできます。 - 曲線と直線を切り替える
- 曲線を直線に変えたい時は、アンカーポイントを選択してコントロールパネルの「変換」の「選択したアンカーをコーナーポイントに切り換え」ボタンを押します。逆に直線を曲線に変えたい時は「選択したアンカーをスムーズポイントに切り換え」ボタンを押します。
例えば、波のようなパスのアンカーポイントを全て選択して「選択したアンカーをコーナーポイントに切り換え」ボタンを押せば、ギザギザのパスに変わります。
ペンツール選択時にAltキーを押して「アンカーポイントツール」に切り換え、アンカーポイントをクリックしても曲線を直線に変えることができます。直線を曲線に変えたい時はAltキーを押しながらクリック➔ドラッグでできます。
「曲線ツール」で滑らかな丸みを描く
曲線ツールを使うと、ペンツールよりもっと直感的に滑らかな曲線が描けます。
始点を打って曲線の頂点をクリックするまではペンツールと同じですが、曲線ツールにはハンドルが無く、ドラッグすると始点からの曲線ガイドが滑らかに伸びます。そのまま次の頂点をクリックすると、始点から各アンカーポイントをスムーズな曲線でつなぎます。流線型のクローズパスを描くのに便利なツールです。
「円弧ツール」で曲がった矢印を描く
綺麗にカーブした矢印を描くなら、円弧ツールをおすすめします。
直線ツールのアイコンを長押しして一覧のすぐ下にある「円弧ツール」を選択し、クリック➔ドラッグで円弧を描きます。「ブラシ」パネルの左下にある「ブラシライブラリメニュー」アイコンをクリック、一覧から「矢印」➔「標準_矢印」をクリックして矢印ブラシを選びます。始点や終点のアンカーポイントを移動させれば、角度や長さを自由に変えられます。
鉛筆ツールで手書きした曲線を「スムーズツール」で単純化する
「ベジェ曲線は難しい、練習する時間がない」という場合は、まず、鉛筆ツールやブラシツールを使ってフリーハンドで曲線を描きましょう。
手書きした曲線は少しガタついて、アンカーポイントが多過ぎます。そこで、Shaperツールのアイコンを長押しして、鉛筆ツールのすぐ下にある「スムーズツール」を選択します。
使い方は簡単で、手書きの曲線をなぞるだけです。特にアンカーポイントが混んでるところをなぞると、不要なアンカーポイントが削除されてパスが単純化されます。
パスが滑らかになるまで数度繰り返しなぞります。
※ Adobe Illustrator 2024の画像で解説しています。 CGDOOR イラレ初心者が覚えたいテクニックに、図形と図形を合体させて１つにしたり、重ねて切り抜いたりする「パスファインダー」機能があります。 […]
CGDOORペンツールでベジェ曲線を描くのは慣れないと難しいかもしれませんが、Illustratorを使いこなす上で欠かせないテクニックなので、ぜひ練習して下さい。