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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

するとこんな感じ。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

 

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

 

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

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

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

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

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

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

 

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

 

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

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

関連記事

  1. イラレ,使い方,画像,ラスター,ベクターベクター

    イラレの使い方!ラスター画像をベクターデータへ変換する方法!

    イラストレーターCCでラスター画像(jpeg・ping・bmp・gif)をai形式のベクターデータに…

  2. イラストレーター,パターン,素材,チェック,無料

    イラストレーターの無料で高品質なチェックのシームレスパターン素材…

    イラストレーターの無料のシームレスパターン特集!!今回は、デザイナーにオススメな高品質なチェックパタ…

  3. Illustrator,チュートリアル,CC,画像,切手

    Illustrator CCチュートリアル | 画像・写真を切手…

    Illustrator CCチュートリアル画像編!!イラレで画像や写真を切手風デザインにする作り方を…

  4. イラストレーター,使い方,基礎,初心者

    イラストレーターCCの基本的な使い方!ツールの紹介【基礎編】

    イラストレーターCCの使い方 ツール基本編!!今回は超基礎的な初心者のあなたや、イラレに興味あるけど…

  5. Illustrator,CC,文字,変形,ツール

    便利で超簡単!Illustrator CCでテキストを1文字ごと…

    イラストレーターでテキストにアウトラインをかけずに、なんと1文字ずつ個別に変形する、スゥゥゥーーーパ…

  6. イラストレーター,木目,ウッド,テクスチャ,チュートリアル

    Illustratorテクニック木目調自作編!ウッドテクスチャチ…

    イラストレーターで木目調のテクスチャを自作で作るチュートリアルを今回はご紹介!自分で描き方をマスター…

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

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

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

  8. イラストレーター,マップ,制作,エフェクト,チュートリアル

    イラレでマップ制作時に役立つエフェクト!質感を簡単にアップする方…

    Illustratorの簡単エフェクトチュートリアル!!今回は、地図やアクセスマップを作る際に、道路…

コメント

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

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

CAPTCHA


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