このチュートリアルでは、Clip Studio Paint のフレーム ボーダー ツールを使用してコミック フレームとパネルを設定する方法について説明します。また、吹き出しに関する補足チュートリアルも近日中に公開する予定です。

 

このチュートリアルのビデオ バージョンはこちらですが、テキストの方がお好みの場合は以下をご覧ください。

参考までに - これは非常に大きなテーマなので、今日はウェブトゥーン、トリムやブリードなどの印刷オプション、または EX の複数ページ オプションについては取り上げません。ただし、今後のチュートリアルでこれらのいずれかをご覧になりたい場合はお知らせください。

コミックキャンバスを作成する

Clip Studio Paint はマンガスタジオとしてスタートしたため、漫画に関連する機能が多数あります。

実際、[ファイル] -> [新規] を選択して新しいキャンバスを作成すると、6 つのプロジェクト タイプのうち 4 つがコミック関連です。

 

注: Clip Studio Paint Pro を使用している場合は、ファンジンの印刷オプションや複数ページのオプションは表示されません。これらは EX の機能です。

コミック プロジェクト タイプは非常に優れていますが、ファイルをミリメートル単位でしか設定できないなど、いくつかの制限があります。

 

代わりに、「すべてのコミック設定を表示」カテゴリに移動することを好みます。名前が示すように、すべての設定が 1 か所で利用できます。

 

この例では、幅 3000 ピクセル、高さ 2000 ピクセルのキャンバスでデジタル コミックを作成します。

まず、右上隅のドロップダウンを使用して単位をピクセルに変更します。

このプロジェクトはデジタルのみなので、トリム オプションは使用しません。

 

コミック設定のチェックマークを完全にオフにすることもできますが、そうすると必要な内側の境界線もなくなります。その理由は後ほど説明します。

 

トリム サイズを削除するには、ブリード幅を 0 に設定し、トリム サイズを 3000 x 2000 に設定します。キャンバス サイズがトリム サイズに合わせて更新され、トリムが邪魔にならないことに注意してください。

 

注: テンプレート設定については、チュートリアルの後半で説明します。解像度については、キャンバスを印刷する場合にのみ関係します。画像解像度 (DPI または PPI と呼ばれることが多い) について知りたい場合は、こちらでそれについて説明しているチュートリアルがあります。

内側の境界線は、コミックのフレームを配置する場所のガイドです。

 

これを 2800 x 1800 に設定し、各辺に 100 ピクセルを割り当てます。

[OK] をクリックすると、新しいキャンバスが表示されます。両側に 100 ピクセルの内側の境界線のアウトラインが表示されます。トリムも技術的には存在しますが、キャンバスのサイズと完全に一致しているため、実際には見えません。

キャンバスを調整する

コミックでは、私が設定したよりも下部の余白が広くなることが多いため、今が設定を調整する方法を学ぶ良い機会です。

表示 メニューに移動し、トリムマーク/内側の境界線の設定 を選択します。

キャンバスを作成したときと同じ設定をいくつか示します。

 

高さを 1800 ピクセルから 1700 ピクセルに変更し、差を埋めるために垂直オフセット (Y オフセット) を -50 ピクセル追加します。(必ずマイナスの 50 ピクセルを追加してください。「-」が重要です。)

 

背景を見ると、新しい設定に合わせてキャンバスがどのように変更されたかがわかります。ずっと良くなりました!

また、編集 -> 画像解像度の変更 や 編集 -> キャンバス サイズの変更 などのオプションを使用すると、切り抜きマークと境界線が削除されることにも注意してください。

キャンバス全体のサイズを変更する必要があり、トリム サイズと内側の境界線の設定を保持したい場合は、代わりに [編集] -> [キャンバス プロパティ] に移動します。

パネルフレームの境界

まずは漫画のコマ枠を作成します。

これを行うには 2 つの方法がありますが、最も簡単な方法は、レイヤー -> 新規レイヤー に移動し、フレーム境界フォルダー を選択することです。

必要に応じて名前を付けることができます。他のオプションは、周囲に境界線を表示したい場合に使用します。線幅は 15 にします。

 

