Webtoonとページ漫画は一見するとそれほど違いがないように見えるかもしれません。しかし、実際には全く異なる読書体験を提供します。縦スクロール形式では、読者に一度に2つ以上のコマが見えることはほとんどありません。これにより、緊張感を高め、シーンの切り替えといった漫画の構造的要素を扱うための異なる方法が可能になり、またそれが求められます。

 

このチュートリアルでは、技術的な観点と概念的な観点の両方から、シーンの切り替えを作成するための8つのテクニックを紹介します。

 

このチュートリアルの動画版をご覧になりたい場合は、こちらからアクセスできます。

基本のコツ

まず、Webtoon制作を始めたばかりの方は、私の別のチュートリアル「印刷とWebtoonの両方に対応した漫画制作」をまずご覧になることをお勧めします。このチュートリアルでは、いくつかの基本事項について説明しています。

次に、Webtoonを制作する上で常に心に留めておくべき重要なことは、スマートフォンやタブレットで漫画を読む人にとってどのように見えるかということです。以前は、一般的なスマートフォンの画面サイズで小さな赤い長方形を描き、それをWebtoonの上に重ねて、アートのどの部分が見えるかを把握するのに役立つと感じていました。しかし、バージョン1.10.5以降、CLIP STUDIO PAINTには「表示」メニューの下に「画面表示領域」オプションが追加され、このガイドラインをより便利に利用できるようになりました！

これを踏まえ、具体的なシーン切り替えテクニックの例をいくつかご紹介しましょう。

テクニック #1 - ズームインとズームアウト

これは2つの基本的なテクニックの1つで、このチュートリアルで紹介する他のいくつかのテクニックと組み合わせて使用するのをご覧になるでしょう。

 

非常に簡単です。シーンを設定するときは、徐々にズームインしていくのが好きです。同様に、シーンを終えるときは、徐々にズームアウトしていくのが好きです。これは読者に特定の焦点感覚を伝えるのに役立ちます。何か面白いものを見たい場合、それに近づいたり、顔の近くに持ってきて調べたりするかもしれません。Webtoonでこのテクニックを使用するとき、私たちは読者のためにこのアクションを実行し、「ねえ、何かが起こりそうだ」または「よし、このシーンは終わりだ」と伝えているのです。

テクニック #2 - 色

シーン間の切り替えを視覚的に区別するもう一つの明確な方法は、異なる色を使用することです。これは最も簡単な方法の一つです。もちろん、明るさも別の選択肢であり、Webtoonがグレースケールのみの場合には特に重要になります。

 

例えば、ここではエンリコが部屋にいる様子を、暖かくパステル調の緑色のトーンで表現しています。一方、ドジャーは茶色のカーペットの上に横たわっています。これは色の変化の最も劇的な例ではありませんが、これらのテクニックで常に読者を強く意識させる必要はなく、 subtleな適用でも意図を十分に伝えられるという便利なリマインダーです。

特定のアクションが両方の場所で起こっている場合、色を使って2つの別々の場所を繋ぐこともできます。ここでは、テキストメッセージを介してであっても、エンリコの興奮がドジャーに届いていることを伝えるために、高揚感のある黄色の背景を使用しています。

テクニック #3 - 心の中へ

より高度なテクニックに進みましょう。

 

これは、フラッシュバックや登場人物の想像の中のシーンへの切り替えに役立ちます。

登場人物に焦点を当てたコマから始め、次にその顔にズームインするコマを追加します。もしよろしければ、さらにズームインするコマを追加し、セリフを添えることもできます。

 

「現実世界」のシーンの最後のコマと、記憶や想像のシーンの最初のコマを作成する際に、特に登場人物の配置に関して、同様の構図を使用すると役立ちます。両方のコマで同じように見えたり、同じ表情をしていたりする必要はありません。しかし、登場人物はそれぞれのシーンの明確な焦点であるべきです。読者がそれが記憶や白昼夢であるという繋がりを形成するのに役立つアンカーポイントとなるのです。

 

上記の私の例では、このルールから逸脱しています。なぜなら、私のキャラクターであるドジャーが幻覚を見ることができるとすでに設定しているからです。さらに、ここでの彼の幻覚の焦点はサミーです。彼をコマの中心要素として示す必要性を感じず、単に背後からサミーを観察している様子を描写しました。

 

これらのコマの背後にグラデーションを追加して、たとえば、記憶されたり想像されたりするコマの間、明るい背景から暗い背景へと移行させると役立ちます。これは、異なる背景色の前にあるすべてのコマが現在のタイムラインや現実の一部ではないことを読者に伝えるのに役立ちます。

もちろん、グラデーションの使用に限定されるわけではありません！このセクションの冒頭の例では、特定の線画効果とユニークなカラーパレットを使用して、同じ結果を達成しました。

 

グラデーションツールとレイヤーのトーンオプションを組み合わせることで、ユニークな効果を素早く簡単に作成することもできます。

詳細については、特に「トーン化されたグラデーション」のセクションを、このチュートリアルで確認することを強くお勧めします。

また、ドラマチックにするつもりがないのであれば、この種の切り替えを長くする必要も常にありません。このテクニックの短縮版は、ギャグやキャラクターが突然何かを悟るような場合に役立ちます。

ここでは、ドジャーの顔にズームインすることなく、短いフラッシュバックを見せています。しかし、彼が直接読者を見つめる表情、ビネット効果、そしてフラッシュバックコマの思考バブルスタイルの枠線はすべて、これが記憶であることを読者に伝えるのに役立っています。

