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

提供者 : セルシス    更新日 : 2016/12/01   
閲覧数 : 63445回 総合評価 : 20件

使用したバージョン:CLIP STUDIO PAINT Ver.1.3.0

ベジェ曲線は、「どれくらいのカーブを持つ曲線か」を何個かの制御点(とアンカーポイント)を使って作成する曲線です。
フリーハンドで描く曲線よりもなめらかな曲線を描きたいときなどに役立ちます。

CLIP STUDIO PAINTではベジェ曲線を作成する際に[2次ベジェ]と[3次ベジェ]が使用できます。
今回は[2次ベジェ]のしくみと使い方を紹介します。

[1]2次ベジェのしくみ
[2]2次ベジェの使い方
[3]2次ベジェが得意な図形
[4]ベクターレイヤーで編集する
[5]定規として作成

[1]2次ベジェのしくみ

2次ベジェは複数の制御点とアンカーポイントで構成される曲線です。

制御点が2つの場合(①→②の順番にクリックで点を指定します)、線は始点①と②を最短で結ぶ線(つまり直線)が描画され、曲線にはなりません。

制御点が3つの場合(①→②→③の順番で制御点を指定しています)、①と③を結ぶ線を描きますが、②の制御点に影響をうけて線にカーブがかかります。

ここで重要なのは「線が通らない点(アンカーポイント)がある」ということです。
2次ベジェ曲線は、最低でも「2つの制御点と1つのアンカーポイント」で曲線が描画されます。

制御点が4つある場合は、始点の①と終点の④の制御点を結ぶ曲線が描画されます。
始点①と終点④が違う位置にある場合は、②と③の点はカーブを制御するための「アンカーポイント」になります。

[2次ベジェ]でのアンカーポイントは、線を輪ゴムで引っ張る様子イメージするといいでしょう。
ベジェ曲線は頭で考えていると少しややこしいので、どんな操作になるのか実際に使って試してみてください。

 

[2]2次ベジェの使い方

[ツール]パレットで[図形]ツールを、[サブツール]パレットで[連続曲線]ツールを選択します。
[ツールプロパティ]パレットの[曲線]オプションで[2次ベジェ]を選択します。

POINT
CLIP STUDIO PAINT Ver.1.5.5より曲線のプレビュー方法が、変わりました。描画中でも線の色や幅などが反映されます。
以前のような簡易表示に戻したい場合は、[ファイル]メニュー→[環境設定]ダイアログ→[ツール]→[図形系ツールで作成途中の線は簡易表示]にチェックを入れます。


単純なカーブの描き方

[連続曲線]で単純なカーブを描いてみましょう。

①始点→②アンカーポイント→③終点の3点を指定します。どんな曲線が描けるかのプレビューが表示されるので、参考にしながら指定します。
②の位置でクリックするとアンカーポイントが設定されます。
③の位置では[Enter]キーで終点を設定します。②と同じようにクリックしてしまうと、終点ではなくアンカーポイントとして設定されるため、カーブの形状がプレビューとは変わってしまいます。
※終点は、[Alt]キーを押しながらダブルクリックする動作でも設定できます。

 

角を作る

制御点を指定するときに[Alt]キーを押しながらクリックすると、角をつくることができます。[Alt]キーを押しながらクリックしたポイントは直線で結ばれます。

たとえば[連続曲線]の[2次ベジェ]では下図の終点(⑤)を始点と同じポイントに指定すると、すべての点がアンカーポイントになり、カーブを制御するために利用されるため、丸い形状の図形が描かれます。

ここで、最後(⑤)のポイントで[Alt]キーを押しながら指定すると、その部分だけ「角」になり、しずくのような形になります。

POINT

一番最初に指定するポイントは[Alt]キーを押しながら指定することはできません。

始点と終点のポイントが同じ場所にある場合、必要であれば終点を指定するときに[Alt]キーを押しながらクリックします。

 

[3]2次ベジェが得意な図形

2次ベジェを利用して描ける図形の描き方を紹介します。実践的に2次ベジェの使い方を試してみましょう。

 

・張りフキダシ

