マニー・ゲバラによる総合ガイド

導入

こんにちは、皆さん！私の名前はマニーです。WEBTOON CANVAS で 5 つのコミック シリーズを公開しているウェブコミック アーティストです。このチュートリアルでは、Clip Studio Paint でシリーズを制作する中で私が長年学んだコミックのパネル作成のヒントをいくつか紹介します。主に、メインのコミック「The Mind’s Eye」と最新のコミック「Multo!」を参考にします。

 

 

ウェブトゥーン

書式設定のヒント

漫画制作プロセス全体を通して漫画のパネル作成を容易にするために、描き始める前にできることがいくつかあります。まず、作業する形式を決定する必要があります。ここではいくつかの異なるアプローチを取ることができ、それぞれに独自の利点があります。

 

 

ウェブトゥーン形式

WEBTOON 形式とは、Web 上で「映画のような体験」として読むことを目的とした、連続した垂直スクロール形式を指します。この形式では、ガター スペースとパネルの配置を使用して読者のペースを制御できます。

ウェブ上で読むためだけのコミックを作成する場合、キャンバスの DPI などは、主に物理的な印刷品質に影響するため、それほど気にする必要はありません。さらに、楽しいパネルの形状や画面全体を占める「インパクト パネル」などを自由に探求できます。

新しいキャンバスを作成する場合 (Ctrl+N)、Clip Studio には、[プロジェクト] > [Webtoon] の下に、便利な WEBTOON プリセットを含むいくつかのキャンバス オプションがあります。

WEBTOON にアップロードできるファイルの最大サイズは 800 x 1280 ピクセルです。そのため、最初は [Webtoon 3] と [Webtoon 4] のプリセットがキャンバス サイズとして適しています。

 

個人的には、キャンバスを 1600 x 25,600 ピクセル、300 DPI に設定しています。これは、キャンバスを最終的な画像よりも少し大きくするのが常に良いアイデアだからです。エクスポート時に画像を拡大すると品質が損なわれるので、拡大したくはありません。したがって、WEBTOON にアップロードするときに最終的なファイルの幅が 800 ピクセルになる必要があることを念頭に置いて、より高い品質を確保するために幅を必要な量の 2 倍にすることを目標としています。

 

さらに、最終的なファイル サイズは 1280 ピクセルになるため、最終的にいくつのファイルが作成されるかを判断できるように、ファイルの長さを 1,280 または 2,560 の倍数に保つようにしています。

これは、シリーズを印刷する予定がない場合にコミックをパネル化するのに適した形式です。ただし、私の意見では、縦スクロール コミックを印刷用に再フォーマットするのは、その逆を行うよりもはるかに難しいことを覚えておいてください。

 

 

印刷形式

将来的にコミックを印刷することを考えているなら、最初からコミックをパネル化して印刷用にフォーマットするのが最善です。印刷用にフォーマットするときには、いくつかの追加の変数を念頭に置く必要があります。

 

まず、印刷時に各ページに収まるパネルの数と形状に制限があるのは明らかです。欠点の 1 つは、スプレッド内のすべてのパネルが一度に表示されるため、読者のペースを制御するのが少し難しくなることです。

一般的に、ページ スプレッド内にパネルを配置する際には、次の 3 つの「ゾーン」を考慮する必要があります。

 

1️⃣ ライブ エリア または「セーフゾーン」。このゾーン内に描画すると、すべての要素 (キャラクター、セリフ、背景など) が表示されます。

 

2️⃣ トリム ライン。名前のとおり、印刷時にスプレッドがトリミングされる場所を示します。

 

3️⃣ ブリード ライン。これは、ブリード (印刷時にページの境界を超えて引き伸ばしたい画像) に使用できます。

ほとんどのパネルとダイアログ ボックスは、印刷時に表示され、簡単に読めるようにするために、ライブ エリア 内に描画する必要があります。開いたパネルは、トリミング時にページの端を超えるように、少なくとも ブリード ライン まで描画する必要があります。

新しいドキュメントを作成する場合 (Ctrl+N)、Clip Studio Paint には、次に示すように、[コミック] プロジェクト タイプの下に、ブリードなどのガイドラインが組み込まれた、印刷に適した便利なプリセットが多数用意されています。

印刷会社によってフォーマットのガイドラインは異なりますが、コミックを印刷用にフォーマットする前に、そのガイドラインが何であるかを判断することが非常に重要です。

 

