クリスタの連続曲線の作成方法とその仕様を紹介!!

※記事内に広告を含みます

皆さん、本日も閲覧ありがとうございます。
山本電卓と申します。

イラスト・漫画制作ソフトCLIP STUDIO PAINT(クリップスタジオペイント)では様々なツールで「連続曲線」を作成する機会があります。

クリスタの連続曲線


今回はCLIP STUDIO PAINTにおける連続曲線の作成方法とその仕様を紹介させていただきますのでよろしくお願いいたします
( `・∀・´)ノ!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!

CLIP STUDIO PAINT(クリスタ)の「連続曲線」とは

困った時は:クリスタのウィンドウ・アイコン・項目がない時の見つけ方!!

クリスタで制御点を利用した長い曲線や折れ線を「連続曲線」と呼ぶ

クリスタにおいて「連続曲線」とは「通過点」や「方向点」といった「制御点」を設置することで作成した長い曲線(折れ線)のことを指します。

クリスタの連続曲線(通過点・方向点)


フリーハンドよりも簡単に且つマウス操作でもキレイな曲線を作成することができて便利です◎

【補足】「連続曲線」の名称に関して

この記事では分かりやすく「連続曲線」で統一していますが、クリスタ内の項目では「曲線」だけの表記の場合もあります。

クリスタ「曲線」


また、クリスタでは直線を使った「折れ線」も連続曲線の分類に属します。
そのため、「曲線」のみ、もしくは「折れ線」のみの表記のツールでも曲線・折れ線どちらも扱えます。

クリスタの折れ線選択ツール「曲線」


さらに、クリスタではサブツールで「折れ線」という表記が使われているのですが、設定では折れ線のことを「直線」で表記されています。

クリスタで「連続曲線」を使用するツール

●直接描画(図形)ツール
「折れ線」「連続曲線」「ベジェ曲線」で使用します。
こちらは「曲線」の設定が異なるだけで基本的には同じツールになります。

クリスタの直接描画ツール「曲線」
MEMO

直接描画ツールの「曲線」は1つのカーブだけ描画するツールとなり、「連続曲線」とは少し異なります。
(「2次ベジェ」「3次ベジェ」の変更項目はあります)

クリスタの曲線ツール


●選択範囲ツール
「折れ線選択」で使用します。

クリスタの折れ線選択ツール「曲線」


参考記事

クリスタ4つの「選択範囲」作成方法とその機能!!


●定規ツール
「曲線定規」を設置する際に使用します。

クリスタの曲線定規ツール「曲線」


関連記事

クリスタ定規ツールの種類と使い方・効果を紹介します!!


●流線ツール
流線を表示させる範囲を指定する際に使用します。
(「直線(折れ線)」「スプライン」「2次ベジェ」のみ)

クリスタの流線ツール「曲線」


参考記事

クリスタ流線ツールの設定&使い方!-漫画効果線を楽々作成!-


●コマ作成ツール
「折れ線コマ」で使用します。

クリスタの折れ線コマツール「曲線」


関連記事

クリスタなら重なるコマ枠も自在に作成できる!!その制作方法を画像付きで紹介します!


●コマ枠カットツール
「分割形状」の設定で曲線を選択した際に使用します。
(「折れ線」「スプライン」が連続曲線となり、「直線」は真っ直ぐコマを分割します)

クリスタのコマ枠カットツール「分割形状」


関連記事

クリスタの漫画コマ枠作成&コマ割り方法!2ステップ+αで簡単!!


●フキダシツール
「曲線フキダシ」「フキダシしっぽ」で使用します。
(「フキダシしっぽ」は「折れ線」「スプライン」が連続曲線となり、「直線」は真っ直ぐなフキダシしっぽを作成します)

クリスタの曲線フキダシツール「曲線」とフキダシしっぽツール「曲げ方」


関連記事

クリスタ・フキダシツールの便利な点を紹介します!!

【補足】カスタムサブツールを利用すれば他のツールでも連続曲線は利用できる

クリスタでは各サブツールをお好みにカスタマイズした「カスタムサブツール」というものを作成することができます。

クリスタ「カスタムサブツールの作成」


この時の設定にて入力処理を「連続曲線」にすることができます。
※一部のサブツールでは入力処理を変更できないものもあります。

クリスタ「カスタムサブツールの作成」(連続曲線)


これによって初期状態では連続曲線を利用しないツールでも連続曲線の操作を行えるようになります。

クリスタのカスタムサブツール(連続曲線で囲って塗る)
囲って塗るツールを連続曲線で操作


詳しくは以下の記事を参考にしていただければなと思います。

クリスタのカスタムサブツールで操作方法を変更できます!!

CLIP STUDIO PAINT(クリスタ)の連続曲線の種類と作成方法!

クリスタの連続曲線

直線(折れ線)

クリスタのキャンバス上で角となる点をタッチしていくことで折れ線を作成することができます。

クリスタ「折れ線(直線)」

スプライン

クリスタのキャンバス上で通過点(曲線の通り道となる点)をタッチしていくことで連続曲線を作成することができます。

クリスタ「スプライン」


こちらは始点から終点まで線が繋がりを持っており、タッチする位置によって線全体の曲がり具合が変わっていきます。

2次ベジェ

クリスタのキャンバス上で曲線の方向点(曲線の山を引っ張る点)を置く位置をタッチしていくことで連続曲線を作成することができます。

クリスタ「2次ベジェ」

3次ベジェ

クリスタのキャンバス上で通過点を置く位置をタッチし、そのまま方向点を置く位置までドラッグしていくことで連続曲線を作成することができます。

クリスタ「3次ベジェ」


3次ベジェ曲線に関しては以下の記事で詳しく紹介しています。

クリスタはマウスでイラストが描ける!3次ベジェの使い方!!

CLIP STUDIO PAINT(クリスタ)で連続曲線を作成する上での仕様

クリスタで連続曲線の作成を確定(終了)する方法

クリスタの連続曲線はこの確定する方法を知っておかないと永遠に曲線を作成し続けますのでしっかり確認しておきましょう。

ダブルクリック(タップ)

キャンバスや編集画面内の何もない所でダブルクリック(タップ)することで連続曲線の作成を確定します。

クリスタ:3次ベジェ曲線の決定


この時、ダブルクリックした点まで曲線は伸びてきません。

また、この操作はクリスタ環境設定「ツール」カテゴリーの「図形の作成をダブルクリックやダブルタップで確定する」にチェックが入っていることが条件になります。

クリスタ:環境設定(ダブルクリックでの確定)

初心者に知ってほしいクリスタの環境設定23選!!

[Ctrl(Command)]を押しながらタッチ

キャンバスや編集画面内の何もない所を[Ctrl(Command)]キーを押しながらタッチすることで連続曲線の作成を確定します。

クリスタ:3次ベジェ曲線の決定


この時、タッチした点まで曲線は伸びてきません。

[Enter]を押す

[Enter]キーを押すことで連続曲線の作成を確定します。

Enterキー

編集画面(キャンバスウィンドウ)以外の箇所をタッチする

クリスタの編集画面(キャンバスウィンドウ)以外の箇所をタッチすることで連続曲線の作成を確定します。

クリスタ:3次ベジェ曲線の決定


この時、タッチした点まで曲線は伸びてきませんのでご安心を。

連続曲線の始点と終点を結ぶ

キャンバス上に描画した連続曲線の始点をタッチして始点と終点を結ぶことで連続曲線の作成を確定します。

クリスタ:3次ベジェ曲線の決定

【補足】囲うことで成り立つツールを使用している場合

選択範囲やフキダシ・コマ枠など、線を囲うことを目的としたツールを使用中に連続曲線の作成を途中で確定した場合、始点と確定した点が自動で真っ直ぐ繋がります。

ただし、真っ直ぐ繋がるのは「通過点」ですので、描画される連続曲線は周りの通過点・方向点の位置に合わせた形状になります。

クリスタで連続曲線を途中で確定
MEMO

直接描画ツールなど線を囲うことを目的としていないツールでも、ツールプロパティやサブツール詳細ウィンドウの「線を閉じる」にチェックを入れますと始点と終点が自動で繋がるようになります。

クリスタ「線を閉じる」

クリスタで連続曲線を作成中にできる操作

iPadクリスタでキー操作、右クリックはできます!!

連続曲線の作成を1つ前の操作に戻す

クリスタでは次の操作をすることで連続曲線の作成を1つ前の操作に戻すこと(取り消し)ができます。

  • [Delete]もしくは[Back Space]キーを押す
  • 右クリック
  • 2本指タップ(初期設定)

連続曲線の作成中にできる修正

●通過点の削除
線上にある通過点をタッチすることでその通過点を削除することができます。

クリスタのフキダシツール(通過点の削除)


●通過点の追加
線上をタッチすることでその場所に通過点を追加することができます。
(ベジェ曲線では「方向点」も一緒に追加されます)

通過点の追加


●通過点・方向点の移動
[Ctrl(Command)]を押しながら設置した通過点や方向点を触るとドラッグで移動させることができます。

クリスタのフキダシツール(+Ctrl)


●水平・垂直方向への操作
[Shift]を押しながらドラッグすることで水平・垂直方向に真っ直ぐ通過点を設置したり、方向線を操作することができます。

クリスタ:3次ベジェ曲線(+Shiftキー)
MEMO

折れ線の場合は線自体を水平・垂直方向に真っ直ぐ作成できます。

クリスタで折れ線を水平方向に作成


●「角」の作成・解除
「スプライン」「2次ベジェ」「3次ベジェ」の場合、[Alt(Option)]を押しながら作成することでその箇所に「角」を作ることができます。

クリスタで連続曲線作成(+Alt)


また、設置後の通過点に[Alt(Option)]を押しながらタッチすることで「角」に変換することができます。

クリスタのフキダシツール(+Alt)


逆に「角」になっている通過点を[Alt(Option)]を押しながらタッチすることで角を解除することもできます。

クリスタ連続曲線の角を解除

クリスタのベクターレイヤーに連続曲線を作成すると後から自由に修正できる

クリスタで連続曲線を作成する際に設置する「通過点」「方向点」は「制御点」の一種になります。

そのため、ベクターレイヤー上に連続曲線を作成した場合、制御点ツールを使って作成後の連続曲線を修正・編集が可能です。

クリスタのベジェ曲線を制御点ツールで修正
MEMO

「選択範囲ツール」や「コマ枠カットツール」などキャンバスに描画しないツールでは制御点ツールでの修正はできません。

クリスタ・ベクターレイヤーの使い方実践例!!

クリスタは便利!ベクター制御点ツールでこんなことができる!!

CLIP STUDIO PAINT(クリスタ)での連続曲線の操作を把握しておこう!

クリスタの連続曲線には細かい仕様がたくさんありますので今回ここでまとめさせていただきました。

冒頭で述べた通り、クリスタでは様々なツールで連続曲線を作成することがありますのでその作成方法や仕様を覚えておきましょう◎


それではここまで閲覧ありがとうございました!
お疲れ様でした!!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!


▼動画視聴型お絵描き講座【Palmie(パルミー)

パルミー

▶パルミーについて詳しく見る