



アドビ イラストレーター(Adobe Illustrator)を始めとするドローソフトに、なくてはならないベジェ曲線。イラスト作成やトレースをする場合に必要になりますが、慣れるまでが大変です。私も初めてペンツールを使ったとき、どこまでも延びていくベジェ曲線に何が何だかわからず唖然とさせられました。
筆文字のように少しぐらい違っていても気付かれないものは、ライブトレース機能やAdobe Streamlineで一発自動トレース! 中マドなどの不具合を調節して出来上がります。
しかしイラストレーターを使って、下絵からトレースしたり鉛筆ツールで描いた線を編集したりというときに、ベジェ曲線の使い方(コツ)が分かっていないと一苦労です。習うより慣れよとは言うものの、ベジェ曲線の理屈も知らずにペンツールで闇雲に練習をしても時間の無駄です。
ベジェ曲線がよく分からない方や何となく使っている方は、ベジェ曲線の特性、特に方向線をどのようにコントロールするかを理解する必要があります。
そんなベジェ曲線を図解したものが[ベジェ曲線初級編]です。以前、新入社員へイラストレーターを教えるときの説明を中心にまとめたものです。おもにロゴマークやキャラクターのようなトレース(描写)に役立つことでしょう。
イラストレーターのペンツール、フォトショップのパス、Shadeの線形状などに共通です。Mac/Win共通です。もちろんFlashやFreehandも考え方は同じです。
The lecture of the Bezier curve.(英語版)へ
| 01 |
ベジェ曲線とは何か?
|
ドローソフトとペイントソフトとの違い (データをドローとペイントのどちらで作成するか) |
| 02 |
アドビイラストレーターとフォトショップで解像度を扱う |
解像度について (解像度を決める基準) |
| 03 |
ベジェ曲線のしくみと用語 |
ベジェ曲線の構造 (アンカーポイント・セグメント・方向線・孤立点・オープンパス・クローズパス) |
| 04 |
ベジェ曲線の方向線のイメージ |
ベジェ曲線を描くときのイメージ (方向線の役割を理解するために) |
| 05 |
ベジェ曲線の方向線についての補足 |
方向線についての補足 (滑らかな曲線を描くための知識) |
| 06 |
クリックかドラッグか?
|
作図中、クリックとドラッグの使い方 (ベジェ曲線の描き方1・2) |
| 07 |
切り替えツールを使う
|
作図中、切り替えツールの使い方 (ベジェ曲線の描き方3〜5) |
| 08 |
Shiftキーの出番
|
水平・垂直線の描き方 (Shiftキーの使い方) |
| 09 |
ベジェ曲線を修正 |
イラストレーターのベジェ曲線を修正する方法 (アンカーポイントの追加と削除、方向線の修正方法) |
| 10 |
ベジェ曲線のアンカーポイントの
|
アンカーポイントの位置について (アンカーポイントの位置や数についての知識) |
| 11 |
ベジェ曲線を一気に描くことは
|
修正の必要性 (ベジェ曲線を描いた後、必ず修正が必要な理由) |
| 12 |
下絵をベジェ曲線でトレース
|
イラストレーターで行うトレースの過程1 (下絵の準備から、トレースするまで) |
| 13 |
ベジェ曲線を調整して完成へ
|
イラストレーターで行うトレースの過程2 (トレースした曲線を調整) |
| 14 |
二度手間にならないようベジェ曲線を
|
修正しやすいベジェ曲線の描き方 (簡単に修正できるようなベジェ曲線を描くポイント) |
| 15 |
直線に滑らかなベジェ曲線をつなぐ |
イラストレーターで滑らかな曲線を延長する方法 (傾いた直線から滑らかに曲線を描き足す方法) |
| 16 |
複合パスに、こんな使い方あります |
複合パスの便利な使い方2種類+補足 (中マド以外の複合パスの使い方) |