Clip Studio Paint で提供されている便利なプリセットに加えて、特定の印刷会社を念頭に置いている場合は、多くの場合、その印刷会社の Web サイトでテンプレートなどのリソースをダウンロードできます。たとえば、私は次のテンプレートに示されているガイドラインに従って上記のスプレッドを作成しました。

 

 

「ハイブリッド」形式

では、どちらが「良い」のでしょうか? WEBTOON 形式か印刷形式か? もちろん、答えはコミックをどのように配布する予定かによって異なります。

WEBTOON などの Web ベースのプラットフォームで読むためのコミックを素早く作成することに主眼を置いており、近い将来に印刷する予定がない場合は、WEBTOON 形式で作成してみると良いかもしれません。

 

これにより、吹き出し、欄外の注釈、またはインパクトのあるパネルなど、事実上無制限のスクロール スペースを利用して実験することができます。また、先ほどお話しした「映画のような体験」を作成することもできます。これにより、コミックの劇的なペースをより簡単に制御できます。

主にコミックの印刷版を準備していて、WEBTOON などの Web プラットフォームで縦スクロール バージョンを共有する予定がない場合は、もちろん印刷形式オプションを使用することをお勧めします。これにより、コミックの印刷制作パイプラインを迅速化できます。また、コミックをオンラインで共有する予定がある場合にも最適ですが、縦スクロールではなくページ形式で共有します。

ただし、上記の両方を行う予定の場合は、コミックのフォーマットの 3 番目の「ハイブリッド」オプションをお勧めします。これを「ハイブリッド」オプションと呼ぶのは、WEBTOON と印刷形式オプションの両方の利点を活用しながら、それぞれの欠点のほとんどを軽減するためです。

 

ここでのアイデアは、コミックを印刷形式で描きますが、WEBTOON 形式を念頭に置いてアセットの作成に取り組むことです!

前述のように、縦スクロール コミックを印刷用に再フォーマットするのは、その逆よりもはるかに困難です。そのため、まずは少なくとも 300 DPI の解像度のキャンバスで印刷フォーマットから始めることをお勧めしますが、イラストやその他のアセットが WEBTOON で読めるように最適化されるように、次の手順を実行してください。

1️⃣ フル [RGB カラー] スペクトルを使用して描画し、Clip Studio Paint のエクスポート設定を使用して [CMYK カラー] でエクスポートします。最初から CMYK で描画するのではなく、この方法をお勧めします。これにより、画面でしか見られない鮮やかな色が多数含まれている、Web でコミックを公開するときにフル RGB カラー ガマットを活用できます。

 

プリンターは、バックライト付き画面と同じ色をすべて物理的に再現することはできません。そのため、エクスポート設定で [CMYK カラー] 表現色を使用してエクスポートし、印刷時に色が正確になるようにする必要があります。

 

2️⃣ Clip Studio Paint のフレーム境界ツールを使用して、レイヤー管理とパネル境界の操作を簡単にします。[サブツール: フレーム境界] には、キーボードの (U) をクリックしてアクセスできます。このツールについては、以下のセクションで詳しく説明します。

 

3️⃣ フレームの境界線内の各パネルの領域全体を塗りつぶします。これには、再フォーマットのプロセスで移動する可能性のある吹き出しやその他の要素の背後も含まれます。コミックを WEBTOON 用に再フォーマットする場合、吹き出しとテールの配置の大部分をやり直す必要がある可能性が高く、イラストに隙間ができないようにする必要があります。

 

4️⃣ 同様に、ほとんどのパネルは再フォーマットのプロセスで移動する必要があり、一部のパネルは、垂直スクロール形式で読みやすくするために、形状を変更したり、トリミングしたり、拡張したりする必要があるかもしれません。そのため、背景などのアセットは、中間および前景の要素とは別のレイヤーに保存し、パネルのサイズを大きくする必要がある場合に備えて、パネルの境界線を少し超えて描画することをお勧めします。

フレーム境界ツール

さあ、楽しい部分です！パネル作りを始めましょう！

 

 

フレームの境界線を作成する

Clip Studio Paint にはコミックをパネル化するための優れたツールが多数ありますが、私は主に [サブツール: フレーム境界] を使用しています。このツールを使用すると、レイヤーの管理が容易になり、パネル境界を簡単に編集できるシームレスなワークフローが実現されるため、このツールを使用することをお勧めします。

 

[サブツール: フレーム境界] は、ツールバーの下部近くにあり、下のアイコンで区切られているか、キーボードの (U) をクリックして見つけることができます。

