クリスタなら設定1つで等間隔コマ枠を一瞬作成!!その作成方法を画像付きで紹介します!

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

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

今回はイラスト・漫画制作ソフトCLIP STUDIO PAINT(クリップスタジオペイント)でコマ枠を等間隔で分割する、つまり同じ幅もしくは高さのコマを作成する方法を書いていきたいと思います。

↓こういった感じのコマですね◎

コマ枠等間隔分割
コマ枠等間隔分割


対峙するシーンや静かに時間の経過を表現する際に使ったりするコマですね。

それではよろしくお願いいたします( `・∀・´)ノ!


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

CLIP STUDIO PAINT PRO

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

CLIP STUDIO PAINT EX

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

アナログ制作とCLIP STUDIO PAINT(クリスタ)制作のコマ枠作成の違い

アナログでコマ枠を同じ長さで作成するには、まず長さを測り、その長さからコマ枠同士の間隔サイズを差し引いたサイズを2等分した数値を出し、ものさし・定規で印を付け、その印を基に下描きをし、ペン入れをするといった工程を行う必要があります。

しかも印通りキレイに線を引くのも結構な集中力が必要です…!

原稿用紙・定規


しかし、クリスタでしたら一瞬で等間隔のコマ枠を作ることができます!

長さを測ることも、2等分する計算も、印を付けることも、下描きも必要なくなります!

この機能はクリスタEXはもちろん、少しお安いクリスタPROでも利用可能ですよ◎


CLIP STUDIO PAINT PRO
CLIP STUDIO PAINT EX

参考記事:クリスタPROでも漫画は描ける!PROとEX本当の違い!!

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


次項からその具体的な方法を紹介していきます。

よろしければ参考にしてみて下さい◎

CLIP STUDIO PAINT(クリスタ)で等間隔のコマを作成する方法!

まずはクリスタでコマを作成!

クリスタでのコマ枠作成は基本枠(内枠)サイズの大きなコマ枠を1つ作成し、そこからコマ枠を分割していくという手順を踏みます。

クリスタの基本的なコマ枠の作成方法は以下の記事を参考にして下さい◎

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

クリスタの「環境設定」でサイズを指定しよう!

クリスタで基本的なコマ枠が作成できましたら、コマ枠を等間隔で分割する為の事前準備として、「環境設定」の設定を行います。

クリスタでコマ枠を等間隔に分ける際のコマ同士の間隔のサイズは「環境設定」で指定したサイズになります

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


「コマ枠カットツール」のツールプロパティで指定したサイズではないので注意しましょう。


「環境設定」でのコマ同士の間隔のサイズは

CLIP STUDIO PAINT画面上部の「ファイル(CLIP STUDIO PAINT)」→「環境設定」で表示されるウィンドウの「レイヤー・コマ」カテゴリ―下部にある「コマ枠」の項目で行うことができます。

環境設定:レイヤー・コマ
クリスタの環境設定「コマ枠」


「左右の間隔」「上下の間隔」それぞれの場所は以下のようになります。

コマ枠同士の間隔


また、「コマ枠」項目の1番下にある「コマ枠作成時にマスク領域を表示」の項目にチェックを入れてますと、いわゆるはみ出さない範囲(マスク領域)を表示してくれるようになります。

コマ枠:マスク領域

クリスタで作成したコマ枠を等間隔に分割する!

クリスタの環境設定が完了しましたら早速等分割をしていきましょう。


まずはレイヤーパレット(右側のレイヤーが表示されている箇所)から等分割したいコマをタッチして選択状態にして下さい。

レイヤー選択


クリスタのキャンバスで白く表示されているコマが選択されたコマ枠になります。

コマ枠フォルダーレイヤー選択


コマ枠を選択しましたら、CLIP STUDIO PAINT画面上部の「レイヤー」→「定規・コマ枠」→「コマ枠を等間隔に分割」を選択しましょう。

コマ枠を等間隔に分割


すると以下のウィンドウが表示されます。

コマ枠を等間隔に分割


選択したコマ枠をどのように等分割したいかを設定します。

また右側には分割を実行した場合のプレビューが表示されています。

「縦の分割数」「横の分割数」

コマをどの方向で分割するかを設定します。

左側のチェックボックスで片方、もしくは両方を選択することができます。

チェックを入れると何等分にするかの数値を入力することができるようになります。

入力できる数値は「2~10」です。

つまり最大10等分することができます。

ややこしいですが、「縦の分割数」では横の分割線が入り、「横の分割数」では縦の分割線が入ります。


「縦の分割数」に「2」と入力した場合↓

縦の分割数


「横の分割数」に「3」と入力した場合↓

横の分割数


「縦の分割数」に「5」、「横の分割数」に「7」と入力した場合↓

縦の分割数/横の分割数

「コマの辺の方向に合わせる」

チェックを入れますと、分割するコマの外側の辺の角度に合わせて分割線も傾けてくれるようになります。

両側の辺の角度がそれぞれ違っていても、それぞれの辺を等間隔で分割してコマ枠の分割線を引いてくれます。

コマの辺の方向に合わせる


垂直・水平方向に分割線を引きたい場合はチェックを外しましょう。

コマの辺の方向に合わせない

「フォルダー分割」

分割後のフォルダーの処理を選択します。


●「レイヤーを複製」
分割したコマ枠フォルダーそれぞれに分割前のコマ枠フォルダーに入っていたレイヤーが複製されて入ります。

レイヤーを複製


●「空のフォルダーを作成」
元のコマ枠フォルダーに入っていたレイヤーは複製されず、新しく増えたコマ枠フォルダーはレイヤーの入っていない空のコマ枠フォルダーになります。

空のフォルダーを作成


●「変更しない」
コマ枠は分割されますが、コマ枠フォルダーとしては1つのままで、中のレイヤーも共有されます。

変更しない


設定入力が終わりましたら「OK」を選択しましょう。

コマ枠を等間隔に分割


これで設定した通りにコマ枠が分割されます◎

【応用編】コマ枠を斜めで等間隔の分割をする方法!

漫画のコマ枠表現では、垂直・水平でななく斜めに等間隔で分割したい場面もありますね。
クリスタで直接そういった分割をする機能はありませんが、様々な機能を駆使して作成する方法はあります。

今回は以下の形の斜めのコマ枠分割の手順を紹介します。

クリスタのコマ枠を斜めで等間隔に分割する

①まずはクリスタで作成したコマ枠を平行四辺形にする!

こちらはご使用のクリスタのバージョンによって手順が少し変わります。

クリスタがVer.2.0以上の場合

クリスタがVer.2.0以上の場合は「整列・分布パレット」を利用します。


まずはグリッドを表示させ、原点を「中央」に設定しましょう。

クリスタ「グリッド・ルーラーの原点」(中央)


参考記事

クリスタサポート機能グリッド・ルーラーのおすすめ設定!!


そしてグリッドを利用して選択範囲ツールでコマ枠の両端から同じ間隔の位置に選択範囲の両端がくるように選択範囲を作成しましょう。

クリスタでグリッドを利用して選択範囲作成


参考記事

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

次にコマ枠の角1つをオブジェクトツールで選択し、「整列・分布」パレットにて選択範囲の端に移動させます。

コマ枠の制御点を「右端を整列」(選択範囲)


参考記事

クリスタの整列・分布パレットで絵をキレイに配置しよう!!【Ver.2.0】


その次に先ほど移動させた制御点と対角にあるコマ枠の制御点を選択し、「整列・分布」パレットにて選択範囲の端に移動させます。

コマ枠の制御点を「左端を整列」(選択範囲)

クリスタがVer.2.0より前の場合

クリスタがVer.2.0より前で「整列・分布」パレットが使えない場合は、オブジェクトツールで選択コマ枠の角を選択し、十字キーで任意の位置まで平行もしくは垂直移動させます。

クリスタのコマ枠で制御点を十字キー移動


※クリスタがVer.2.0より前のものを使用しているのは基本的にパソコン版ですので十字キーを利用できるかと思います。

※[Shift]+十字キーで移動幅を長くすることができます。


その次に先ほど移動させた制御点と対角にあるコマ枠の制御点を選択し、十字キーで先ほどの制御点と同じ幅だけ平行もしくは垂直移動させます。

※十字キーを押す回数を同じにすれば同じ幅の移動が可能です。

クリスタのコマ枠で制御点を十字キー移動

②平行四辺形にしたコマ枠を等間隔に分割して制御点を戻せば完成!

前項の操作を行いますと以下のようにコマ枠が平行四辺形になります。

クリスタでコマ枠を平行四辺形にする


このコマ枠をこの記事で紹介した方法で「コマ枠を等間隔に分割」を実行しましょう。

コマ枠を等間隔に分割


この時、「コマの辺の方向に合わせる」にチェックを入れておきましょう。


するとコマ枠の辺の角度と同じ角度で等間隔にコマ枠を分割できます。

クリスタで平行四辺形コマ枠を「コマ枠を等間隔に分割」


最後に移動させたコマ枠の制御点をオブジェクトツールで選択し、[Shift]を押しながら元の位置にドラッグ移動させましょう。
この時、「別のコマ枠にスナップ」にチェックを入れ、「別のコマ枠を連動」は「連動しない」にしておきます。

※[Shift]を押しながらドラッグすることで元の位置にピタッと止めることができます。

※「別のコマ枠を連動」が「連動する」になっていると他のコマ枠が変形してしまう可能性があります。

クリスタのコマ枠制御点を[Shift]を押しながら戻す。
MEMO

タブレット・スマホ版クリスタでも「エッジキーボード」で[Shift]キーを利用できます。


そして反対側の制御点も同じように戻します。

クリスタのコマ枠制御点を[Shift]を押しながら戻す。


はい、これで完成です!

クリスタのコマ枠を斜めで等間隔に分割する


今回は横長のコマ枠でやりましたが、同じやり方で縦長でのコマ枠でも作成可能です◎

CLIP STUDIO PAINT(クリスタ)での等間隔のコマ枠作成方法まとめ

クリスタで作成したコマ枠はただの線ではなくデータとして存在しますので機能としてこういった分割ができるのです。

キャラ同士が対面している、同じ状況で並んでいる、じっくり時間が経過する表現など、割とコマ枠を同じサイズにしたい場面はあります。

そこまで正確に等分割する必要はないかもしれませんが、せっかく機能としてあるのですからじゃんじゃん活用していきましょう!

なによりキッチリ分割できれば制作する側としても気持ちがいいですからね◎


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


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

CLIP STUDIO PAINT PRO

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

CLIP STUDIO PAINT EX

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


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

パルミー

▶講座について詳しく見る