ストーリーボード10分で読めます

ウェブトゥーンを絵コンテにする:縦読みのコマを16:9のカットに変える方法

ウェブトゥーン1話分の絵コンテの切り方。コマ間からタイミングを読み、1コマが1カットか3カットかを見極め、サイズを決め、縦長のコマを16:9にリフレームする4つの方法まで。

Try Screenweaver
ライトテーブルを真上から見た図、左にカラーマンガのコマが縦に長く連なった帯、右に空白のワイドスクリーン用絵コンテカードが一列、コマからカードへ引かれた赤鉛筆の矢印、スチール定規と鉛筆、シネマティックなスチル
ScreenWeaver Logo
ScreenWeaver Editorial Team

2026年9月3日

Updated 2026年10月23日

Read the English original

ウェブトゥーンの絵コンテは、縦の帯をコマごとにたどりながら、毎回3つの問いに答えることで作ります。これは1カットか複数カットか、サイズは何か、縦長のコマをどうワイドスクリーンのフレームにするか。75コマについてこれに答えれば、人でも生成モデルでもそのまま制作に入れる、50〜70カットの絵コンテができあがります。

これは技法の記事です。この工程が組み込まれるワークフローはAIでウェブトゥーンをアニメにする方法に、そもそもなぜやるのかはウェブトゥーンをアニメ化する方法にあります。単独で検索されることも多い「縦から16:9へ」の問題も、ここですべて扱います。カット割りと切り離せない問題だからです。

縦の帯にはすでにリズムがある。描く前にまず読む。

ウェブトゥーン作家は縦の余白でテンポをコントロールします。2つのコマの間の大きな余白は間です。ぎっしり詰まったコマは速さです。画面全体を占める1コマは、止めて見せる瞬間です。カットを1つでも割り振る前に、その話を一度スクロールし、作家がどこで速度を落とし、どこで速めたかに印をつけてください。それがあなたの尺になります。

作家がしたこと時間にするとどういう意味かコンテでは何になるか
コマの前に大きな空白1拍の沈黙前のカットを止めて保つか、ゆっくりしたトラックイン
ほとんど隙間なく積まれたコマ速いカット割り短いカット、それぞれ1〜2秒
画面の高さいっぱいの1コマ止め絵、読者が手を止める3〜5秒、動きは最小限
大きな2コマの間の小さなコマインサート、ちらりと見る0.5秒のカットアウェイ
帯の幅を超えて端まで裁ち落とされたコマ映画的な瞬間いちばん引きのカット、たぶんいちばんいいフレーム
絵がなく、黒地に文字だけナレーションか時間経過黒味にかぶせるボイスオーバー、またはゆっくりした風景カットにかぶせる

この読み込みを誤ると、どれだけいいフレームを作ってもテンポは直りません。

1コマ1カット。ただし、そうでなくなるまで。

基本ルール:各コマが1カットです。崩すのは次の場合だけ、本当にこれだけです。

1コマを2カット以上に分けるとき:

  • 動作の途中を描いているとき。命中のフレームは、その前の振りかぶりと、その後の結果を暗示しています。3つともコンテにしてください。
  • フレームの別々の位置に被写体が2つあり、視線がその間を行き来するように描かれているとき。その動きをコンテにするか、2カットにします。
  • 上から下へ読む縦長のコマのとき。落下、塔、何かを見上げるキャラクター。それはティルトです。始まりのフレームと終わりのフレームをコンテにしてください。
  • 2人のキャラクターのセリフが入っているとき。映画は切り返しで処理しますし、2つの顔を両方とも設定どおりに保たなければならない2ショット1つより、アップ2つを生成するほうが安く済みます。

複数のコマを1カットにまとめるとき:

  • 同じフレーミングで、セリフだけが違うとき。同じアップのコマ3つは、セリフ3つを持つ1カットです。
  • 作家が連続して描いた、ゆっくりと明かされる場面のとき(4コマかけて開くドア)。動きにすれば1カットです。
  • 1人ずつ顔を描いた、集団のリアクションのコマのとき。集団をなめるゆっくりしたパン1つでまかなえ、生成も4回ではなく1回分の費用で済みます。

