ベジェ曲線の初心者向け練習方法!Illustratorでペンツールの練習をしよう

Illustratorの作業において、最も複雑と言われているペンツールを使ったベジェ曲線

ベジェ曲線って思い通りに描けないから嫌煙しがち…。
基礎が分かってないので、いつも当てずっぽうで曲線を描いてます…。

という方も多いのではないでしょうか?

ここでは、はじめてIllustratorのペンツールを使ってベジェ曲線を描く人向けに、簡単な練習チュートリアルをご紹介します。

ぜひコツを理解してベジェ曲線を自由自在に操れるようになってくださいね!

Illustratorのロゴとペンツールを使ったベジェ曲線の描き方を表現したバナー画像

ベジェ曲線の構造

チュートリアルに入る前に、まずはベジェ曲線の構造を理解しましょう。
ベジェ曲線は以下の3つの要素で構成されています。

  • アンカーポイント
  • セグメント
  • 方向線

これら3つをまとめたものをパスと呼びます。

ベジェ曲線の3つの要素であるセグメント、アンカーポイント、方向線を示した図

セグメントとは線のことです。

アンカーポイントは線の方向や曲がり方が変わる点のことで、アンカーポイントと次のアンカーポイントの間に線(セグメント)が引かれます。

ただの直線であれば、アンカーポイントと次のアンカーポイントを最短距離で結んだ直線がセグメントになりますが、線の方向や曲がり具合を決めるのが方向線(ハンドル)です。

思い通りにベジェ曲線を描けるかどうかは、適切な位置にアンカーポイントを作って、方向線を正しく調整できるかにかかっています。

ベジェ曲線の練習チュートリアル: S字

ベジェ曲線の構成要素が分かったらさっそく練習をはじめてみましょう。

ここでは、ベジェ曲線初心者の方でも簡単にはじめられるアルファベットの「S」をトレースするトレーニングを行います。「S」には曲線部分と直線部分があるので、練習にもってこいなアルファベットなんです。

動画でこのチュートリアルを見たい方はこちらをご確認ください。
ペンツールでベジェ曲線を描く時は、必ず線の塗りをなしにしましょう。

STEP0: トレースする画像を用意する

まずはトレースするための「S」の画像を用意しましょう。

テキストで大きめのSを入力し、レイヤーを新規作成して、新しいレイヤー上でベジェ曲線を描くといいでしょう。

STEP1: 直線を描く

さっそくベジェ曲線を描いていきましょう。

ペンツールを選択し、ベジェ曲線を開始する始点をクリックします。

下の図にあるような、Sの字の先端部分の角を始点に選ぶといいでしょう。
始点をクリックしたら、直線を描きます。先端部分のもう一方の角をクリックするだけでOKです。クリックするとアンカーポイントが新たに作成されます。方向線がない状態ですので、始点のアンカーポイントと次のアンカーポイントが直線で結ばれた線(セグメント)が作られます。

ベジェ曲線の練習のためにアルファベットのSの字の先端部分をペンツールでクリックしたときのIllustratorのスクリーンショット画像

STEP2: 曲線を描く

次の直線を描きます。

Sの字の頂点をクリックします。クリックするだけだと先ほどと同様に直線になってしまうので、ここで方向線を調整します。左に向かってぐーっと方向線を伸ばしてみましょう。

ベジェ曲線の練習のためにアルファベットのSの字のてっぺんの部分のアンカーポイントから方向線を左に伸ばしたときのIllustratorのスクリーンショット画像

STEP3: 曲線をパキっと折って直線を描く

STEP2と同じ要領で、どんどんSの字の周りにアンカーポイントを打っていって、方向線を調整しながらSの文字をトレースしましょう。

方向線を調整していると、どの方向に伸ばせばどのように曲がるかが分かってくるかと思います。

アンカーポイントを少なめに打った方が、曲線がなめらかになります。アンカーポイントをなるべく減らせないか意識するといいでしょう。

Sの時の端まで到達したら、角の部分をクリックしてアンカーポイントを作り、方向線をドラッグしたままAltキーを押しましょう。そうすると方向線をパキっと折ることができます。

ベジェ曲線の練習のためにアルファベットのSの字の先端部分でaltキーを押しながら方向線を折り曲げたときのIllustratorのスクリーンショット画像

ここまでくれば後は同じことを繰り返し、もう一方の縁をトレースしていけばOKです。始点まで戻ってくることができれば、ベジェ曲線の練習は終了です。


いかがでしたか?

嫌煙しがちなベジェ曲線ですが、練習してコツさえつかめば、そんなに難しいものではないことが分かると思います。

Sの字のトレースができた方は、もっと複雑な図形にも挑戦してみましょう!

このチュートリアルを動画で確認することができます。
実際にIllustratorのペンツールを操作している様子を見て練習したい方は、以下の90秒の無料動画をチェックしてみてください!

90秒で分かるベジェ曲線の基本的な描き方のスナックコース画像

コメント