大声のフキダシであるような曲線の組み合わせ。このような図形も2次ベジェの方が素早く作成できます。

 

・複雑な形の角丸

角丸の図形を描きたいとき、角丸四角であれば[長方形]ツールの[角を丸さ]オプションを使って簡単に作成できますが、複雑な図形の角を丸くしたいときには、2次ベジェを活用するといいでしょう。

下図のように、カーブは3つのポイントを使い、角の部分の手前で[Alt]を押しながらクリックするポイントと、そのままクリックするポイントの組み合わせで指定していきます。

下図の星型のような複雑な図形を描くときは、先に下描きしておきます。
「カーブが始まる」ポイントと「カーブが終わる」ポイントを考えながら描いてみましょう。

 

[4]ベクターレイヤーで編集する

ベクターレイヤーで描かれた線であれば、[操作]ツールの[オブジェクト]で曲線を指定したり、アンカーポイントをドラッグして、あとから曲線の形状を自由に変更できます。
※ベクターレイヤーについて詳しくは、こちらをご覧ください。

[オブジェクト]ツールでベクターレイヤーを選択すると[ツールプロパティ]パレットがこのような表示に切り替わります。

[操作]オプションで[制御点と拡縮回転]か[制御点]を選んでおけば、2次ベジェで描いた曲線のカーブをあとから変更できます。

[オブジェクト]ツールで、描いたベクター線をクリックして選択するとアンカーポイントが表示されます。このアンカーポイントをドラッグすることでカーブの再調整が可能です。

[オブジェクト]ツールで描画した線を選択すると、線の周囲にガイド線が表示されます。ポインタをガイド線上に合わせてドラッグすると自由に移動できます。
また、上部のコントロールポイント(青丸部分)をドラッグすると、角度を変更できます。選択された状態で[コピー][貼り付け]をすると線を複製することもできます。

ただし、ラスターレイヤーに描画した線はこのような編集はできません。編集をしたい場合は必ずベクターレイヤーに描画しておくようにしましょう。

 

[5]定規として作成

2次ベジェ曲線は、[定規]ツールで作成することもできます。[図形]ツール→[定規作成]から[曲線定規]を選びます。[ツールプロパティ]の[曲線]オプションで[2次ベジェ]を指定すると、2次ベジェ曲線の定規が作成できます。

※[図形]ツールと同じ[連続曲線]というサブツールはありませんが、[曲線定規]で連続曲線が描けます。

[定規]の2次ベジェも、ベクターレイヤー上で描いた[連続曲線]と同様に[オブジェクト]サブツールであとから編集できます。

定規で曲線を作成すると、あとから好きなツールで曲線が描けるというメリットがあります。
[ペン]だけでなく[鉛筆]や[筆]、[水彩]ツールなど、線の強弱や濃淡などのタッチを表現したい場面で活用できます。

POINT
曲線定規をグリッドにスナップする

[曲線定規]で定規を作成する場合、初期設定ではグリッドなどにスナップしないよう設定されています。

[ツールプロパティ]パレットの左下にある[サブツール詳細]パレット表示ボタンをクリックして、[サブツール詳細]パレットを表示、[補正カテゴリ]の[スナップ可能]をONにすることによって、定規ツールでもグリッドなどにスナップできるようになります。

コメント
》》鬼灯颯人》》 2015/08/01 12:10
それから 操作ツールで描線指定してもアンカーポイント出てこないっす 私のやり方が間違ってるのかな?
》》鬼灯颯人》》 2015/08/01 12:07
最後のポイントの項目で パレット表示が左下 となっていますが右下 の誤りでは
Raphael 2015/04/06 07:15
面白く練習できました。 2次と、3次の違いは言葉で分かるよりも、 線を引きながら「こういうものなんだ」と 理解した方が良いですね。 2次ペジェは、定規で上手い形を作れば、 筆圧で疑似的に3時限の奥行きも作れそうで、 工夫しがいがある気分がしています。
とみな 2014/01/11 04:04
すごくわかりやすかったです
ゴスクダマンハウス 2014/01/09 14:55
初心者や中途半端に分かったと思っていた人(自分)にとって、とても分かり易い内容でした。