パネルコミックとウェブトゥーン

パネルコミックとウェブトゥーン

2,561

Cheishiru

フレーム境界ツール

1. ツールアイコンは、漫画のパネルのように見えます。

2. デフォルトでは 3 つのツールがあり、それぞれに同様の設定オプションがありますが、用途が異なります。

• [長方形フレーム] > クリックしてドラッグします。

• [ポリラインフレーム] > クリックするたびに、フレームの形状を決定する新しいコントロールポイントが追加されます。

• [フレーム境界ペン] > ブラシのように描画します。

3. [境界線を描く] はフレームの境界線を表示します。オフにすると、境界線のないフレームになります。パネルの端がどこにあるかがわかるように、ルーラーがデフォルトで表示されます。

4. [追加方法] は、既存のフレームフォルダーがある場合に新しいフレームを追加した場合に何が起こるかを示します。2 つのオプションがあります:

• [新しいフォルダーを作成] は、新しいフレーム境界に独自のフォルダーがあることを意味します。

• [選択したフォルダーに追加] は、既存のパネルフォルダーを選択した場合、新しいフレーム境界がそのフォルダーに追加されることを意味します。フレームフォルダーを選択しない場合は、代わりに新しいフレームフォルダーが作成されます。

[フレーム境界フォルダー] については、後のセクションで詳しく説明します。

5. [ラスターレイヤー] は、フレームフォルダー内に空のラスターレイヤーを作成します。

6. [フレーム内の塗りつぶし] は、フレームフォルダー内に塗りつぶしレイヤーを作成します。塗りつぶしは既定では白です。レイヤーアイコンをダブルクリックすると、色を変更できます。

塗りつぶしによりフォルダーの下のレイヤーがブロックされるため、重なり合ったパネルで作業する場合に最適です。

7. [アスペクトタイプ] を使用すると、特定の比率またはサイズのパネルを作成できます。[指定比率] を使用すると、特定の比率で任意のサイズのフレーム を作成できます。[長さの指定] を使用すると、特定のサイズのフレーム を作成できます。[+] をクリックして、必要に応じて比率または長さを指定します。

8. [ブラシサイズ] は、境界線の太さを示します。[アンチエイリアシング] は、境界線の外観を柔らかくします。私は通常、[アンチエイリアシング] をオフにします。特にフルカラーのコミックを描くときは、ベースカラーの塗りつぶしが面倒になる可能性があるためです。

9. [ブラシの形状] を使用すると、ブラシの形状をぼかした境界線、パターン化された境界線、テクスチャ化された境界線に変更できます。

フレームの境界線を作成する別の方法もあります。[レイヤーウィンドウ] を右クリックするか、[レイヤー] > [フレームの境界線フォルダー] に移動します。簡単なメニューが表示されます。[OK] をクリックすると、キャンバスにフレームの境界線が作成されます。

フレームの境界線は、[クロップマーク/既定の境界線] がオンになっていない限り、キャンバス全体に表示されます。代わりに、境界線は [内側の境界線] と重なります。[クロップマーク/既定の境界線] は、新しいコミック/ファンジンプロジェクトを作成するときに取得される印刷用の余白のセットです。これは、コミックパネル作成チュートリアルで説明します。

カスタムフレームボーダー

既存のブラシのパターンまたはテクスチャを追加するには、ブラシのツールプロパティの右下にあるアイコン > ブラシの形状 > [プリセットに追加] をクリックします。

追加されたブラシがリストに表示されます > フレーム境界ツール に戻り、ブラシの形状のドロップダウンメニュー をクリックして、新しく追加した形状を選択し、パネルを描画します。

異なる形状のパネルを作成するには、[長方形フレーム] ツールの*右下隅にあるアイコンをクリックします。[図] をクリックし、[図] と [角の丸み] の設定を表示します。

円形、楕円形、六角形などのさまざまな形状のパネルを作成するオプションが追加されました。また、パネルの鋭い角を丸めるオプションも追加されました。

フレームボーダーフォルダー

ツールを使用すると、[コマ枠フォルダ] が自動的に作成されます。フォルダを選択すると、その周囲が紫色になり、その部分がマスクされます。フォルダ内に描画すると、フォルダ内の部分のみが表示されます。

[フレーム境界フォルダ] には次のものが含まれます:

1. フレーム境界アイコン

2. パネルを含むマスクされた領域。

3. 定規。

キャンバスは、選択したレイヤーに応じて外観が異なります。

1. フォルダー外のレイヤーを選択 = 通常のキャンバス、

2. [フレームボーダーフォルダー] を選択 = 紫色、