斜めのパネルが必要な場合は、アンチエイリアスをオンにします。すべてのパネルが水平と垂直の場合は、オフにしておきます。後で効果を確認できるように、今はオフにしておきます。

[OK] をクリックすると、2 つのことが起こります。

 

1 つは、15 ピクセルの黒いアウトラインが青で囲まれたフレームができたことです。

 

内側の境界線を設定した場所に正確に表示されていることに注意してください。 内側の境界線なしでこれを試した場合、フレームは端まで伸びてしまいます。

フレームは、レイヤー パネル上に特別なタイプのフォルダーとして表示されます。

分割方法：フレームフォルダーを分割

他に起こったことは、CSP が自動的に フレーム境界ツール、具体的にはこの フレーム フォルダーの分割サブ ツール に切り替えたことです。

クリックしてドラッグすると、フレームはその線に沿って分割されます。

これで、分割された各パーツごとに 1 つずつ、合計 2 つのフレーム フォルダーができました。

 

ただし、それらの間のガターをもっと広くしたいので、Ctrl-Z (Mac の場合は Command-Z) で元に戻します。

ツールプロパティパレットで、垂直方向と水平方向のガターをそれぞれ 60 に変更します。

今クリックしてドラッグすると、それらの間の隙間が広くなります。

クリックしてドラッグし続けると、フレームが何度も分割されます。

 

ヒント: Shift キーを押したままにすると、フレームの分割が垂直、水平、または 45 度に固定されます。

分割の形状オプションはデフォルトで直線に設定されていますが、他の 2 つのオプションを使用すると、次のようにギザギザまたは曲線の分割を追加できます。

環境設定のフレーム枠のスペース

常に同じフレーム境界サイズを使用している場合は、[ファイル] -> [設定] に移動します。

レイヤー フレーム というセクションに移動します。

 

ここで、デフォルトの垂直および水平のガターを設定できます。完了したら [OK] を押します。

ツール プロパティ パレットに戻り、環境設定のフレーム境界のスペース チェックボックスをオンにすると、選択した間隔がデフォルトとして使用されます。

フレーム内に描画する

さて、これでフレームがいくつかできました。これらをどうすればよいのでしょうか。フレーム上で描画ツールを使用しようとすると、null アイコンが表示されます。ただし、ヒントは名前にあります。これらはフォルダーです。

レイヤーの中に新しいレイヤーを作成します。ラスター、テキスト、吹き出し、その他のフォルダーなど、任意のタイプのレイヤーにすることができます。ここでは、[新しいラスター レイヤー] ボタンを使用してレイヤーを作成しました。

これで、そのレイヤーに描画できるようになりました。描画はフレーム内に収まります。

 

ヒント: 描画ツールがフレームにスナップしている場合は、定規アイコンを右クリックして「定規を表示」の選択を解除し、そのフレームに付属する定規を無効にします。

フレーム内には必要な数のレイヤーを配置できるため、スケッチ、線画、色など、自分に合った構造にレイヤーを配置できます。

分割方法：単一のフレームボーダーフォルダーを使用する

管理すべきレイヤーが多すぎると思われるかもしれませんが、その通りです。フレームごとに別々のフォルダーに保存する理由はいくつかありますが、それが唯一の方法ではありません。別のオプションとして、代わりに単一のフレーム境界フォルダーを使用する方法を見てみましょう。

元のフレーム境界フォルダーからもう一度始めます。

今回は、「分割方法」の横にある「フォルダーではなくフレームの境界線を分割する」オプションを選択します。

クリックしてドラッグすると区切りが作成されます。このオプションを使用すると、フレーム間にも区切りが追加されます…

…ただし、同じフォルダーに保存されます。

このパネルにレイヤーを作成し、そこに描画すると、違いがわかります。ガターに描画は表示されませんが、両方のパネルにまたがって描画できます。

分割方法を組み合わせる

2 つの方法を組み合わせることもできます。分割方法を [フレーム フォルダーを分割してレイヤー内に複製] に戻します。

もう一つの分割を作ります。

これで、1 つのフォルダーに 2 つのフレームと、2 つのフレームから独立した 1 つのフレームが作成されました。フレームの 1 つを他のフレームと重ねたい場合は、このようにフレームを分離できます。

 

