コミックやウェブトゥーンを作ってみたいけど、コマ割りツールが苦手ですか？もう心配いりません！このチュートリアルはあなたにぴったりです！

 

私の名前はステファニーです。このチュートリアルでは、CLIP STUDIOのコマ割りツールを使って、コミックに役立つテクニックをお教えします〜

基本の101

コマ割りツールの紹介

コマは、そのフォルダー内に含まれるものだけを可視化する窓やフレームのような役割を果たします。

どこにあるの？

CLIP STUDIOのコマ割りツールは以下に分類されます。

●作成ツール

●分割ツール

 

 

もう一つ、私たちの味方となるツールは「オブジェクト」です。

 

 

● 四角形コマ

● 長方形コマ

このようなコマを作成するには、キャンバス上でコマを開始したい場所をクリックし、ドラッグします。離すとすぐに作成されます！

「サブツール詳細」ウィンドウを開き、「図形」タブに移動すると、コマの図形を楕円、多角形、または長方形に変更できることがわかります。

このチェックボックスを目のアイコンで有効にすることをお勧めします。そうすれば、ツールプロパティにすぐに表示されます。

これは、「サブツール詳細」メニュー内のほとんどすべてのオプションで、より便利だと感じる場合、「ツールプロパティ」に表示させることができます。

 

「図形」タブに戻ると…

 

長方形を選択している場合、同じメニュー内で、角を丸くするかどうかを変更するオプションがあることがわかります。

 

 

多角形でも同様に角を丸めることができます。

しかし、最も興味深いオプションは、多角形の頂点の数を選択できることです。

そして最後に、これらすべての図形にある「比率設定」オプションがあります。

 

注: コマを作成する際に「Shift」キーを使用すると、図形が幅と長さで同じ比率になります。

 

同様に、比率設定では幅と長さで遊ぶことができ、同じである必要はないことを覚えておいてください。

● 多角形コマ

このようなコマを作成するには、開始したい場所をクリックし、クリックごとにコマの形を作ります。閉じるには、開始点に戻ります。

コマを閉じるもう一つの方法は「Enter」キーを押すことです。カーソルのある場所に制御点が作成されることに注意してください。

良いニュースです！直線以外にもオプションがあります。連続曲線（スプライン）、または2次および3次ベジェ曲線を使用できます。これを行うには、「ツールプロパティ」に移動し、「曲線」を選択すると、好きなものを選ぶことができます。

 

 

個人的に私が最もよく使うのは3次ベジェです。直線から曲線に簡単に変更できるため、両方の良いところを兼ね備えていると感じています。

「Shift」キーを使用すると線が直線になり、「Ctrl」キーを使用すると制御点のカーブと位置を変更できることに注意してください。

 

コマがすでに閉じている状態で変更したい場合は、「Ctrl」キーを押しながらコマの線をクリックするだけで編集できます。これは「多角形コマ」で作成されたものだけでなく、あらゆるコマで機能します。

 

注: 編集中は「Ctrl」キーを押し続け、変更が完了したら「Ctrl」キーを離せば完了です。

●コマ枠ペン

このツールは、よりクリエイティブで不規則なコマに最適です。まるでブラシを使っているかのように手描きで描くことができますが、連続した線である必要があります。そうしないとコマが閉じられません。

 

 

連続した線：

線をよりきれいにしたい場合は、「後補正」と「手ブレ補正」のオプションを調整することをお勧めします。これらは「ツールプロパティ」の中にあります。

手ブレ補正は「ツールプロパティ」にはデフォルトで表示されないため、有効にする必要があります。「サブツール詳細」メニューを開き、「補正」に移動し、「手ブレ補正」の目のアイコンをオンにします。

コマ作成ツールの基本

コマ作成ツールは多くの共通の属性/オプションを共有しています。私が最も有用だと思うものをご紹介します。

1. フォルダーのマルチバース

コマを作成すると、デフォルトで（コマの形をした）クリッピングマスク付きのフォルダーが生成されます。このフォルダー内には、ラスターレイヤーと背景レイヤーの2つのレイヤーがあります。

 