3. [フレームボーダーフォルダー] 内のレイヤーを選択 = 明るい紫色。

フレームボーダーを別の [フレームボーダーフォルダー] に移動するには、[オブジェクト] ツール > 切り取り > [フレームボーダーフォルダー] を選択してパネルをフォルダーに追加するか、[フレームボーダーフォルダー] 以外のレイヤーを選択して新しいフォルダーを作成する > 貼り付けを使用してパネルを選択します。

カットフレームボーダーツールでパネルを分割する

[フレーム境界のカット] は、既存のフレーム境界を分割する場合に便利です。パネルを一定の垂直および水平の間隔で分割できるため、手動でパネルを測定して位置合わせする必要がありません。

ツールは 2 つあります。[フレームフォルダーの分割] は、分割されたフレーム境界を別のフレームフォルダーに配置します。[フレーム境界の分割] は、フレーム境界のみを分割し、すべてが同じフォルダー内に残ります。

設定を見てみましょう。

1. [分割の形状] は、パネルを分割する方法を決定します。確かに、私はコミックプロジェクトで [直線で分割] のみを使用しています。

2. [環境設定のフレーム境界のスペース] は、ファイル (またはタブレット版の CSP ロゴ) > 環境設定 > レイヤー/フレーム > フレーム境界にあるフレーム境界設定を指します。プロジェクトのニーズに応じて調整したいので、私はこれを使用したことはありません。

3. [垂直ガターと水平ガター] は、分割されたフレーム境界間のギャップです。下の画像では、緑色の部分が垂直ガターで、赤色の部分が水平ガターです。通常、垂直ガターは水平ガターよりも狭くなります。

ツールには他にも設定があります。[ツールプロパティ] ボックスの右下隅にあるアイコンをクリックしてアクセスします。

[スナップ角度] は私がよく使用する設定です。これにより、特定の角度で分割をスナップできるようになり、必要なときにまっすぐな溝を簡単に作成できます。私の設定は 45 度に設定されており、パネルの境界を他の角度にしたいときのみオフにします。

私が時々使用する別の設定は、[分割方法]です。これは、ツールが分割されたフレームの境界を管理する方法です。

• [フレームフォルダーを分割してレイヤー内に複製] は、新しく分割されたフレームの新しいフォルダーを作成し、元のフレームフォルダー内のすべてのレイヤーをコピーします。これは、[フレームフォルダーを分割] のデフォルト設定です。

• [フレームフォルダーを分割して空のフォルダーを作成] は、分割されたフレームの新しいフォルダーを作成しますが、元のフレームフォルダーのレイヤーはコピーしません。これはどのツールでもデフォルト設定ではありませんが、私はこれを [フレームフォルダーを分割] のデフォルトにしました。

• [フォルダーではなくフレーム境界を分割] は、分割されたフレームの境界を同じフレームフォルダー内に保持し、[フレーム境界を分割] のデフォルト設定です。

以下では、元のフレーム境界フォルダーにラスターレイヤーとトーンレイヤーが含まれています。フレームを分割した後、3 つのオプション間の違いを確認できます。

編集パネル

[オブジェクト] ツールを使用して既存のパネルを編集できます。パネルをクリックすると、パネルは次のようになります。

1. 回転。

2. サイズ変更。

3. コントロールポイント。これらを使用してパネルの形状を変更できます。ベクターのように機能します。

4. パネルを拡張。 これらの黄色の三角形は、特定の方法でパネルを拡張します。キャンバスに他のパネルがない場合、パネルはキャンバスの端を超えて拡張されます。

ただし、パネルの周囲に他のパネルがある場合は、他のパネルがなくなるまで周囲のパネルの端にスナップされ、キャンバスの端を超えます。

パネルを別のパネルがある場所まで拡張すると、拡張されたエッジも他のパネルのエッジにスナップされます。

ツールのプロパティを見てみましょう。ここでは、ツールの設定と同様に、[境界線を描く]を使用して境界線を非表示または表示にしたり、境界線の色、サイズ、ブラシの形状を変更したりできます。また、[ガターを揃える]という設定もあります。

• [なし] は、1 つのパネルの形状を変更しても、キャンバス上の残りのパネルには影響がないことを意味します。

• [水平および隣接] は、パネルの形状を変更すると、その上と下のパネル、およびすぐ隣のパネルに影響することを意味します。ただし、パネルの形状を垂直に変更した場合、すぐ隣以外のパネルには影響しません。私はいつもこの設定を使用しています。

• [すべて] は、パネルの形状を変更すると、[水平および隣接] の影響に加えて、垂直方向の他のパネルにも影響することを意味します。