描画を含む元のフレームの子レイヤーのコピーも作成されたことに注意してください。

この動作を望まない場合は、中間の分割方法である「フレーム フォルダーを分割して空のフォルダーを作成する」を選択します。

これは最初のオプションとまったく同じですが、元のフレーム フォルダーをコピーするのではなく、完全に空のフレーム フォルダーから開始できます。

フレームの調整

フレームの境界線はオブジェクトなので、調整するには、操作 ツールに移動し、おなじみの オブジェクト サブツールを選択します。

例として、私が描いた小さな漫画をご紹介します。(心配しないでください。これは、2 匹のドラゴンの幼生が乱闘しているだけで、お互いを傷つけているわけではありません!)

 

オブジェクト サブ ツールを使用すると、個々のフレームを選択できます。同じフォルダー内にある限り、Shift キーを押しながら複数のフレームを選択することもできます。

 

ただし、異なるフォルダーから同時にフレームを選択することはできません。

フレームを選択すると、メインカラー オプションを使用して境界線の色を変更したり、ブラシサイズ オプションを使用して太さを変更したりできます。

 

ヒント: 創造性を発揮したい場合は、他にも多くのブラシ オプションがあります。

溝を揃える

フレームのサイズを調整することもできます。

デフォルトでは、プログラムは、他のフレームが異なるフォルダーにある場合でも、一致するように調整しようとします。

この動作を望まない場合は、[Gutters Aligned] オプションを [None] に切り替えます。

これで、1 つのパネルのみを調整し、他のパネルは調整に一致させようとしなくなります。

溝を取り除く

選択したフレームの周囲にある小さな黄色の矢印に注目してください。

これらをクリックすると、フレーム間とフレームとキャンバスの端の間の余白がなくなります。

 

これは、一部のコミックで見られるようなフルブリードフレームが必要な場合に最適です。

動くフレーム

オブジェクト サブ ツールを使用して選択したフレームを移動できますが、フォルダー内のレイヤー (または複数のレイヤー) は静的なままであることに注意してください。

全体を移動したい場合は、レイヤーの移動 ツールに移動し、レイヤーの移動 サブツールが選択されていることを確認します。

フレームのフォルダ全体（サブレイヤーは除く）を選択し、クリックしてドラッグします。フレームとその内容は一緒に移動します。

 

注: サブレイヤーを選択した場合、そのレイヤーのみが移動し、フレームは移動しません。これは、フレーム内で描画の位置を変更する場合に役立ちます。

 

明らかに、これはすべてのフレームが個別のフォルダである場合に最も効果的であり、これらを使用する理由の 1 つです。

アンチエイリアシング

前に述べたように、対角フレームが必要な場合は、アンチエイリアシングをオンにする必要があります。

デモのためにオフにしました。ズームインすると、フレームの端がギザギザのピクセルになっているのがわかります。

これをオンにするには、レンチアイコンをクリックしてサブツールの詳細パレットを開き、アンチエイリアシングに移動します。

中 は良いオプションです。

 

これは選択したパネルにのみ影響するので、フレームの境界をすべて別々のフォルダーにしている場合は、それぞれに対してこれを行う必要があります。(そのため、必要と思われる場合は、最初からアンチエイリアシングをオンにしておくのが最善です!)

カスタムフレームシェイプ

これらはすべて直線パネルには最適ですが、創造性を発揮したい場合はどうすればよいでしょうか?

内側の境界線が設定された完全に空のキャンバスからやり直しました。

長方形フレームサブツール

フレーム ボーダー ツールの上部には、[フレームの作成] と [フレーム ボーダーの切り取り] の 2 つのタブがあります。これまでは 2 番目のタブを使用していましたが、ここでは [フレームの作成] をクリックします。

 

次に、[長方形フレーム] サブ ツールを選択します。

フレームの境界線をクリックしてドラッグします。

 

十分に近ければ内側の境界線にスナップしますが、任意のサイズにすることができます。これは、以前に境界線を作成した方法と似ていますが、ここではより細かく制御でき、内側の境界線と同じサイズにする必要はありません。

長方形フレーム ツールのプロパティの [追加方法] の横に 2 つのオプションがあります。まずは [新しいフォルダーの作成] から始めましょう。

