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

使用したバージョン：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次ベジェ]を選択します。

単純なカーブの描き方

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

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

 

角を作る

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

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

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

 

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

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

 

・張りフキダシ

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

 

・複雑な形の角丸

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

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

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

 

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

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

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

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

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

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

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

 

[5]定規として作成

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

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

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

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