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

Illustrator

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

更新日:

スポンサーリンク

 

イラストレーターの基礎編
ペンツールでベジェ曲線を描くをご紹介しますね!

ベジェ曲線の描き方を簡単な動画で解説しているので、初心者の方はぜひ参考にしてみてくださいね。

描き方が独特なベジェ曲線。
イラレを使ってみようと始めたはいいけど、このベジェ曲線で行き詰まったって人もいるんじゃない?

ペンだからマウスをドラッグしながら線を引いていくんじゃないの?
っていう先入観があると余計にややこしく思えちゃいますよね。

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

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

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

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

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

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

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

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

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

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

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

 

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

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

するとこんな感じ。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://www.buzzgeekmagazine.com/illustrator-pen-straight/

 

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

 

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

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

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

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

閲覧ありがとうございました!

30秒で完了!ChromeでWordPress記事のスマホプレビュー簡単表示法... ChromeでWordPressの記事のスマホプレビュー設定が30秒でできます! いやもしかしたら、もっと早く出来るかもしれませんねー。 それぐらい恐ろしく簡単です。 そもそもなぜGoogle Chromeでワードプレス記事のスマホプレビューを表示しようと思ったのかというと、スマホプレビュー表...
低解像度画像の劣化を抑えて高解像風に加工できるソフトが使える!... 広告に使う予定の写真の解像度が低い! クライアントに聞いても低い解像度の画像しかないといわれてどうしよう…? どうにかして低い解像度を高解像度に拡大することはできないの〜? 写真を扱うプロとして無理矢理解に写真の像度を上げるなんて、本当はダメな方法だとわかっているけども、リサイズできないものか...
Illustratorで文字に立体的な影の付け方 | 簡単設定チュートリアル... Illustratorで作る立体的な影の付け方を紹介! ドロップシャドウや3D効果を使わずに簡単に設定できちゃう! これまたお手軽で便利な方法なんで、ササッとマスターしちゃってくださいね。 っていうか、本当に簡単だから拍子抜けしないでよっ!! このチュートリアルを覚えれば、タイトルや見出し、...
イラストレーターCCの基本的な使い方!ツールの紹介【基礎編】... イラストレーターCCの使い方 ツール基本編!! 今回は超基礎的な初心者のあなたや、イラレに興味あるけど、どんな感じのソフトなの? って思っているあなたに見て欲しい!! 基本的によく使うツールを今回は超超簡単な短い動画でサンプル的に見て下さいね。 イラストレーターというぐらいですから、オブジェ...
【イラレCC技】ひと手間で文字の立体感を簡単に2〜4割増しにする方法... 今回はイラストレーターCCでも文字に立体感を出すチュートリアルになります! 10秒から1分間ぐらいのひと手間加えるだけで文字の立体感を2割〜4割ぐらいアップさせることができます。 文字だけでなく他のオブジェクトにも流用できるテクニックなので、ぜひ覚えてどんどんレベルアップしてみてください!! ...
脳は大人・老人でも一生成長する!読書で脳力を鍛えて能力を伸ばそう!... あなたは頭が良くなりたいですか? IQが高くなりたいですか? 将来、認知症になりたくないと思っていますか? 記憶力をもっとアップさせたいですか? 上記に上げた質問をすべてクリアしてくれる方法があるんです。 それは脳を成長させることなんです。 でも大人になっても脳は成長するの? そう...
WordPressプラグイン Quick Adsense日本語表示のやり方!コピペで簡単... WordPressプラグインの「Quick Adsense」をインストールして、そのまま使うと日本語表示が文字化けするので注意!! 特にアドセンスの「スポンサーリンク」が文字化けすると規約違反にもなるのできちんとスポンサーリンクが日本語表示されるようにしましょう! やり方は本当に簡単です!! ...

スポンサーリンク



-Illustrator

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.