[サブツール: フレーム境界] を選択したら、画面上でカーソルをクリックしてドラッグするだけで、自己完結型のパネルを即座に作成できます。

これにより、各フレームに対して、一種のレイヤー マスクとして機能するフォルダーが自動的に生成されます。各フォルダー内に個別のレイヤーを作成できますが、その上に描画したものはすべてフレーム内に含まれます。

フレームの境界線の編集

フレームをすばやく切り替えるには、キーボードの (O) をクリックして [サブツール: 操作] に切り替え、目的のフレームを選択します。[サブツール: 操作] を使用して、フレームの境界を選択してフレームのサイズを変更したり変形したりすることもできます。

 

コントロール ポイントを使用してフレームを調整することもできます。コントロール ポイントは、選択されていないときはフレームの角に中空の赤い四角形として表示され、選択されているときは緑の赤い四角形として表示されます。コントロール ポイントを操作するには、コントロール ポイントを 1 つ選択して、キーボードの矢印キーを使用するか、マウスでドラッグして移動します。

[サブツール: 操作] を使用してフレームにコントロール ポイントを追加するには、フレームを右クリックして [コントロール ポイントの追加] を選択します。この方法でコントロール ポイントを削除することもできます。

フレームを分割するには、[サブツール: フレームの境界線] メニューの [フレームの切り取り] オプションを使用します。この結合ツールを使用するには、フレーム上で目的の方向にドラッグするだけです。

 

[フレーム フォルダーの分割] オプションは、現在のフレームのフォルダーを 2 つに分割しますが、[フレームの境界線の分割] は、現在のフォルダーを維持し、境界線の形状を変更するだけです。

出血

設定されたフレーム境界の外側にブリードを描画したり、パネルを開いたりするには、別のレイヤーまたはレイヤー フォルダーに描画するだけです。

他のパネルの下のレイヤーにブリードを描くと、ページの残りの部分を結び付けるドラマチックな雰囲気を演出できます。これは、エスタブリッシング ショットやその他の風景ショットに特に役立ちます。

他のパネルの上のレイヤーに要素を描くと、ページをまとめることもできます。また、他の風景要素から「型破り」/脱却してパネルの境界を超越するモチーフを確立するのにも役立ちます。

 

たとえば、私のコミック「Multo」のこのシーンでは、突風が葉を空中に飛ばし、パネルやガタースペースを越えてページを横切らせ、自然がこの人間の交流を上回っていることを示唆しています。

同様に、ここでの青い精霊は、フレームの境界内に閉じ込められた人間のキャラクターの「上」の平面（文字通りにも比喩的にも）に存在する他の自然要素と結び付けるために、パネルの上のレイヤーに描かれています。

パネリングワークフローのヒント

サムネイルスケッチ

パネルの詳細なスケッチに挑戦する前に、ページのレイアウトを小さなスケールでサムネイル化することをお勧めします。サムネイルは、将来のページでパネルの流れを確立するのに役立つ大まかなスケッチです。これらは通常、最小限の詳細を含む小さな絵で、素早く連続して描かれるため、いくつかの異なる反復を繰り返せば、ストーリーに最適なものを確認できます。

私は、全体の流れを把握するために、別のドキュメントで小さなサムネイル スケッチを作成するのが好きです。次に、現在のシーンのビジョンに最適なサムネイルのセットを選択したら、最終的なキャンバスでストーリーボードとスケッチの段階に進みます。これらの段階で、次のことを行います。

 

1️⃣ 最終的なキャンバスでパネルを構成する、

 

2️⃣ キャラクターのブロッキング、ポーズ、基本的な表情をマップする、

 

3️⃣ 吹き出しを配置する。

吹き出し

スケッチの早い段階で吹き出しを配置する場所を計画しておくことを強くお勧めします。そうすれば、後で吹き出しを詰め込むのに苦労したり、美しいアートワークを隠したりする必要がありません。これにより、パネル化プロセスがスムーズになります。

 

吹き出し、思考の吹き出し、ナレーション ボックスがパネルに詰め込まれすぎないように、WEBTOON ではパネルごとに 3 つ以下に制限することをお勧めします。

 

上記の「ハイブリッド」フォーマット ルートを使用する場合、通常、印刷形式では、キャラクターの両側にダイアログを配置するためのパネル スペースがさらに確保されます。その後、WEBTOON 用に再フォーマットすると、パネルの上下にダイアログを配置するための余白スペースがさらに確保されます。このようにダイアログの間隔を空けると、読者のペースを調整したり、インパクトのある行を強調したりすることもできます。

