creatersnest100

【Illustrator】ベジェ曲線について理解できるようになるおすすめ記事15選


Illustratorで最も代表的で、最も難しいのがペンツールによるベジェ曲線の描画です。
これに異論を唱えるデザイナーは、恐らく世界中探してもいないと思います。

デザインもこれを習得すれば一段とクオリティが上がります。
作りを理解して、地道に練習に励みましょう。役立つ記事をご紹介します。

 

LIGINC.

title-655x436イラレが得意になる!ロゴ作りから学ぶベジェ曲線の基本と疑問点

主にウェブサイト制作をされている株式会社LIGさんのブログです。
Illustratorだけでなく動画やウェブデザインについても多様なカテゴリのTipsが掲載されています。
オブジェクトのトレースに有効なベジェ曲線ですが、
なぜベジェ曲線でないといけないのか?という多角的な視点で書かれており、
基礎的な内容がわかり易く書かれています。

 

OZPAの表4

5663235092_f1ef18b8aeIllustrator初心者の方へ送る、ベジェ曲線を描く際知っておくと便利なことと練習法

デザイン系人気ブロガーさんのブログです。サイト構成がとても読みやすくなっています。
デザインだけでなくウェブデザイン、WordPressのカテゴリも掲載されています。

アンカーを打った後のドラッグ方向が分かりやすかった記事です。
これまで筆者はベジェ曲線を描画する際、
「アンカーをどこに打つかは製作者の匙加減だな」とよく思っていました。

でもこの記事を読んだとき、自由に見えてその実、
打つべき点はトレースするオブジェクトが決まった時点ですでに決まっている!! のだなぁと
考えさせられました。

 

Web Design RECIPES

DIllustrator(Photoshop) のペンツールできれいなパス、ベジェ曲線を描くためのコツ(私流)

フリーのwebデザイナーさんのプライベートブログです。

この記事の中で筆者は名言を見つけました。
それはズバリ、「アール(カーブの角度)が変わる時、アンカーが必要」!です!
一度書いてみた人には分かる、思わず深く頷いてしまう核心を突いた一言。確かにそうです!

 

KANDEZA.COM

20_sharp-or-sharper_52Illustrator初心者さんへ。メリハリをつけるとベジェ曲線が綺麗に描けると思った件

フリーのデザイナーさんが超初心者の方の役に立つように、と書かれているブログです。

角・直線・曲線用の描き方の基本をマスターして、うまく使い分けましょうという主旨の記事です。
デザインを仕事でなく趣味でやっている方には、
ずいぶん細かい点を気にするのだなぁと思われるかもしれませんが、
その細かい所がデザインの質に大きく影響するので、無視はできないんですよね。

 

atskimura-memo

20140308204426Illustratorのベジェ曲線で効率よくトレースする俺ルール

プログラマさんのブログです。
基礎の説明は割愛してありますが、独流のコツが紹介されています。

ベジェ曲線のTipsには必ずと言っていいほど、
データを軽くするためにアンカーポイントを少なくしなさいとありますが、
そうするとどうがんばっても滑らかな曲線が実現できない場合があります。
そこで時間を食うよりかは潔くアンカーポイントを追加したほうがいいかもしれません。

 

どどFactory

image1_03_1Illustrator・ベジェ曲線講座

こちらのサイトは、ベジェ曲線だけでなくIllustrator全体について、かなり詳しく説明が書かれています。
初級編と上級編に分かれており、段階をおって理解を進めていくことができます。

 

ideal

blog_img

Illustratorでパス(ベジェ曲線)を描くために知っておきたい基礎知識

ベジェ曲線だけでなくパスの基本から説明してくれいています。
まずベジェ曲線の構造を理解し、基本操作、 ハンドル操作、様々なラインの描画方法といったことを丁寧に教えてくれる記事です。
まさに基本の「き」ですね!
初心者のかたはこちらから入るといいかもしれません。

 

KOJIKA17

bejierベジェ曲線が慣れてきた人の為のillustratorの使い方

ベジェ曲線を扱いなれると、このサイトのようなオリジナルフォントを作る際も役立ちます。
難易度は上がりますが、腕が上がり一気にプロっぽさがアップします!
ぜひチャレンジしていただきたいですね。

 

webクリエイターボックス

girl18Illustratorチュートリアル【女の子】

こちらはかなり上級者です。人物イラストからデータを起こしています。
手順が動画で紹介されているので、動画を見ながら同じように進めていくことができ、効率良く学べます。

 

CREATOR BLOG

2014-06-01_1837552【Illusrator・初心者向け】ベジェ曲線を極める! Illutratorで美しい曲線パスを描こう!

アライド・アーキテクツというSNSプロモーションを支援する企業のブログです。
Illustrator・Photoshopなどのデザインツールだけでなく、
webデザインやコーディングについての記事も掲載されています。

 

The Bezier Game

top_mThe Bezier Game

「習うより慣れろ」戦法で非常に有効なこのサイト。
アンカーポイントを置くべきところがすでに表示されているので、あとはドラッグ具合を調節するだけ。
操作中に押すといいショートカットも表示されるので親切設計です。

 

創作活動応援サイト CLIP

dataベジェ曲線を攻略-2次ベジェ編

クリエイターを応援するサイトの使い方講座のページです。
3次ベジェ曲線の使い方をレクチャーするページも別に用意されていて詳細な記事です。
シーンによって2次と3次を使い分けるにはどう判断したらいいのか?という方法も記載されています。

 

Illstrator基礎講座

300x300xr_4.gif.pagespeed.ic.RJv_MMD4IORを描く-1

趣味でドロー系ソフトを駆使されている方のtipsブログです。

「方向線の長さは描こうとする線の1/3の長さが適切」・・・独学の方あなどれませんね。
筆者も講師から習って以来すっかり忘れていたこのコツを思い出させていただきました。

 

KOJIKA17

bezier2
ベジェ曲線が慣れてきた人の為のillustratorの使い方

アンカーは最小限に、というのはどのTipsでもよく言われていますが、
それよりもハンドルの調整をいかにうまくするかが、いい曲線ができる極意と語られています。
アールが100度の曲線をうまく描けるよう修行すると中級者の目安だとか。

 

DTP transit

trace3色ボールペンで行うベジェ曲線の練習方法

文字のパスはかなりシビアなので、ベジェ曲線の練習に持ってこいだそうです。
アウトライン化すれば「回答」がわかりますので、模擬試験のノリで楽しく練習できそうです。
aからzまで26文字で行えば上級者への扉をくぐったに等しいかもしれません。

 

最後に

いかがでしたか?どれも見応えのあるサイトばかりだったと思います。
もし、デザインをしていてベジェ曲線の壁にぶち当たったら、何度でも読み返してください。
初心者だった自分にはわからなかったことが、
時間が経つとなぜかわかるようになっていたりするものです。

たくさん練習して、ベジェマエストロになってくださいね!

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


NESTonlineBlog編集部

NESTonlineBlog編集部です。ご寄稿頂いた記事などを公開していきます。

Next Articleまずはこれを知っておこう!これからphotoshopを使う人のための超基本テクニック