このオプションを使用して新しいフレームを追加すると、デフォルトで新しいフォルダーに配置され、フレームをうまく重ねることもできます。

2 番目のオプションは 選択したフォルダーに追加 です。

これにより、新しいフレームが最初のフレームと同じフォルダーに追加されるだけです。

デフォルトでは、長方形フレーム サブツール (またはフレームの作成の下にあるいずれかのサブツール) を使用して新しいフレームを作成すると、フレームに空のラスター レイヤーと白い背景の塗りつぶしも提供されます。

 

表示されているトグルを使用して、これらのオプションの 1 つまたは両方をオフにします。

円と多角形のフレーム

長方形フレーム ツールには、Clip Studio Paint の他の図形タイプのツールと同様の機能があり、レンチ アイコンをクリックしてサブ ツールの詳細パレットに移動し、図形セクションを選択できます。

ここで、ツールを変更して円形または多角形のフレームを作成できます。

 

また、角の数、丸いエッジ、特定のアスペクト比へのロックなど、その他の図の機能にもアクセスできます。

ポリラインフレーム

次のサブツールはポリライン フレームです。

ギザギザのフレームの境界線を直線で描くオプションがあります…

また、3 種類の曲線 (スプライン、2 次ベジェ、3 次ベジェ) で境界線を描きます。

フレームボーダーペン

最後のデフォルトのサブツールは、フレーム境界ペン と呼ばれます。

これを使えば、完全に自由な形でフレームを手で描くことができます。

組み込みパネルテンプレート

Clip Studio Paint には、すぐに使い始められるさまざまなパネル テンプレートも組み込まれています。

ウィンドウ -> マテリアル に移動して、表示されるオプションのいずれかを選択して、マテリアル パネルを開きます。

Manga Material を開き、Framing Template フォルダを選択します。

これらは縦向きで表示されますが、クリックしてドラッグするとキャンバスのサイズに合わせて表示されるのが便利です。

 

内側の境界線を設定した場所も考慮されます。

チュートリアルの前半で、テンプレート オプションに戻ると述べました。

 

新しいキャンバスを作成するときに、テンプレートを含めるオプションがあります。これらは、マテリアル パネルで見たのと同じテンプレートです。

 

ヒント: 独自のテンプレートを作成することもできますが、これは別のチュートリアルのテーマです。

 

テンプレート チェックボックスをオンにして、紙の色のすぐ下のボタンをクリックしてテンプレートを選択します。

リストから希望のテンプレートを選択し、「OK」をクリックします。

新しいキャンバスを作成すると、選択したテンプレートが最初から含まれます。

フレームの境界線を均等に分割

最後にもう 1 つ! 単純な均等なフレームのグリッドが欲しいとします。

以前と同じようにフレームの境界線から始め、フレームの境界線フォルダーが選択されていることを確認します。

レイヤー -> 定規/フレーム -> フレームの境界線を均等に分割 に移動します。

必要な垂直および水平分割の数を選択します。

 

フォルダーの分割 オプションは、これまでに説明した分割方法と同じです。

フレームの横方向に合わせる を切り替えると、プレビューでそれが何を行うかを確認できます。長方形のフレームでは違いはありませんが、他の形状では違いがあります。

[OK] をクリックすると、完了です。完璧な均等な分割です!

 

注: ガターの幅のオプションはありません。代わりに、[フレームの境界線を均等に分割] 機能では、環境設定で設定した内容が使用されます。

結論

さて、今回はこれで終わりです。Clip Studio Paint には、漫画パネルを設定するための非常に便利なツールがたくさんあります。この記事が、皆さんがそれらの使い方をうまく学べる助けになれば幸いです。

 

私が作成した小さなドラゴンの漫画に吹き出しを追加する方法について、YouTube チャンネルでもうすぐ別のビデオを公開する予定です。Clip Studio Paint には、吹き出し用の優れたツールもいくつかあるので、お楽しみに!

 

新しいチュートリアルを発表するときに確認するには、Twitter、Instagram、Mastodon で @MsRedNebula をフォローしてください。 Clip Studio Tips で私をフォローしたり、YouTube チャンネル に登録したりすることもできます。

 

コミック作りを楽しんでください!