パネルのサイズ、形状、フロー

パネルが少し静的に感じられる場合は、パネルの高さ、幅、形状、および配置を変更してみてください。開始するには、以下に示すように、Clip Studio Paint の[マンガ素材] > [フレーミングテンプレート] で使用できるさまざまなパネルテンプレートがあります。

ただし、整然とした雰囲気、落ち着き、あるいは単調さを伝えようとしている場合は、シンプルで均一な形状を使用すると目的を達成できる場合があります。たとえば、以下の 2 つのページのパネルの形状を比較してください。

 

最初のページでは、均一間隔の長方形のパネルを使用して、田園地帯の美しい散歩のゆったりとしたシンプルな雰囲気を伝えています。

逆に、パネルの形状を斜めにして不快なほど鋭いエッジを作成すると、上のキャラクターが歩いている状態から下の精霊を追いかけて全力疾走する状態に移行するときなど、突然のアクションの感覚が伝わります。

パネルのサイズを使用して、特定のショットの重要性を示すこともできます。一般的に、パネルが大きいほど、描かれている主題の重要性が増します。

 

パネル作成をさらに強化したい場合は、オープン/ボーダーレスパネルを試して、新しいキャラクターの紹介など、シーンの重要な瞬間を強調してみてください。

このコンセプトを本当に推し進めたい場合は、フルブリードのスプレッドを作成し、見開きページの両方のページでイラストをブリード ラインまで拡張することができます。

これは優れたドラマチックなツールであるだけでなく、このような大きなイラストは、再フォーマット時に分割して小さな WEBTOON パネルに使用できます。ただし、コミックが綴じられるとブリードの中央が隠れてしまうので、キャラクターやセリフなどの重要な要素は折り目の両側に残しておく必要があることに注意してください。

 

 

ガタースペース

上記の両方のページは、ガタースペース の活用例を示しています。前述のように、ガタースペースはさまざまなユニークな方法で活用でき、次のようなものを配置するのに最適な場所です。

 

1️⃣ 葉や雪などの天気の指標、

 

2️⃣ キラキラ、泡、星などのマンガのパターン、

 

3️⃣ 物語の重要なモチーフ、

 

4️⃣ 単独で存在感を持たせたいインパクトのあるセリフ。

ボーナスのヒント!

WEBTOON用に再フォーマット

WEBTOON で公開するためにコミックをフォーマットおよび/または再フォーマットするための簡単な ボーナス ヒント をいくつか紹介します。

1️⃣ WEBTOON は縦スクロール形式で「映画のような体験」を創り出すことを目指しており、コミックは一度に 1 つのパネルを読むようになっています。キャンバス サイズの幅が 800 ピクセルの場合、WEBTOON はパネル間の縦方向のスペースを少なくとも 200 ピクセル空けることを推奨しています。

 

2️⃣ 場所やシーンの変更を伴うトランジションの場合、WEBTOON はパネル間の縦方向のスペースを少なくとも 600 ピクセルから 1,000 ピクセル空けることを推奨しています。このガター スペースは、時間の経過や距離の遠さを伝えるために使用できます。また、従来の印刷形式とは異なり、WEBTOON の縦スクロール形式では実質的に無限のスペースが確保されるため、ぜひ活用してください。

 

3️⃣ 従来のコミック ページの限られたスペースにパネルを収める必要がないため、縦スクロール形式ではパネルの形状を自由に操作できる新しい可能性が広がります。パネルの高さ、幅、形状、位置を変えて、前述のようにサイズを使用して特定のショットの重要性を示すようにしてください。

 

 

WEBTOONリソース

以下は、WEBTOON CANVAS の Creators 101 セクションからダウンロード可能な WEBTOON リソースです。

 

 

結論

上記のボーナス ヒントは、私の別の Clip Studio Paint チュートリアル「WEBTOON の作成方法: 究極ガイド」から抜粋したものです。WEBTOON 用にコミックを最適化する方法に関するその他のヒントについては、以下の完全版チュートリアルまたはビデオ バージョンをご覧ください。

 

 

以上です！読んでくださってありがとうございます。また、ここで取り上げたトピックについてご質問がありましたら、お気軽にご連絡ください。乾杯！そして、楽しいお絵かきを！🙌