AbobeIllustrator

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

Abobe

こんにちは!レントンです!

今回はイラレのベジェ曲線の書き方のコツをご紹介します。

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

ただ慣れるまでは確かに苦労します。。得体の知れないグニャグニャな線と点だらけで全然自分の思い描いたようになってくれない!!

僕も学生の時の授業でひたすら有名企業のロゴマークをベジェ曲線を使ってトレースする(画像を敷いて上からなぞる)ということをしました。これくらい2分でやってみろー!なんて言われながら出来るかくそ..なんて思ってやってましたが、慣れれば確かに出来ちゃいます!

そこで、何度も繰り返しているうちにわかってきたコツを紹介していきたいと思います!少しでもベジェ曲線を描くときに参考にしてもらえたら嬉しいです!

スポンサーリンク

美しい曲線を描きたければ無駄なアンカーポイントを減らす

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

答えは2つです。真ん中にアンカーポイントを置く人もいるでしょう!正直いうとそれでも作れます!

ですが3点間で歪さなく調整するより2点間を調整する方が簡単で無理やり感がないからです。多くのアンカーポイントで無理やり形作ろうとするとどこかに歪さが出てきたりハンドルをミリ単位で調整する必要もあるからです。

美しさを求めるなら「なるべくアンカーポイントは減らす」ことを意識してください。

ですが、形によってはどうしても数が増えてしまうものもあります。下の画像を見てください。

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

曲線もアンカーポイントが少なすぎると逆に歪になってしまいます。

そこで、1つの基準としては角度が120°を超える曲線にはアンカーポイントを追加と覚えてください。あくまで目安ですが、120°を超える曲線を2点だけで描こうとするとは歪さが目立ってきます。テクニックの1つとして参考にしてください。

スポンサーリンク

形の変わり目にアンカーポイントを打つ

先ほどの6つ図形が並んだ画像をみて気づいた人もいるかと思いますが、

直線だけで形成された三角形や四角形は角に必ずアンカーポイントがあります。それはその点が「形の変わり目」だからです。

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

このように曲線から直線へ変わるポイントにアンカーポイントを打つことで美しい図形を表現出来ます!

つまり今までの方向を急激に変える必要があるぞ!という点が正しいアンカーポイント地点ということになります。

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

【テクニック1】〜ハンドルを折る〜

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

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

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

やり方としては

①ペンツールでベジェ曲線を描く
②ハンドルを折りたいポイントでoptionキーを押す(ペンのアイコンが棒なし矢印に変わる)
③そのままoptionキーを押したまま、折りたいハンドルの頭をドラッグ+任意の方向に動かす

このやり方は、ベジェ曲線を描き終わったオブジェクトにも使用できるので、あとで微調整したいときなどにも使えます!

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

スポンサーリンク

【テクニック2】〜アンカーポイント追加・削除〜

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

方法は簡単です!

アンカーポイントを追加

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

アンカーポイントを削除

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

これだけです!

まとめ

①無駄なアンカーポイントはなるべく省く

②形の変わり目にアンカーポイントを置く

③ハンドルを折ったり、アンカーポイントの追加・削除で細かいところはあとで微調整

いかがでしたか?ベジェ曲線の扱いは最初は苦労すると思います。ですが、ここをクリアできると一気にIllustratorが楽しくなってくると思います!