【iPad版Illustrator】ベジェ曲線とは?ペンツールの使い方を解説
Illustratorを使う上で欠かせないのが「ペンツール」です。
ペンツールを使って描いた線を「ベジェ曲線」と言い、もちろんiPad版Illustratorでもこのベジェ曲線を使って様々な描写ができます。
このベジェ曲線を使いこなせるようになれば、様々なイラストやキャラクター、ロゴやアイコンを作ることができます。
ベジェ曲線の仕組み
![](/_astro/ef5237e25ed426c77e38e625e5c3a4b0-1024x745_CJgzz.jpg)
ベジェ曲線は、「アンカーポイント」「ハンドル(方向線)」「セグメント」の3つのパーツで構成されています。
これらすべてを合わせて「パス」と呼びます。
アンカーポイント
線の元になる点です。
一番最初の点を「始点」、最後の点を「終点」と呼びます。
ハンドル(方向線)
線の方向と強さを決めるパーツです。
アンカーポイントを打ってドラッグするとハンドルが出てくるので、このハンドルを操作して線の曲がる方向や、カーブの強さを調整します。
ハンドルが長いほど曲線のカーブは強く、短いほど弱くなります。
セグメント
アンカーポイントと方向線によってできた線のことです。
アンカーの位置とハンドルの向きや長さによって線が決まるので、このセグメントそのものは操作することはできません。
ペンツールを使ってみよう
何もないところにいきなり描くというのは難しいので、基本的にペンツールで描画する場合は下絵を準備します。
画面左側にあるツールバーの「読み込み」から下絵の画像をアップロードすることができます。
![](/_astro/9f48603ea3ca0dcf1d55bff3950b410c-1024x745_ZOvID2.jpg)
今回まず準備したのはアルファベットの「A」です。
アルファベットの「A」はすべて直線で構成されているので、初めての方でも比較的簡単になぞることができます。
![](/_astro/5f4faa69c961ecac4a9e6c10a84300f5-1024x745_ZaLx4f.jpg)
ツールバーにあるペンのような形をしたアイコンがペンツールです。
ペンツールを選択して画面をタップするとアンカーポイントを打つことができます。
![](/_astro/9a6196b02d945b391436e5947f504571_JJHX6.jpg)
直線を描写する場合は、ドラッグせずにそのまま次の頂点をタップすると直線をひくことができます。
![](/_astro/c99c3d1143cfd69859dbead40c1a24e2_ZapOqL.jpg)
アンカーポイントを打ってドラッグすると、ハンドルが出現して曲線になってしまうので気をつけましょう。
![](/_astro/f296ec9543dfba11fcb25d3e0b3e96f2_13mF1w.jpg)
下絵に合わせてどんどんアンカーを打っていきます。
![](/_astro/5b99b6a38688d53b00122efea173ea9d_25zLov.jpg)
一番最初に打ったアンカーポイント(始点)を最後にタップして線を繋げるとパスを閉じることができます。
![](/_astro/e0d1708c88d5e80b7bbdd5c7f50bd733_Z16DP23.jpg)
中の線も同じようになぞって完成です。
しかし、よく見ると少し線がずれてしまっているところがあります。
![](/_astro/f3049bcb5201284625f3278c1d0e5545_ZJftn6.jpg)
失敗した線を調整するには・・・
ツールバーにある「ダイレクト選択ツール」に切り替えます。
![](/_astro/a7b560294e45c3de9010344c591ddae0_Z1fu9SD.jpg)
線をタップするとアンカーポイントが出てくるので、直したい線の近くのアンカーポイントを移動させて線のずれを調整します。
![](/_astro/0843d0e31370580954af1ff2f83c163e-1024x512_2bRDKd.jpg)
このように、失敗してしまっても後から調整できるのがベジェ曲線の非常に便利なところです。
曲線のあるオブジェクトもなぞってみよう
曲線の混ざったオブジェクトを綺麗にトレースするには、
・アンカーポイントを打つ位置
・ハンドルの操作
が重要になってきます。
アンカーポイントを打つ位置
アンカーポイントを打つ位置は簡単に言うと、「形の変わり目」です。
たとえば、
・角や尖っているところ
・直線から曲線に変わるところ
・ゆるいカーブときついカーブの変わり目
などが挙げられます。
以上を踏まえた上で、アルファベットの「B」をトレースしてみましょう。
![](/_astro/073338218d98ae38f715a568755c5724_2wTc6V.jpg)
まず直線部分をなぞります。
ここではAをなぞった時と同じようにドラッグせずに頂点をタップします。
![](/_astro/7cc16db1e845076c2b459306b37bc3a0_B8rBK.jpg)
次に、直線から曲線の変わり目付近(曲線が始まる少し手前)にアンカーポイントを打ちます。
![](/_astro/94c41c5df7604aa2c0e374312a21867f_1pfXf.jpg)
ここでペン(指)を離さずドラッグして、Bの弧の部分の頂点付近までハンドルを伸ばします。
![](/_astro/c24e246ad05bd1a41eb71dedc94fb482_ga78s.jpg)
ペンを離して、次に弧の頂点付近にアンカーを打ちます。
ここでもハンドルを操作して線を調整します。
アンカーポイントを打って、ハンドルを伸ばしたり角度を変えて線を調整する、の繰り返しです。
![](/_astro/28c6222836b1b89eadc6ea176a966ef1_Z2ooPLb.jpg)
そして、曲線の終わり部分にアンカーポイントを打ちます。
![](/_astro/5ca3adb0c60e376e45d0ba671316060e_2mKtfN.jpg)
ここで次のアンカーポイントを打とうとすると、ハンドルが逆方向に伸びてしまっているので下記画像のような曲線になってしまいます。
![](/_astro/f68584e469e52640788619531a6038c1_ZD4lQD.jpg)
こういった場合はハンドルを消す必要があります。
ハンドルを消すには、最後に打ったアンカーポイントをもう一度タップすると消すことができます。
![](/_astro/93d9db9ea423c6e1d08cd64559f9340d_2lqhuh.jpg)
ハンドルを消すと、曲線にならず線の方向を切り替えることができます。
![](/_astro/397472bc03fb3e3bb8e9a1a47ec56b9a_Z1IXbv0.jpg)
このような要領で、上部部分もトレースしていきます。
![](/_astro/a089b6b00d7b9fe8699802edbebd1246_MQTWF.jpg)
最後にパスを閉じて外側部分の完成です。
![](/_astro/c0cb4b04ff069242705fb4c2d5f2ef39_LLDVi.jpg)
中の部分も同じようにトレースしていきます。
![](/_astro/e13474915c3fb87b46d03906c0744019_Z1jLIO1.jpg)
すべてトレースできたらダイレクト選択ツールに切り替えて、ずれている部分を調整して完成です。
![](/_astro/5e15158b416199c29d460bb77897bf26_U6mf7.jpg)
最後に
ベジェ曲線をうまく使いこねせるようになるには、とにかく慣れることが大事です。
様々なイラストや図形などを何度もトレースしていくことでコツが掴めてきます。
まずはアルファベットのA〜Z、数字の0〜9など簡単なものからトレースしていくのがオススメです。