注：背景レイヤーはダブルクリックで色を変更できます。

 

コマの扱いやすさや相互作用のタイプに応じて、各コマに個別のフォルダーを持つことで互いに独立して動作させることも、1つのフォルダー内に複数のコマを作成することもできます。

 

フォルダーで区切られたコマの例：

同じフォルダー内のコマの例：

このようにコマを管理することは、描いているものが複数のコマにわたる連続性を必要とする場合に特に役立ちます。

前述したように、デフォルトでは「新規フォルダー作成」オプションが割り当てられており、これは名前が示す通り、作成するコマごとに新しいフォルダーを作成します。しかし、これを「選択中のフォルダーに追加」に変更することができます。これにより、1つのフォルダーに複数のコマを追加できます。これは、どのコマ作成ツール（長方形コマ / 多角形コマ、コマ枠ペン）の「ツールプロパティ」内にもあります。

コマを作成する際の背景の塗りつぶしはオプションです。スケッチの上に描画したい場合は、スケッチを問題なく見れるようにこのオプションを無効にすることをお勧めします。「ツールプロパティ」にある「コマ枠の内側を塗りつぶす」チェックボックスのチェックを外すだけです。

2. 枠線の世界

表示設定

コマを作成する際、枠線の表示は「枠線を描画」チェックボックスを使用してオンまたはオフにできます。これは「ツールプロパティ」内にあります。

 

コマの枠線が表示されていなくても、コマ内のコンテンツを制限する機能は正常に動作します。

 

 

枠線のサイズ

 

「ツールプロパティ」内の「ブラシサイズ」バーまたは「ブラシサイズ」ウィンドウを変更して、枠線の太さを変更できます。

枠線のアンチエイリアスレベルも選択できます：

枠線をより面白く、ダイナミックに見せることができます。「ブラシサイズ」バーに戻り、末尾にあるアイコンをクリックすると、小さなウィンドウが表示されます。そこで「ランダム」というチェックボックスを有効にし、さらに最小値を割り当てることができます。このオプションは、繰り返しになりますが、コマの枠線に割り当てられた形状のサイズをランダムに変更します。

枠線をより面白く、ダイナミックに見せるために、「ブラシサイズ」バーに戻り、最後にあるアイコンをクリックすると、小さなウィンドウが表示されます。そこには「ランダム」というチェックボックスがあり、最小値を割り当てることができます。このオプションは、文字通りランダムに、コマの枠線に割り当てられた形状のサイズを変更します。

いくつかの形状の比較はこちら：

