menu

イラストレーター基礎編!ペンツールのベジェ曲線の描き方練習法!

イラストレーターの基礎編!ペンツールでベジェ曲線を描くをご紹介しますね!ベジェ曲線の描き方を簡単な動画で解説しているので、初心者の方はぜひ参考にしてみてくださいね。

使いやすい高品質画像はこちら
>>>>>高品質画像『Shutterstock』 <<<<<
簡単無料無料で使い放題!
>>>>>ベクターデータのイラストなら【イラストAC】<<<<<

描き方が独特なベジェ曲線。イラレを使ってみようと始めたはいいけど、このベジェ曲線で行き詰まったって人もいるんじゃない?ペンだからマウスをドラッグしながら線を引いていくんじゃないの?っていう先入観があると余計にややこしく思えちゃいますよね。

ぼくも使い始めた頃はそうでした。と言ってもイラストレーター8なので今ほどイラレの機能も充実していなかったので、それと比べると今は曲線ツールという新しいペンツールが増えてますからねーー。

今回は、普通のペンツールで描くベジェ曲線の練習をしましょう!この方法で描く事を覚えればトレースなんか楽勝になりますよ。

イラストレーターのペンツールで曲線を描いてみよう!!

ベジェ曲線をしっかりと練習してマスターしちゃいましょう!

苦手苦手と頭の中だけで思っていたらできるものもできなくなっちゃいますよね。

ということでペンツールのベジェ曲線を上達させるには、やっぱり練習するのが一番!!!

まずは動画でどんな風にベジェ曲線を描いていくのかを見てイメージをつかみ取ってください。

イメージトレーニングって本当に重要なんですよ。

動画の中でクリックした後に線が左右に出ると同時に細い曲線のラインが表示されていて、それが曲線を描く感じのイメージがつかめたでしょうか???

ベジェ曲線はクリックした点と点を結んで線を描いていきます。

そして、その曲線を調整するのがクリックしてドラッグすると出てくるハンドルという左右に向かってでる線です。

 

つぎは描いていく課程を画像で解説してみます。

まずは添付の練習用データの「circle.ai」を開いてください。

するとこんな感じ。

イラストレーター,ペンツール,基礎,曲線,ベジェ曲線

つぎに下絵の円の下側の中心をクリックします。

そしてそのまま左に向かってドラッグします。

するとーー、ハンドルと呼ばれる細いラインが左右に向かって出てきます。

下の画像ぐらいまで「shift」を押しながら左にドラッグしてハンドルを伸ばしていきます。

イラストレーター,ペンツール,基礎,曲線,ベジェ曲線

その次は円の左側の中心をクリックしてshiftを押しながら上に向かってドラッグしていきます。

これまた下の画像ぐらいまでハンドルのラインが伸ばします。

イラストレーター,ペンツール,基礎,曲線,ベジェ曲線

その後は円の上側の中心をクリックして今までと同じようにハンドルを伸ばします。

イラストレーター,ペンツール,基礎,曲線,ベジェ曲線

次は右側の中心をクリックして、同じようにハンドルを伸ばしていきます。

イラストレーター,ペンツール,基礎,曲線,ベジェ曲線

そして最後に最初にクリックしたところに戻ります。

そこでカーソルの横に○マークが出たらクリックしてパスを閉じます。

イラストレーター,ペンツール,基礎,曲線,ベジェ曲線

「パスを閉じる?」って思った方は下の記事を参考にしてね。

 

 

こんな感じでベジェ曲線は描いていきます。Shiftを押しながらハンドルを操作すると上下左右斜めをブレずに固定して描けるのでとっても楽ですよ。

 

イラストレーターのベジェ曲線のまとめ

イラストレーターで写真・画像をトレースする際にもベジェ曲線が本当に活躍してくれます。

最初は手こずると思います。ですがマスターすれば、なんてことない作業です。

しっかりと練習してみましょう。

添付のベジェ曲線の練習用データには下記のような画像が入っています。点線をなぞるようにベジェ曲線を描いてみてくださいね。

イラストレーター,ペンツール,基礎,曲線,ベジェ曲線 イラストレーター,ペンツール,基礎,曲線,ベジェ曲線 イラストレーター,ペンツール,基礎,曲線,ベジェ曲線 イラストレーター,ペンツール,基礎,曲線,ベジェ曲線

 

素材のダウンロードはこちらから!

 

イラストレーター,ペンツール,基礎,直線,描き方イラストレーター基本編!ペンツールで直線の描き方練習法!

イラストレーター,使い方,画像,写真,ポラロイドイラレの使い方画像編!配置写真をポラロイド風に簡単加工!

関連記事

  1. イラストレーター,使い方,ブレンドツール,操作

    イラストレーターの使い方基礎編 | ブレンドツールの基本操作マニ…

    イラストレーターのブレンドツールの必ず知っておきたい基本操作を画像で解説!!イラレ初心者の方でブレン…

  2. イラストレーター,使い方,画像,写真,ポラロイド

    イラレの使い方画像編!配置写真をポラロイド風に簡単加工!

    イラストレーターで写真をポラロイド風に見せる簡単加工をご紹介!!ちょこちょこっと設定をするだけでよく…

  3. イラストレーター,作り方,もこもこ,文字,雲

    イラレで可愛いもこもこ文字の作り方!雲エフェクトチュートリアル!…

    イラストレーターで作る雲のような簡単もこもこ文字の作り方をご紹介!!かわいいポップな感じのデザインで…

  4. illustrator,チュートリアル,エフェクト,きらきら,文字

    イラレでキラキラ グリッターエフェクト文字の作り方チュートリアル…

    イラストレーターでキラキラした感じのグリッター風のエフェクトを文字にかける方法をご紹介!そんなのPh…

  5. イラストレーター,桜,さくら,サクラ

    Illustratorで桜のシルエット・パターンの描き方チュート…

    イラストレーターで桜の描き方チュートリアル!デザインやレイアウトでヘビーローテーションな桜のシルエッ…

  6. イラストレーター,ワープツール,使い方

    イラストレーターの使い方 | ワープツールの基本操作をザクっと紹…

    イラストレーターの使い方で最低でも知っておきたい基本的なツールを紹介!今回はワープツールの基本動作を…

  7. Illustrator,文立体,影,シャドウ,付け方

    Illustratorで文字に立体的な影の付け方 | 簡単設定チ…

    Illustratorで作る立体的な影の付け方を紹介!ドロップシャドウや3D効果を使わずに簡単に設定…

  8. イラレ,使い方,文字,吹き出し,可変

    イラレCCの使い方!文字サイズに応じて変わる吹き出しの設定方法!…

    イラストレーターCCの使い方文字篇!!フォント(テキスト)の文字サイズに合わせて自動で変わる吹き出し…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


PAGE TOP
error: Content is protected !!
%d人のブロガーが「いいね」をつけました。