コミックのアニメーションとレイアウト

読み手が追いやすいマンガのアクションレイアウトを設計する

斜めのコマ枠やスピード線は勢いを出せますが、誰が動き、どこへ向かい、何が変わったのかは読者に伝わる必要があります。ページを飾り込む前に、まずはシンプルなサムネイルでアクションを組み立てましょう。

作れるもの

読み方向が明確で、画面上の位置関係が一貫しており、最後のビートまで伝わる短いマンガのアクションシーン。

マンガ制作を始める

AI閲覧コンセプト：アクションを、手に持ったときの自然なサイズ感で完成ページとして確認する。

LlamaGen編集リソース

内容確認済み: 2026-10-27

読み方向を明確にし、守る

この版では右から左、または左から右のどちらかを決め、最初の行で迷わせないようにします。右から左のマンガは慣習であって、文字や絵を自動で反転する理由ではありません。別の読み方向へ調整する場合は、コマ順、視線、登場、吹き出しの順序をまとめて見直しましょう。

制作指示書に想定する読み方向を書く。
配達人と門の位置関係が分かるように保つ。
セリフや描き込みの前に、空のコマ順で確認する。

位置・動き・結果を見せる

ランタンの細部に移る前に、ミカがどこに立っているかを先に示します。1コマで行動を見せ、次のコマでその結果を見せましょう。クローズアップは、手や小物の位置が読者にすでに分かっている場合には有効ですが、空間情報をすべて置き換えてしまうと分かりにくくなります。

広めのコマで、進路と障害を示す。
決定的な手や小道具の動きには十分な余白を取る。
場面の状態が変わったら、広い引きやリアクションの構図に戻る。

ショートドラマ画面向けに再構成する

マンガページと縦型ドラマ編集では、求められる見え方が異なります。元のページは読み物として残し、画面版は別にトリミングやショットを設計しましょう。各トリミングで、手が切れていないか、小道具が途中で途切れていないか、ストーリー情報が失われていないかを確認します。生成された静止画は構図の例示にすぎず、アニメーションやカメラ移動の有無を示すものではありません。

ページと画面で出来事の順序を揃える。
衣装・光・構図を話し合うときは、明確なコンセプトラベル付きの場面静止画を使う。
シーケンスをアニメーション化した場合は、完成動画を別途確認する。

実践例

1つの決定的な動きを囲む5コマ

共有の m-221 テンプレートは、2組のコマの後に横長の最終コマが続く構成です。最初の2段は選んだ読み方向に合わせて配置してください。テンプレートの形だけでは方向は決まりません。

ビート	フレーミング	ストーリー情報	確認ポイント
1 · 場所を示す	ミカと門が分かる広さ。	トラムが発車する前に、ランタンを入口へ届けなければならない。	行き先が見え、場面の目的も明確。
2 · 準備	門の方へ向きを変える配達人のミディアムショット。	ミカは向きを変え、ランタンを持ち上げる前に安定させる。	スカーフとサッチェルバッグの左右の位置を保つ。
3 · ディテール	手と真鍮のランタンのクローズアップ。	握り方と、次の動作のきっかけになる物を見せる。	指、持ち手、ランタンの形をはっきり確認できる。
4 · 動作	読み取りやすいアクションコマを1枚。	ミカがランタンを開口部へ持ち上げる。	スピード線に頼らず、シルエットで読める。
5 · 結末	横長の最終コマ。	門が開き、光が次の物語を照らし出す。	最後の絵で状況が変わり、進行方向も保たれている。