75コマの1話は、この工程を経るとたいてい50〜70カットに落ち着きます。110カットになったなら、間までカットにしています。30カットなら、1コマの中に隠れたアクションのビートを見落としています。

すべてのコマにサイズを割り当てる

ウェブトゥーンのコマはほとんどがミディアムとアップです。スマートフォンの画面は小さく、ドラマを運ぶのは顔だからです。アニメには引きも必要です。そうでないと、観客は誰がどこにいるのかがいつまでもわかりません。ショットリストには、帯が一度も描かなかった状況説明のカットが加わります。

エクストリームロング、ロング、フルショットのフレーミングを、それぞれコピーして使えるプロンプト文とともに示すScreenWeaverのショットサイズガイド

2026年9月3日にキャプチャしたscreenweaver.aiのショットサイズガイド。それぞれのフレーミングに、画像モデルでそれを生み出すプロンプトの言い回しがついています。

私が使っている対応表:

帯の中のコマの種類コンテでのサイズメモ
顔がコマいっぱいアップコマからそのままトリミング。コストゼロ
頭と肩バストアップ同上
腰から上、背景が少しミディアム左右を少し拡張
全身、コマの中で小さいフルショットまたはロング左右を大きく拡張。場所の参照が必要
背景だけ、キャラクターなし状況説明のロングコマはおそらく横より縦が長い。リフレームかティルト
手、物、ディテールインサートトリミング。編集をプロらしく見せるのはこういうカット
何も描かれていない:シーンが変わる状況説明のカットを足す帯は飛ばしたが、あなたは飛ばせない

状況説明のカットを足すのが、いちばんよくある修正です。ウェブトゥーンの読者は、前のシーンが1秒前に終わったばかりなので、顔から始まるシーンを受け入れます。視聴者には、新しい場所に来たことを知らせる必要があります。

リフレーム:縦からワイドスクリーンへの問題

どのコマも縦長のキャンバスのために構成されています。コンテは横長です。映画の脚本を映像化するときには存在しない工程で、ウェブトゥーンの絵コンテの多くがここでつまずきます。

薄暗い編集室、キャラクターを描いた縦長のマンガのコマを映したスマートフォンを掲げる監督の手、その横のワイドスクリーンモニターには同じキャラクターを映画的な16:9のフレームにリフレームした画面、シネマティックなスチル

4つの手で足ります。

1. トリミング。 アップとミディアム向け。顔や動作を取り、上下を捨てます。セリフのコマの10個に9個は、こうしてリフレームしても何も失いません。

2. 拡張。 場所が重要な引きのカット向け。フレームには、作家が描いたよりも左右に多くの世界が必要です。生成するなら、モデルが場所の参照からそれを描きます。新しい背景を、同じ場所の実際のコマと照らし合わせてください。手で描くなら、状況説明のコマをもとに描き起こします。

3. 高さをカメラワークに変える。 縦長のコマはティルトです。下にいるキャラクターが上の建物を見上げるコマは、顔から建物へのティルトアップ、コンテのフレーム2つ、1カットです。ウェブトゥーンの映像化を、スクロールではなくアニメだと感じさせるのがこの手です。

4. 分割。 1コマに構図が2つ入っているとき(ウェブトゥーン作家が好む、部屋の引きにアップの小窓を重ねたもの)。引きからアップへの2カットとしてコンテにし、小窓がしていた仕事をカット割りにさせます。

ScreenWeaverでアニメ化されたウェブトゥーン、Imaginariumの実際のコマにトリミングを当てはめるとこうなります。それぞれの手はカットのフィールドとして残り、ScreenWeaverにつないだアシスタントが取り込んだページからコンテを組むときも、まさにそう書き込みます。

ScreenWeaverで縦長のウェブトゥーンのコマが16:9のフレームになる過程の図:コマを囲んだImaginariumの6ページ目、3つの処理(アクションにトリミング、ティルトでカメラを動かす、続きのある2カットに分割)、そしてフキダシを外すフレームプロンプトを添えて、完成した16:9のアニメのカットと並べたコマ

