学術的な理解はさておき次に進みましょう。曲線ツールではベクターレイヤーを使うのがデフォルトもちろんラスターレイヤーでも作成できますが、ベクターレイヤーで作ったほうが制御点が確認できたり、編集できるので便利です。曲線ツールで2次ベジェ曲線を使うhttp://souzoulog.com/wp-content/uploads/2020/02/video13.mp4おっと何度も使っていた曲線ツールはデフォルトで2次ベジェ曲線だったんですね。クリスタは機能をサブツール詳細からチェックを入れないと表示できないし使用できないことがあるので見逃しやすいです。デフォルトでは曲線ツールで2次ベジェが使われてることすら表示されていません。ついでに角度の刻みもいれておきます。知らぬ間に2次ベジェ曲線を利用してたことにびっくりです。曲線ツールの2次ベジェは以下の記事で一度扱っています。point):線を管理するための点。どのくらいの幅の線にするか、どのくらいの角度にするかなどを決める点。クリスタでは制御点によって直線を構成してから、方向点で線を曲げる。学術的には方向点も制御点の一種。考えるとコントロールポイントと呼んでいた点は「方向点」だったんですね。学術的には”方向点も制御点も同じ制御点”として数えられます。方向点と制御点2つの合計3つの制御点で構成されることになります。Nー1次曲線に当てはめると、3-1=2次曲線ということなります。ベジェ曲線の由来がなんとなくわかりましたね。ALTを使って連続曲線を描く連続曲線ではALTkeyが重要になってきます。上の画像を見てください。ALTありの連続曲線と、ALTなしの連続曲線、どちらともクリックする位置は同じです。違うのはALTを押しながらクリックしたかどうかです。ポイント・連続曲線中のALTを押しながらクリックするとどうなるか:方向点ではなく制御点が作られる画像を見ればわかるのですが、方向点の場合は「↓(矢印)」で制御点の場合は「📷(カメラ?)」の記号です。イメージとしては、ALTを押しながらクリックして曲線を終わらせると、前の曲線が次の曲線に影響を受けない感じですね。具体的に言うと連続曲線ではなく、曲線単体を並べているイメージです。http://souzoulog.com/wp-content/uploads/2020/02/video23.mp4上の動画は両方の挙動を比較したものです。上の線は「前の曲線が次の曲線に影響を受けている」ことがわかります。ALTを使った連続曲線の練習たとえば上のような曲線を描きたい場合も便利です。最初はすごく悩んだのですが、ALTを使えば簡単でした。うまく行かなかった例から紹介します。ALTを使わずに方向点ばかりを作ってしまった失敗例です。次にALTをうまく使った成功例です。違いがわかりにくいですよね。ポイントは最初と最後のALTクリックです。連続曲線は曲線の集まりです。直線を引いてみるとわかります。曲線を連続して描くのは得意ですが、曲線じゃない直線が途中で混じってくると苦手なのです。クシ型の図形を形成しない部分は苦手なのです。クシ型とクシ型以外の線を分けて、クシ型の以外の線はALTクリックで区切ってしまえばいいわけです。ALTは直線的な線を途中で入り込ませられるので意外と便利ですね。こんな形もALTを利用すれば出来ます。左上からはじめてクリック→ALTクリック→ALTクリック→クリック(方向点)→クリック(左上に戻る)です。ポイント・ALTを押しながらクリックすると制御点が作られる・制御点が作られるということは、一旦曲線が区切られることになる。ALTを使って吹き出しを作る公式で紹介してたベジェ曲線を作ってみましょう。(ALT)で区切っていますね。基本的にこの吹き出しは連続曲線を使わなくても出来ます。曲線ツールを連続して使えばいいだけです。難しいところはありませんね。ポイントは線の中央の高さの2倍の位置に方向点を設置することと、一つ一つの曲線ごとをALT+クリックで終わらせることです。ALT+クリックではなく、エンターで区切ると曲線と同じ挙動になります。違いは全体を1つのオブジェクトとして扱うか、バラバラに扱うかです。ALTを使って柔らかい星をつくるこれもとくに説明することはないんですよね。要するに連続曲線が苦手な直線はALTを使って区切るだけのことです。直線のみから形成される星です。ちなみにこれは連続直線ツールで作りました。曲線にしたい箇所を選びましょう。今回は外側の5つの角を丸めます。これをすべての角で繰り返すだけです。青がALTクリック(制御点)、赤がただのクリック(方向点)、黒がクリック(終始の制御点)です。ちなみにベクターレイヤーの線画でもラスタライズすればきれいに塗りつぶしすることが出来ます。星の形(直線のみ)を描くのが難しいという人は適当な星の画像を探して連続曲線でトレースしましょう。曲線ツールとの違い先程は連続曲線ではなく曲線ツールで2次ベジェを確認しました。今度は連続曲線の2次ベジェを確認しましょう。以下の記事ではベジェ曲線を扱わず、スプライン曲線を扱いました。今回はスプライン曲線ではなく、2次ベジェ曲線を扱います。2次ベジェ曲線への切り替え方はスプラインの隣りにある2次ベジェ曲線をクリックするだけです。http://souzoulog.com/wp-content/uploads/2020/02/video14.mp4曲線ツールで描いた曲線と同じものを作ってみました。http://souzoulog.com/wp-content/uploads/2020/02/video13.mp4曲線ツールの挙動と全然違いますよね。曲線ツールでは「最初に第一と第二制御点を決めてから方向点を後で決める」のに対し、連続曲線ツールでは「第一制御点を決めて、次に方向店を決め、最後に第二制御点を決める」という順序になっています。ちなみにグリッド線は表示から出すことが出来ます。歪む連続曲線さきほどの線は、曲線ツールと同じように描けたと言いました。たしかに曲線ツールと同じように連続させなければ同じでした。今度は同じ線を連続させてみました。歪んでしまっているのがわかるでしょうか。先程の線は最後の制御点をエンターで終わらせましたが、次の線はエンターでは終わらせずにクリックして制御点をつけ、次の線へとつなげました。すると線が歪んでいたのです。tokiどうして?おそらくですが、始点の制御点と、終点の制御点以外はすべて方向点なのです。最初の始点とエンターで区切るときの点は制御点ですが、クリックで押すときの点は方向点になってしまっているのです。グリッド線がなくてもできますが、合ったほうがわかりやすいですよね。http://souzoulog.com/wp-content/uploads/2020/02/video15.mp4さてそれではこのような線を描くためにはどのように方向点を考えたらいいでしょうか。ちなみに上の図は制御点2つに対して方向点1つになるようにして、一つの曲線ごとに区切りました。構造的には曲線ツールを使っているのと変わりありません。オブジェクトが別々に作られている状況です。制御点や方向点の確認はベクターレイヤーで描くことで確認できます。ベクターレイヤーで作った制御点は操作ツールのオブジェクトで確認できます。ベクターレイヤーの使い方は以下の記事をどうぞ。PAINT】http://souzoulog.com/wp-content/uploads/2020/02/video16.mp4今度は第2方向点の位置を少し大きくとってみました。制御点と方向点の位置は上のようになっています。途中の制御点が余計だったんですね。上の図のように、別々にオブジェクトが作られることなく、1つのオブジェクトとして作ることが出来ました。失敗してしまった曲線を比べてみるとよくわかりますね。余談ですが、方向点が複数あると、2次ベジェではなく、X次ベジェになってしまうのではないでしょうか。(無理やり解釈すれば)方向点がいくつあっても1つとして扱えば、合計3つの制御点から構成できますね。学術的な話には疎いので放っておきます。そもそもALTを使えばいいややこしい場合はALTで区切ってしまってもOKです。ALTを押す場合と、押さない場合では見た目の差はありませんが、編集の面で違いが出てきます。ALTクリックをした曲線は中央に制御点ができています。この制御点が編集面で大きな変化を与えます。http://souzoulog.com/wp-content/uploads/2020/02/video25.mp4ざっくりいえば、連続曲線で形成された線は制御点から制御点の間のすべての線が連動しています。ALTクリックを間に挟むということは、そうした連動を切断するということになります。方向点は便利?2次ベジェ曲線では方向点があります。スプライン曲線や直線では方向点がありません。http://souzoulog.com/wp-content/uploads/2020/02/video19.mp4オブジェクト操作で方向点を操作できるというのはメリットかもしれませんね。http://souzoulog.com/wp-content/uploads/2020/02/video20.mp4http://souzoulog.com/wp-content/uploads/2020/02/video21.mp4スプライン曲線は、方向点でコントロールするわけではないので、自分でうまくカーブを形成する必要があります。このカーブがなかなか難しく、コツが要ります。簡単な方法があるかもしれないので今後の研究課題にします。幾何学的な知識があればもっと自由自在にコントロールできるようになると思います。個人的にはスプラインのほうが臨機応変に対応できるので好きですね。http://souzoulog.com/wp-content/uploads/2020/02/video22.mp4単純な変形という意味ではやはり2次ベジェのほうが得意ですね。細かくて複雑な変形はスプラインのほうが得意なイメージです。公式ページでは「方向点」というワードがありますが、ソフト側では「方向点を追加する」というワードはないのです。「制御点を追加する」を押しても「方向点」が追加されることもあるのです。方向点ではないほうの制御点はどうやって追加するのか。