コミック制作の基本
コミックのパネル遷移：すべてのカットを物語のために
パネル遷移とは、読者が2枚の絵の間から読み取る変化のことです。Scott McCloudの6分類を使ってその変化を表し、物語が伝わるカットを選びましょう。
公開元 LlamaGen編集チーム更新日
すぐに答え
間を見せるならmoment-to-moment、動きをつなぐならaction-to-action、会話ならsubject-to-subject、時間や場所が飛ぶならscene-to-scene、雰囲気を見せるならaspect-to-aspect、意図的な断絶があるときだけnon-sequiturを使いましょう。
これらの参考資料は、基礎となる技法を解説しています。以下のオリジナル演習はLlamaGenの例であり、著者がLlamaGenを推奨しているわけではありません。
直接的な冒頭
本の山を見つける
本を持ち上げ、鍵を見せる
司書が反応する
ためらいを強調する冒頭
止まった手を見せる
本を持ち上げ、鍵を見せる
司書が反応する
フィクションのキャラクターを使ったオリジナルの解説イラストです。顧客のコミックや製品スクリーンショットではありません。
コマ割りで変わるページの印象
オリジナルの合成イラストで、3 種類のコマ配置を比べてみましょう。
コマ割りを比較するためのオリジナル合成作例です。漫画生成ツールの実際の生成結果を記録したものではありません。
無料の全 30 レイアウトを見る何が変わるかで遷移を選ぶ
McCloudの分類は、隣り合うパネル同士の関係を表すもので、6種類の必須ページテンプレートではありません。以下の例では、オリジナルの図書館シーンを使っています。
- 瞬間から瞬間へ
- ごく短い間を保ちます。同じ手が本の上で止まり、次に指先が表紙に触れます。この小さな変化で、ためらいが際立ちます。
- 行動から行動へ
- 主体はそのままに、別の動作へ進めます。手が本に触れ、次に持ち上げます。読者が動きを推測できるだけの視覚情報を入れましょう。
- 対象から対象へ
- 同じシーン内で視点を移します。鍵が机に落ち、次に司書が反応します。見える目印を繰り返し使って、同じ場所での出来事だと分かるようにします。
- 場面から場面へ
- 時間や場所をまたいで進めます。列車が出発し、数時間後に海岸へ着きます。新しい状況をはっきり示しましょう。
- 側面から側面へ
- 窓の雨、人気のない通り、止まった時計を見せます。こうした関連する要素は、1つの行動を進めるのではなく、雰囲気を作ります。
- 非連関（意図的に脈絡なく飛ぶ展開）
- 物語上のつながりが明白でない飛躍を作ります。実験的な流れには使えますが、因果関係のあるシーンでは、まず文脈不足で読者を混乱させていないか確認しましょう。
読む順番を明確に保つ
パネルと吹き出しの読み順が誤っているページは、遷移設計だけでは救えません。
- シーンの基準を作る
- 背景の目印、カメラ軸、または分かりやすい導入パネルを再利用し、角度が変わっても場所が変わったように見えないようにします。
- 文字入れの余白を確保する
- 次のパネルが返答なら、視線が自然に向かう位置に吹き出しの余白を残しましょう。
- 方向を確認する
- 欧米式の左から右、マンガの右から左、縦スクロールのWebtoonでは、必要な視線の流れが異なります。単体のサムネイルではなく、実際のページで確認してください。
実例：図書館の鍵を見つける
図書館は閉館間近です。学生が返却された本の山を確認し、近くで司書が待っています。
パネル 1
クローズアップでは、学生の手が一番上の本の上で止まっています。机の縁と返却トレイが空間を示しています。
パネル 2
学生が本を持ち上げると、真鍮の鍵が滑り落ちます。主体が別の動作へ進んでおり、action-to-actionです。
パネル 3
司書は同じ机の上の鍵に向き直ります。注意が別の人物へ移り、subject-to-subjectです。
最初の絵はためらいを強調しています。1→2のカットは動作を進め、2→3では同じシーン内で主体が変わります。moment-to-momentの組み合わせにするなら、本を持ち上げる前に、指先が表紙に触れるほぼ同じクローズアップを挟みましょう。
日常で使うコミックページ
素早い発見と、意図的にためる演出を比較する
3枚構成の両方で、本・鍵・机・結末は同じにします。変えるのは冒頭の焦点だけです。
直接的な冒頭
- 学生は返却された本の山を見る。
- 学生が一番上の本を持ち上げると、鍵が机に落ちる。
- 司書は鍵のほうを見る。
ためらいを強調する冒頭
- さらに近い構図で、同じ本の上に止まる学生の手を見せる。
- 学生が本を持ち上げると、同じ鍵が机に落ちる。
- 司書も同じ反応を見せる。
比較のしかた
- 両方の冒頭をサムネイル化し、同じ机の縁か返却トレイが見えるようにします。
- 各コマの間に、何が変わるかを書き出します。動作、主体、時間、場所のどれかです。
- より寄った冒頭で、ためらいが分かりやすくなるか比べましょう。発見の流れが追いにくくなるなら、読者が状況をつかめるだけの机を戻します。
- 別のmoment-to-moment実験として、持ち上げる前に指先が表紙に触れる、ほぼ同じフレームを追加します。
確認ポイント
どちらの版も分かりやすくできます。より寄った冒頭は手に注目を集めますが、必ずしもそれが良いカットとは限りません。画角が変わっただけでは、遷移がmoment-to-momentになるわけではありません。
この演習では証明できないこと
これはオリジナルの編集例であり、読者テストの測定結果ではありません。図は選択肢の一例を示すもので、すべての遷移カテゴリを示したり、読書時間への固定的な効果を証明したりするものではありません。
公開前に：ページを見直そう
- 初見の読者が、各2枚のパネルの間で何が変わったか説明できますか？
- その遷移は、時間・場所・意図的な飛躍の理由を保っていますか？
- 1枚減らしても、感情の山を失わずに分かりやすくなりますか？
- 視線は、会話と次のパネルに意図した順番で届きますか？
よくある質問
アクションにはどのパネル遷移を使えばいいですか？
action-to-actionは、よくある良い出発点です。決定的な動きの前に期待感を持たせたいときは、moment-to-momentの間を加えましょう。
1ページに異なる遷移タイプを混ぜてもいいですか？
はい。ラベルは隣り合うパネルの関係を示すもので、排他的なページテンプレートではありません。
AIが自動で最適な遷移を選んでくれますか？
自動結果だけで読みやすいテンポが保証されるわけではありません。生成されたパネルを確認し、分かりにくい飛躍は自分で修正してください。
参考文献と関連資料
- Scott McCloud — Understanding Comics ↗
著者の概説では、closure、時間、動き、言葉と絵の関係が本書の主題として挙げられています。6つの遷移カテゴリは、closureの議論から生まれたものです。
- Anina Bennett — Comic Book Writing Guide ↗
「Between the Panels」セクションでは、McCloudの6分類を名前付きで説明しています。カットが実際にどの関係を描いているか確認するときに役立ちます。
コミック制作ワークフローを次の段階へ
目に見えるストーリービートを設計し、関連するツールを試し、結果は自分で確認しましょう。これらのガイドは、コミックを自動で解析したり修復したりすることを約束するものではありません。