フィールド名は、ScreenWeaver MCPが各カットに書き込む名前そのままです。拡張には専用のフィールドがなく、フレームのプロンプトの中に書かれます。

縦長のコマを、左右に黒帯をつけてワイドスクリーンのフレームに収めるのはやめてください。マンガのスライドショーに見え、観客にまさにそう言われてしまいます。

コンテのカード1枚に書くこと

ウェブトゥーンのコンテのフレームには、映画のコンテより多くのことを書き込む必要があります。原作には尺も、明示された位置関係もないからです。

項目理由
シーン番号とカット番号住所
元のコマ番号フレームがおかしいとき、帯に戻れるように
サイズモデルがいちばん無視する指示なので、書いておく
リフレームの手(トリミング、拡張、ティルト、分割)このフレームに背景を描き足す必要があるかを制作側に伝える
尺リズムの読み込みから。ほかのどこからも得られない
何が動くかコマ間の動作を、動き1つとして。カメラか被写体か、両方ではない
セリフと話者フキダシから、フキダシの読み順を保って
フレーム内のキャラクター参照名前で。生成がシートを添付できるように

絵コンテテンプレート生成ツールが、まさにこのためのメモ欄つきの16:9のグリッドを印刷してくれます。読者がすでにいるプラットフォーム向けに縦版のコンテを切るなら、9:16のグリッドもあります。

Try it free

Try Screenweaver for free on your script

It is free. Import your existing project, get a clearer view of your outline, and regain control of your story structure in minutes.

Start Free

実例:5コマの対峙シーン

典型的なウェブトゥーンのビート:廊下に2人のキャラクター、一方がもう一方に詰め寄ります。

コマ作家が描いたものコンテ
1縦長のコマ:廊下、奥に小さくキャラクターAカット1、状況説明のロング、天井の照明からAへティルトダウン、3秒
2怒ったBの顔のアップ、フキダシカット2、Bのアップ、トリミング、セリフ1、2.5秒
3両手を上げたAのミディアム、フキダシ2つカット3、Aのミディアム、トリミング、セリフ2と3、4秒
4横長のコマ:BがAの胸ぐらをつかむ、集中線カット4a、ミディアムの2ショット、Bが詰め寄る、1.5秒。カット4b、胸ぐらをつかむ手のアップ、1秒。カット4c、Aの顔、1.5秒
5大きな空白、そしてAの目、小さなコマ4cをさらに2秒保ち、続いてカット5、Aの目のクロースアップ、2秒

5コマが7カット、約17秒になりました。4コマ目だけで3カットになったのは、動作の途中を描いていたからです。5コマ目の前の余白はカットではなく、間になりました。手法はこれで全部です。

数字で見る実際のコンテ:Imaginarium第1話

Imaginariumは、原作者自身がScreenWeaverでアニメ化したウェブトゥーンです。プロジェクトで切られた第1話のコンテは次のとおりです。

指標第1話
シーン11
カット75
予定尺4分17秒
平均カット尺3.4秒
最短と最長のカット2秒と6秒
インサート(手、物、タイトルカード)6
場所の参照を引用するカット75カット中75カット

このコンテには、上の手法に沿った点が2つあります。縦長のコマはカメラワークになりました。空の艦隊と都市が姿を現す場面はクレーンショット、影の巨人とサイレンの塔はティルトアップです。そして、向かい合ういくつかのビートは、それぞれのキャラクターの目のクロースアップ、顔ごとに横長の帯1本として切られています。2ショットより、それぞれの顔を設定どおりに保ちやすいからです。この話が標準的な1話の50〜70カットより少し長いのは、プロローグとタイトルカードを含め、シリーズの導入部をまるごと扱っているためです。

コンテを制作に回す前のチェックリスト

  • すべてのカットに元のコマ番号があり、帯と照らし合わせてブレを確認できる
  • 帯に描かれていなくても、どのシーンも「ここはどこか」を示すカットで始まる
  • 黒帯つきのコマはない。どのコマもトリミング、拡張、ティルト、分割のいずれかを経ている
  • アクションのコマは前、最中、後に分かれている
  • 同じフレーミングのセリフのコマは、複数のセリフを持つ1カットにまとめられている
  • 尺はフキダシの文字数ではなく、コマ間から決まっている
  • フレーム内のすべてのキャラクターがカードに名前で書かれ、参照シートが添付される
  • インサートがある。手、物、ディテール。1シーンに最低1つ
  • カット数が標準的な1話で50〜70の範囲にある。そうでないなら理由がわかっている

