ブログ

ベジェ曲線とは 初心者にもわかりすいよう下敷きに例えてみた

bezier-curve_evecatch

こんにちは、デザイナーのTantanです。

IllustraotrやPhotoshopのペンツールできれいな曲線を描く方法がわからない、ベジェ曲線って全然コントロールできなくてわからん!という方のために基本のキホンを「例え」で解説したいと思います。
ベジェ曲線の操作感は独特ですので、具体的な操作を学ぶ前にイメージを掴むと習得が早いと思います。

下敷きを思い浮かべてください

小学生の頃使ったようなプラスチックの下敷きありますよね。ノートに挟んで使うペラペラのやつ。
みなさん一度は曲げたりひねったり、静電気で髪を逆立てて遊んだりしたことがあるのではないでしょうか。
あれを両手に持ってクネクネ曲げる感触を思い出してください。

手首で向きをコントロール

イラレのベジェ曲線は、下敷きの両端を持ってカーブを作るような感覚です。
手首を曲げて、指先の向かう方向を変えることで、下敷きの曲がり具合が調整できます。

緩やかに曲げる

自然な角度で手に持つと、ゆるやかにカーブします。
bezier-curve_01

S字カーブにする

クネクネさせたいときは、手首を左右逆に動かします。
ベジェ曲線のハンドルの向きはこんな感じになりますね。
bezier-curve_02

膨らませる

外側に向けると膨らんだカーブになります。
bezier-curve_03

指の強さで”張り”をコントロール

持ち方次第でカーブの強さを調整できます。

あまり力をかけないで持つ

指先でちょんっと持って、下敷きにあまり力をかけないようにすると下敷きはあまり曲がりません。
浅く持つ=ベジェ曲線のハンドルが短い状態です。
bezier-curve_04

指の腹でちゃんと持つ

ちゃんと持つことで下敷きに力がかかり、カーブします。
ベジェ曲線のハンドルはこんな感じです。
bezier-curve_05

手のひらから指先まで使ってしっかり持つ

指をのばし、深く掴むことで下敷きに強い力がかかり、よく曲がります。
深く持つ=ハンドルがしっかり長いイメージです。
bezier-curve_06

まとめ

鉛筆で線を描くのと違って、下敷きを曲げるように線を作っていくという操作感は独特ですよね。
慣れないうちは不自由に感じると思います。
ですが、工業製品のような滑らかな曲線はベジェ曲線でしか作れないものです。マウスで操作できるのもいいところ。

イメージが掴めたら、実際の操作の基本はこちらで解説していますので、ぜひチャレンジしてみてください。
blog image-illustrator-pentoolペンツールでベジェ曲線を描くコツはアンカーポイントの打ち方にあり!

pentraining-sampleペンツールでベジェ曲線を練習するための初心者向けトレース素材画像

■この記事を書いた人 Tantan(デザイナー)

18歳まで広島育ち。大阪・東京でデザインの経験を積み、先日広島にUターンしてきました。糖質制限を実践中で冷凍庫には牛肉を常備。最近気になるキーワードは「ミニマリスト」。でも家の中を散らかしまくる2児の子育てに疲労困憊。

関連記事

  1. DSC_1817 「広島フロントエンド勉強会 デザイン部 Vol.2」開催レポート…
  2. Hirofuro-logo-8 広島フロントエンド勉強会 & 広島Unity勉強会 特…
  3. ba2d551a71d04d5d845f05aa74658fb5_m パソコンスクール HA*NA講師を終えて
  4. hirofro20161104-1 「広島フロントエンド勉強会 Vol. 3」開催レポート&告知
  5. 2027thum オープンセミナー2017@広島に参加してきました
  6. tsubomi 4月7日 お花見の参加者を公募します
  7. news_study 第95回「WEB TOUCH MEETING」にUstreamで…
  8. Hirofuro-logo-8 エム・フィールド 広島オフィスで「広島フロントエンド勉強会 Vo…

最近の記事

  1. DSC_0072
  2. Hirofuro-logo-8
  3. carp9
  4. carp8
  5. carp7
PAGE TOP