コマ枠のデザイン (???????????????=

 

コマの枠線を見えなくした場合（「枠線を描画」チェックボックスをオフにする）、創造力を発揮して枠線を手描きで描くことができます

3.1. オブジェクトの力

3.1. オブジェクトの力

このツールが私たちにとって最高の味方になると言ったのを覚えていますか？その理由をここでお話しします。

 

このツールを使うと、コマを修正できます。移動したり、拡大縮小したり、回転させたり、枠線を変更したりできます。しかし、一歩ずつ見ていきましょう。

 

まず行うべきことは、オブジェクトツールでコマのフォルダーまたはキャンバス上のコマの枠線をクリックすることです。これにより、枠線を変更できるオプションが表示されます。

上部にある白い点で回転させることができます

青い線内の青い点で、コマのサイズを自由に変更できます。

青い線の上にカーソルを置くと、コマをキャンバス上の任意の場所に移動できます。

コマの赤い線上の青い点で、コマの枠線を移動でき、より制御された方法で拡大縮小できます。

さらに、周囲に他のコマがある場合、コマはそれらの間のスペースを尊重し、重なりを避けます。

これは、必要に応じて無効にできます。ツールプロパティ（オブジェクト）で「間隔を保持」のオプションを展開し、無効にすることができます。デフォルト設定を変更していない場合、「水平方向のみ」モードになっています。

「すべて保持」オプションもあり、水平方向と垂直方向の両方の間隔を保持します。

先端の赤い四角で、コマの枠線の制御点を変更できます。繰り返しになりますが、「水平方向のみ」または「すべて保持」でスペースを維持している場合、周囲のコマに加えた変更が調整されます。

デフォルトでは「他のコマ枠と整列」チェックボックスが有効になっており、その名の通り、隣接するコマ枠に枠線や制御点を揃えるのに役立ちます。揃えたくない場合に制限されないのが良い点です。

オブジェクトツールでは、枠線の色、枠線のサイズ、形状を変更することもできます。必要であれば枠線を削除することも可能です！

コマの枠線にある黄色の三角形を使用すると、周囲のコマと重なるまで枠線を移動できます。他のコマがない場合、コマはキャンバスの端に吸着します。

1つのフォルダーに複数のコマがある場合、「オブジェクト」を使用すると、各コマに同じオプションが表示されますが、青い線と青い点はコマ全体に影響を与えます。

枠線を個別に、またはグループで変更できます。枠線のどこを触るかによります。青い線内のスペースを触ると、複数のコマを一度に変更できます。

特定のコマを選択したい場合は赤い線に触れます。不必要な移動を避けるために、私は常に「間隔を保持」を無効にしています。

 

これで、好きなように個々のコマを変更し始めることができます。

「多角形コマ」ツールと「コマ枠ペン」ツールで作成されたコマの場合、上記のことは同様に適用されます。しかし、これらのコマは複雑さによっては、「線修正」ツールを使用する方が良いと感じています。そこで特定の調整を行う方が快適だと感じます。

私がよく使うのは、制御点の移動、制御点の追加、制御点の削除、頂点の変換です。

 

他に頻繁に利用するツールは、「線単純化」と「線幅修正」です。

直線で分割

分割を開始したいコマの部分をタップします。デフォルトでは水平に分割されます。垂直または斜めにしたい場合は、クリックしたまま線の方向を決めます。完全に直線にしたい場合は「Shift」キーを押します。

クリックを離すと、分割が完了します。

直線で分割

分割を開始したいコマの部分をクリックします。デフォルトでは水平に分割されますが、垂直または斜めにしたい場合は、クリックを長押しして線に方向を与えます。完全にまっすぐにしたい場合は「Shift」キーを押します。

クリックを離すと分割が完了します。

スプラインで分割

この分割方法は前述のものと似ています。開始したい場所をクリックし、次に曲線を作成したい場所をクリックします。納得がいったら、「Enter」キーで分割を終了します。

スプラインで分割

両方のツールで、分割間のスペースを垂直方向と水平方向の両方で変更できます。

 

直線での分割は、垂直方向と水平方向のスペースを変更できます。折れ線またはスプラインでの分割の場合、どの方向でも1つの間隔になります。

 

 

両方のツールで、分割の間隔を垂直方向と水平方向の両方で変更できます。

 

前述の通り、両ツールの主な違いは分割方法です。「コマフォルダーを分割」ツールには3つの分割方法があります。

 

1- フォルダーを分割し、コンテンツを複製する。

2- フォルダーを分割するが、新しいフォルダーは空である。

3- フォルダーは分割せず、コマ枠を分割し、その部分はフォルダー内に残る。

どちらのツールも、分割の間隔を垂直方向と水平方向の両方で変更できます。

 

前述したように、両ツールの最大の相違点は、「コマフォルダー分割」ツールには3つの分割方法があることです。

 

1- フォルダーを分割し、内容を複製します。

2- フォルダーを分割しますが、この新しいフォルダーは空です。

3- フォルダーは分割せず、コマ枠を分割し、分割された部分はフォルダー内に残ります。

時間を節約するテンプレート

時間がない場合はいつでもテンプレートを使用できます！CLIP STUDIOには、コミック/マンガ用の既製テンプレートがたくさんあります。

 

「ファイル」>「新規」>（ウェブトゥーン以外の）コミック用キャンバスを選択>「テンプレート」チェックボックスをオンにします。オンにすると、最適なオプションを選択するためのウィンドウが表示されます。「OK」をクリックすれば完了です。

 

チェックボックスが表示されない場合は、その横にあるボタンをクリックするとメニューが表示されます。

私は通常、1コマの基本テンプレートを使用して作業を開始します。

 

キャンバス設定を明確にしておくことをお勧めします。コミックを作成する場合、キャンバスサイズと余白は、より良い調和のために同じである必要があります。私はウェブ用にコミックを作成するため、理想的な解像度は72 ppiで、コミックとそのコンテンツをどれだけ詳細にするかに応じて、A4-A6サイズと基本テンプレートの中から選択することがよくあります。

学んだことを実践しよう！

これでコマを作成するために必要なすべてを知りました。ぜひ実践してみてください！アーティストそれぞれに独自の創作プロセスとやり方があることを覚えておいてください。練習して自分自身の方法を見つけてください。

 

どこから始めたらよいかわからない場合、私はコミックのコマを作成する際に通常以下の手順に従います。

 

1- キャンバスを作成します（1コマのテンプレートを使用するか、ベーステンプレートを配置できます）。スケッチを参考に始めましょう。

2-ページのセクションを分割します。

まず大きな分割を、次に小さな分割を行います。

これで問題なくコミックを描くことができます！

 

 

あなたの好みやコミックのコマの構成タイプに応じて、コマ分割ツールをあまり使わずにコマを作成することもできます。それはあなたの選択に委ねられます。

コマで物語を伝える方法を改善する。

これでエキスパートのようにコマを作成する方法を習得しましたので、学んだことを最大限に活用し、物語をできるだけ明確に伝えるためのヒントをいくつかご紹介します！

読みの流れ

物語の展開速度は、各コマのサイズ、デザイン、詳細の量によって制御できます。これらの要素を変えることで、物語を向上させるリズム感と抑揚を生み出すことができます。

 

 

あなたのコミックが右から左へ読まれるか、その逆かを決めることを忘れないでください。そして、物語全体を通して常にその方向を維持してください。1ページまたは複数のページの読みの方向を変更すると、読者を混乱させる可能性があります。読者がページをどのように認識するかを理解し、できるだけ読みやすくすることで、あなたのページは視覚的に楽しく、読みやすくなります。

素早いアクションには小さなコマを使用する

 

小さなコマはより早く読まれる傾向があり、目はそれらに費やす時間が少なくなります。これらは素早いアクションや挿入コマに最適です。これらの小さなコマが多数集まると、短い一連の小さなアクションの印象を与えることができます。

 

強調とペースを落とすために大きなコマを使用する

 

大きなコマを追加すると、目はその長いコマにより長く留まるため、このリソースを使用して風景を表示したり、ペースを遅くしたいアクション/出来事を強調したりすることができます。

 

 

ページが読みやすいかどうか迷っている場合は、信頼できる人にあなたのコミックページを絵なしで、もしよければセリフなしで、吹き出しだけを見せてみてください。その人に適切な読みの方向で読んでもらい、あなたのコマ割りがどれだけ理解しやすいかを確認してください。

セリフの力

セリフの吹き出しを戦略的に使用して、読者をコミックを通して導き、スムーズで読みやすい体験を作りましょう。

 

そのためには、読み順をどうしたいかを考慮し、それに沿って作業します。吹き出しを使って、次のコマがどれであるかを示すことができます。

セリフの配置は読みの流れを改善するのに役立ちます。

コマを読ませたい流れに沿って線を引いてから、その線に沿ってセリフの吹き出しを配置します。常にこの方法で流れを導けるわけではありませんが、可能な場合は遠慮なく実践してください。そうすることで、読みの流れに貢献できます。

 

セリフを読みにくくせず、論理的な順序に従うようにしてください。

 

 

最後に

チュートリアルを最後まで読んでいただきありがとうございます！お役に立てれば幸いです。作成するのは楽しかったです！次回のチュートリアルでお会いしましょう！