フレームを描くのではなく生成したいなら、AIストーリーボード生成ツールがシーンの分解からフレームを作り、脚本からストーリーボードを生成するがプロンプト側を扱い、ウェブトゥーンのアニメ化費用の記事がこのカット数を予算に置き換えます。

ページ単位のマンガでは、この手法にページめくり、見開き、右から左への日本のマンガの読み順が加わります。そうしたケースはマンガのコマを絵コンテにするで扱っています。コンテができたら、次の課題は50〜70のフレームを通して各キャラクターを設定どおりに保つことで、アニメ化でウェブトゥーンのキャラを崩さない方法で扱っています。

FAQ

ウェブトゥーン1話から何カットになりますか?

アクションのコマを分け、繰り返されるセリフのフレーミングをまとめると、典型的な60〜90コマの1話で50〜70カットです。会話中心の話は少なめ、バトル中心の話は多めになります。その範囲から大きく外れるなら、分割と統合のルールを見直してください。

縦長のウェブトゥーンのコマを、どうやって16:9のフレームにしますか?

4つの方法があります。アップとミディアムは被写体にトリミング、引きは左右を拡張、縦長のコマは始まりと終わりのフレームを持つティルトに変換、構図が2つあるコマは2カットに分割。コマに左右の黒帯をつけるのは絶対にやめてください。

ウェブトゥーンの1コマは1カットですか?

基本はそうですが、いつもではありません。動作の途中を描いたコマは2〜3カットになり、フレーミングが同じでセリフが違う3コマは1カットになります。1話通してみると、最終的なカット数はコマ数とかなり違ってきます。

ウェブトゥーンのフキダシはそのままセリフになりますか?

はい。フキダシの読み順どおりに、話者の名前をつけて。変わるのは尺です。フキダシは1秒で読めても、口に出すと3秒かかります。先に声を収録するか生成し、それからカットの尺をセリフに合わせてください。逆ではありません。

ウェブトゥーンの絵コンテは9:16で切るべきですか?

アニメの行き先が、読者がすでにいる場所、つまりショート動画や縦型のプラットフォームなら、9:16は十分ありうる選択で、リフレームもずっと少なくて済みます。多くのクリエイターは本編を16:9でコンテにし、同じカットから縦版を派生させ、各カードに縦用のセーフエリアを書き込んでいます。

コマに描かれた効果音はどこへ行くのですか?

フレームではなく、音響へ行きます。コマに描き込まれた擬音は、編集で効果音になり、コンテのカードのメモになります。生成したフレームに描き文字を残すと、アニメではなくマンガに見えます。

コマからカットへの分解を、ツールに任せることはできますか?

部分的には。ScreenWeaverは、MCPかアプリ内のアシスタントでエピソードのページを取り込みます。コマは自動で切り出され、アシスタントがそこからフレーミング、カメラワーク、尺の入ったショットリストの下書きを作り、各コマがそのフレームの参照になります。この記事の分割、統合、リズムの判断は今もあなたのもので、アシスタントには指示として伝えます。ステップごとの手順はAIでウェブトゥーンをアニメにする方法にあります。コンテが固まったら、AIアニメ動画生成ツールがそのフレームを動くカットへとつなげます。

Final Step

Build your next script with Screenweaver

Move from ideas to production-ready pages faster with timeline-native writing and AI-assisted story flow.

Try Screenweaver
ScreenWeaver Logo

著者について

ScreenWeaver 編集チームは、経験を積んだ映画制作者、脚本家、技術者で構成されています。構想と制作のあいだの隔たりを埋めることに取り組んでいます。

映像技法

この記事に出てくる映画の技法

それぞれに短いクリップ、脚本の抜粋、ショットリストの書き方が付いています。

全263件の技法

Continue reading