フレームはベクターなので、[線を修正] ツールも機能します。ここでは、[線幅を修正] と [線幅を再描画] を使用して、パネルの太さを変更しました。

[自由変形] も同様に機能します。

パネルの基礎

パネルの種類

漫画のパネルにはさまざまな種類があります。ここでは、漫画とウェブトゥーンの両方に適用できるものをいくつか紹介します。

1. 通常

長方形または正方形で、他のパネルと重なりません。これは最も汎用性の高いタイプで、何にでも使用できます。

2. 不規則

1 つ以上の辺が斜めになっています。斜めの形状は不安定な印象を与えるため、ダイナミックなシーンに最適です。

3. 重なり

パネルの一部が別のパネルと重なっています。パネルが近いため、次々に発生するアクションを示すのに使用できます。

タイムスキップにも使えます。

4. インセット

大きなパネル内のパネル。パネル内は、シーンの重要な部分にズームインしたり、以下の例のように、大きなパネルで風景に重点を置きながら、シーン内のキャラクターやオブジェクトを表示したりするために使用できます。

5. 破損

パネル内の画像の一部がパネルの境界からはみ出ています。

このタイプを作成するには、レイヤー管理が少し必要ですが、難しくはありません。

1. パネルを越える部分を [フレーム境界フォルダー] の上に配置します。シーンの残りの部分は [フレーム境界フォルダー] 内またはフォルダーの下の任意の場所に配置できます。

2. [レイヤープロパティ] の [境界線効果] を使用して、画像の周囲に境界線を作成し、画像と [フレーム境界線] の間に隙間を作って視認性を向上させます。

3. レイヤーマスクを使用して、境界線と重なる部分を非表示にします。

パネルサイズ

パネルのサイズによって、読者が次のパネルにたどり着くまでの時間が決まります。パネルが大きいほど、必要な時間も長くなり、パネルの注目度も高まります。これを有利に活用できます。

1. 一時停止/間引き

パネルが大きいほど、パネル内で経過する時間も長くなるため、大きなパネルでは一時停止を長くすることができます。

上の気まずい沈黙のシーンでは、イラストは同じですが、パネルが広いため、沈黙が少し長く続いているように見えます。

パネルを高くすることもできます。これは、ウェブトゥーンに適しているかもしれません。

2. インパクト

小さいものと比較すると、何かが本来よりも大きく感じられることがあります。

これらのパネルをご覧ください。

最初の 2 つのパネルが大きいため、最後のパネルはそれに比べて小さく、重要ではないように見えます。

最初の 2 つのパネルが小さければ、最後のパネルはもっと目立つでしょう。

理想的には、重要なシーンやインパクトのあるシーンには大きなパネルを使用します。そのため、大きなパネルが先にある場合は、少なくとも 1 つまたは 2 つの小さなパネルを盛り上げるために挿入するようにしてください。

コミックパネル

マージン

新しいページやファンジンページを作成すると、デフォルトでページに「クロップマーク」が表示されます。作品を印刷する予定がある場合、これは重要です。

単一ページ設定でのトリムマークは次のようになります。

1. ページ/キャンバスのサイズ

2. 内側の境界線

「セーフエリア」とも呼ばれます。重要なコンテンツ (テキスト、パネルの主な焦点) はこの境界線の内側にある必要があります。フレームの境界線は内側の境界線に自動的にスナップされるため、まっすぐに保つのが簡単です。

3. トリム境界線 (クロップマーク)

印刷すると、これが印刷されたページの端になります。

4. ブリード境界線

これは切り取られる領域です。個人的には 5mm が最適です。印刷とカットは常に完璧であるとは限りません。機械がトリムラインで完璧にカットされないことはよくあります。ブリード境界線 (「セーフティマージン」とも呼ばれます) は、印刷領域の端とカットラインの間に隙間ができないようにする機能です。

これは、見開きページのクロップマークの外観です。ページ間にブリード境界線はありません。

出版社や印刷会社によって標準が異なるため、ファイルを送信する前に必ず確認してください。トリムマークを変更するには、[表示] > [トリムマーク/既定の境界線の設定...] をクリックします。

パネルレイアウト

出身地によって、左から右に読むか、右から左に読むかが変わります。パネルレイアウトの設計を始める前に、読む方向を決めることが重要です。

以下に示すように、まったく同じパネルレイアウトでも、読む方向によって読む順序がまったく異なります。

一貫性を保つために、左から右 にこだわります。

どちらの読み方を好むかがわかったら、レイアウトを設計します。いくつかの点を考慮する必要があります。

読みやすさ