テクニック #4 - 一つのシーンにおける複数のアクション

このテクニックを使えば、ほとんどアニメーションのような効果を出すことができます。一つのアクションの複数の段階、または複数の関連するアクションを示すことで、これらのアクションを強調することができます。

 

一つの例を挙げます。

シーンに穏やかな早朝の雰囲気を確立したかったので、空を飛ぶ鳥を見せることにしました。空は縦方向のスペースが広いため、同じ鳥をこのアクションの異なる段階で示すことができました。

 

また、シーンの冒頭では何が起こっているのか文脈がわからず、鳥が recognizableな landmark に着陸して初めて、読者はそれが物語にどのように関連しているかを理解するでしょう。これは興味を引く感覚を生み出すのに役立ちます。

 

同じテクニックは、単一の背景パネルにも適用できます。前の例のように穏やかな環境を強調するか、このコンセプトのように非常に速いアクションを強調するかのどちらかです。

あるいは、各コマで背景と構図を同じに保ち、キャラクターのアクションのみを変える複数のコマを使用することもできます。構図上の理由で単一の背景コマのテクニックが使えない場合でも、この選択肢は同様に有効です。

また、あるコマでキャラクターがアクションを開始し、次に任意のコマの外側でアクションの様々な段階を示し、最後に別のコマでアクションを完了させることで、場所を切り替えることもできます。

テクニック #5 - テキストで場所を繋ぐ

異なる場所で同じ出来事が起こっている場合や、異なる視点から見られている場合、テキストや色を使ってこれら2つのシーン間の繋がりを伝えることが役立ちます。

 

例えば、ここではテキストを使ってキャラクター同士を繋いでいる2つの例を示します。どちらのケースでも、テキストはキャラクターを示すコマから離れるか、それを超えて伸びています。これは、このテキスト（このセリフや効果音）が、描かれた場所の範囲を文字通り超えて広がっていることを読者に伝えるのに役立ちます。

私の他のWebtoonチュートリアルをご覧になった方なら、CLIP STUDIO PAINTに専用のコマ枠ツールがあることをご存知でしょう。これはWebtoonファイルを整理整頓してクリーンに保つのに非常に役立ちます。ただし、このシーン切り替えテクニックを使用する場合は、パネルフォルダーの中ではなく、その上にある新しいレイヤーを作成する必要があることに留意してください。そうしないと、アートがパネルの外に表示されません。

テクニック #6 - 背景をゆっくりと確立する

2つの異なる設定間でシーンを切り替えたい場合、ゆっくりと行うことが理にかなっている場合があります。

 

例えば、屋外のシーンから別の場所の屋内のシーンに切り替える場合、まず外側から異なる場所を示し、その後に内側を見せると良いかもしれません。

ここでは、外観と内観の間にさらにコマを追加し、シーンの雰囲気をさらに確立しています。水滴の音は静かな環境でしか聞こえないものであり、このコマはそのことを伝えるのに役立っています。

 

また、外観のコマのサイズを読者のスマートフォンの画面を完全に埋めるように選びました。このような大きなコマは、読者がシーンにじっくりと目を留め、より重要に感じさせるのに役立ちます。異なる場所間の切り替えにおいて、これは読者の注意を引き、その切り替えを強調するための役立つテクニックとなり得ます。

テクニック #7 - 時間の経過を伝える

背景の風景を示すコマは、時間の経過を表現するのに役立つ方法です。例えば、照明、天気、あるいは店の閉店や駐車場の車の出発といった細部まで変更することができます。可能性は無限大です！

補足：シーンの照明を変更したい場合、特に微妙な変更をしたい場合は、シーンを最初から完全に再着色するのではなく、まず補正レイヤーを使用すると、より便利で迅速です。補正レイヤーの詳細については、このチュートリアルをお勧めします。

このテクニックを使用する際、コマ間の間隔に注意することが重要です！コマを互いに近くに配置すると、読者はそれらを素早くスクロールしてしまう可能性があり、これらのコマが短い期間で起こっているように感じるかもしれません。コマをより広く配置し、読者がスクロールに時間がかかるようにすると、時間の経過の感覚が増します！

テクニック #8 - まずセリフを見せて興味を引く

これはWebtoonに焦点を当てた私の別のチュートリアルでもすでに話しましたが、ここでこのテクニックを繰り返したいと思います。新しいシーンや場所を明かす際の驚きは、まずそのシーンをほのめかすセリフを見せることで高めることができます。

 

これを行うには、セリフがスマートフォンの画面全体を占めるようにします。そうすることで、読者はそのセリフについて一瞬考える必要があります。この間、彼らはその意味合いについて考えたり、意識的または無意識的に心の中でシーンを構築したりするかもしれません！

 

この後、あなたは完全なシーンを示すことができ、読者の期待を裏切って驚かせたり、彼らの予測が正しいと判明したときに興奮させたりすることができます！

ありがとうございました！

これで終わりです。これらの8つのテクニックが、Webtoon制作の際に役立ち、インスピレーションとなることを願っています。もちろん、シーンの切り替えを扱う方法は他にもたくさんあります。それらを学ぶ最善の方法の1つは、Webtoonを分析的なアプローチで読み、どのようなテクニックが印象に残り、なぜそうなのかを解明することです！

 

お気に入りの切り替えテクニックはありますか？コメント欄で自由に議論してください！いつも読んでいただきありがとうございます！

 

あ、もしここでお楽しみいただけたなら、私の漫画もチェックしてみませんか？