イラレのベジェ曲線の書き方のコツ【初心者練習用】

この記事ではadobe Illustrator(イラレ)のベジェ曲線の書き方のコツをご紹介します。

このベジェ曲線が操れれば、イラストもロゴマークも自由自在に表現することができます。

最初は慣れるまで、ベジェ曲線で「トレース」などをコツコツしていくことでだんだんと慣れてきます。

何度も繰り返しているうちにコツも掴めると思いますが、少しでもベジェ曲線を描くときに意識してほしいコツやテクニックを現役デザイナーがご紹介します。

【ベジェ曲線の書き方のコツ 1 】無駄なアンカーポイントを減らす

下の曲線はアンカーポイントがいくつで作られているかわかりますか？

真ん中にアンカーポイントを置く人もいるでしょう。それでも作れると思います。

３点でも同じ形は形成できますが、３点間で歪さなく調整するより２点間を調整する方が簡単でより自然です。

多くのアンカーポイントで無理やり形作ろうとするとどこかに歪さが出てきたりハンドルをミリ単位で調整する必要が出てきて初心者には難易度があがります。

ですが、形によってはどうしても数が増えてしまうものもあります。

いくらアンカーポイントが少ない方がいいといっても四角形をアンカーポイント3点ではどうしても表現出来ません。

あくまで目安ですが、120°を超える曲線を2点だけで描こうとするとは歪さが目立ってきます。テクニックの１つとして参考にしてください。

【ベジェ曲線の書き方のコツ 2 】形の変わり目にアンカーポイントを打つ

先ほどの6つ図形が並んだ画像をみて気づいた人もいるかと思いますが、直線だけで形成された三角形や四角形は角に必ずアンカーポイントがあります。それはその点が「形の変わり目」だからです。

曲線と直線が混同して形成されているおにぎり型の図形を例にしてみます。

これを意識すればだいたいどの辺でアンカーポイントが必要なのかがわかってくると思います。

【ベジェ曲線のテクニック１】ハンドルを折る

正しいアンカーポイントを置く位置はわかって頂けたと思いますが、あまりに急激に方向を変える場合も存在します。

画像のような車のタイヤの連結部分などは正しい位置にアンカーポイントを置いてもハンドルの調整だけではこの急激な角度に調整は難しいです。

そこでアンカーポイントに付いているハンドルは通常だと左右の比率が固定されていますが、これを折る(左右の比率を解除)ことが可能です。

ハンドルを折る方法は、

その際は直したいアンカーポイントを白矢印で選択すればハンドルが出てきますので、あとは同じ方法でハンドルを折ることが可能です。

【ベジェ曲線のテクニック２】アンカーポイント追加・削除

追加し過ぎてしまったアンカーポイントを削除することも出来ます。逆にここにアンカーポイント欲しかったなぁという部分には後から追加することも可能です。

アンカーポイントを追加する手順

編集したいオブジェクトを選択した状態で追加したい場所にペンツールのカーソルを持っていくと＋とアイコンが出るのでクリックして完了です。

アンカーポイントを削除する手順

編集したいオブジェクトを選択した状態で削除したいアンカーポイントの上にペンツールのカーソルを持っていくと−とアイコンが出るのでクリックして完了です。

イラレのベジェ曲線の書き方のコツまとめ

adobe Illustrator(イラレ)のベジェ曲線の書き方のコツとテクニックをご紹介しました。

ベジェ曲線は慣れるまで大変かと思いますが、Illustratorでデザインをしようと思ったら避けては通れないほど重要ですので、時間がかかってでもじっくり会得するのが良いです。

ベジェ曲線が使えるようになるとPhotoshopでの切り抜きなどにも応用することができます。Photoshopでの切り抜き方法はこちらに詳しくまとめてあるので参考にしてみてください。