レイアウトが優れているということは、大多数の読者が簡単にどの方向に進むべきかを判断できるということです。私たちの主な目標は、読者を混乱させないことです。ストーリーがどれだけ優れていても、アートがどれだけ素晴らしいものであっても、読者が混乱しては意味がありません。読者がストーリーに完全に没頭する代わりに、どのパネルが最初に来るかを考えるのに忙しくなるのは望ましくありません。

以下のページを参照して、パネルの読み順が理解できるかどうかを確認してください。

成功しましたか? パネルをグループ化すると、レイアウトが機能しているかどうかを確認しやすくなります。

作成者として、読む方向は 1-4、A-B、黄色、青、シアン であるべきだと断言できます。しかし、1-4、黄色、青、シアン、A-B のほうが意味が通っていると考える人もいるでしょう。読者を混乱させるつもりがない限り、このような曖昧なレイアウトは避けるべきです。

シアンと B のパネルだけを調整すると、次のようなよりよいレイアウトになります。

パネルのレイアウトがうまく機能するかどうかわからない場合は、パネルをグループ化してみてください。別の例を次に示します。

ガターの管理

読みやすさの鍵は、[ガター]を管理することです。パネルを分割する方法はいくつかあります:

1.グリッド = パネルの中央のガターの外観(プラス)。4 コマ漫画で最もよく使用されます。

個人的には、4 コマ漫画以外では読みにくくなる可能性があるため、これを使用することはお勧めしません。気に入った場合は問題なく機能しますが、私はもっと明確なものを好みます。

2. スタガー = 4 つのパネル間の溝は Z 字型です。これは、グリッドの代わりに私が好んで使用する方法です。境界線を少し動かすだけで、意図した順序でパネルが読めるようになります。

3. 閉塞 = 3 つのパネル間の溝が T 字型になっています。

4. 分離 = パネル間に大きな隙間があります。これは、タイムスキップによく使用されます。

Tachikiri/Cutoff Panel

漫画家が内枠を超えてコマを延長することはよくあります。このタイプのコマは「タチキリ」または「カットオフコマ」と呼ばれます。

漫画本を製本すると中央部分が見えにくくなるため、見開きの中央部分までパネルが延長されていないことに注意してください。

また、印刷/トリミングエラーによって生じる不自然な空白を防ぐために、[tachikiri]が[Bleed border]を超えていることを確認してください。

パネルの重要な部分（焦点またはテキスト）を [トリム領域] 内に配置しないでください。前に述べたように、重要なコンテンツは [内側の境界線] 内に収めてください。

ダブルページパネル

前のセクションでは、2 つのページの間の中央部分はそのまま残っていましたが、パネルが両方のページを埋め尽くす場合は、この部分を描かざるを得ません。

この部分はトリム領域のままであり、綴じると見えにくくなるため、アートのテキストや音声ポイントを中央に配置することは避けてください。たとえば、以下を参照してください。

ボーカルポイントはクジラの顔とその上にある小さな家なので、どちらも [内側の境界] の内側にあります。

Clip Studio EX をお持ちの場合は、印刷して製本したときの外観を確認して、配置が適切かどうかを判断できます。コミックプロジェクトウィンドウの任意の領域 (プロジェクト内の複数のページが表示される場所) を右クリックし、[[製本用の 3D プレビュー...]] を選択します。

綴じるとこんな感じになります。発声ポイントがはっきりわかります。

ボーカルポイントが中央にある場合はこのようになります。

ウェブトゥーンパネル

ロングストリップ形式は非常に寛容で、余裕がたくさんあります。余白、のど、タチキリを気にする必要はありません。

見開きページの素晴らしさを表現できないことと、横長のパネルがあまりうまく機能しないことは残念ですが、それだけです。

ギャップのあるペース

ロングストリップ形式の最も優れた点の 1 つは、パネル間の隙間を利用してストーリーのペースを調整できることです。

パネルが近いほど、スクロール速度が速くなり、ペースが速くなります。隙間が大きいほど、遅くなります。ここでは、隙間のサイズが異なる 3 つのバージョンのシーンを用意しています。

アクションシーンや白熱した議論など、ペースが速く緊張感のあるシーンでは、パネルを近づけておくのが最適です。パネルを重ねると、さらに緊張感が増します。これは、読者が少しでもスクロールすると、次のパネル、さらに次のパネル、さらに次のパネルと表示されるためです。少しスクロールして 1 つのパネル、もう一度スクロールして次のパネルを表示するのとは対照的です。リラックスしたシーンでは、隙間を大きくします。

ここでは、隙間のサイズが異なる 3 つのバージョンのシーンを用意しています。