CodexとImageGen2で漫画を
動画化する初心者向け手順

この記事で分かること

「AIで漫画を動画にしたい」と思った時、多くの人は最初に画像生成だけを見ます。でも実際に作ってみると、問題は画像生成だけではありません。

キャラクターの顔が毎回変わる。服のデザインがぶれる。背景のトーンが合わない。ファイル名がぐちゃぐちゃになる。最後に動画化しようとして、Remotion側で素材を読み込めない。

漫画動画制作の全体像

今回作るのは、1話分の短い漫画動画です。縦型（アスペクト比9:16、1080x1920、30fps）、30〜60秒、音声なし、字幕あり、5〜8枚程度の漫画画像で構成します。

最初から完璧なアニメーションを目指さず、まずは漫画のコマを順番に見せる。次に字幕を入れる。次に少しだけ動きを入れる。最後に必要なら音声を追加する。この順番が安全です。

ImageGen2でキャラクターを
安定させる考え方

漫画動画で一番困りやすいのは、キャラクターが毎回別人になることです。顔、髪型、服装、年齢感、表情の方向性が変わると、動画として一気に見づらくなります。

これを避けるには、毎回ゼロからプロンプトを書くのではなく、キャラクターの土台を固定します。

main-character:
- 20代前半の女性
- 黒髪のショートボブ
- 大きすぎない丸い目
- 白いシャツと紺色のカーディガン
- 落ち着いた表情
- 現代Web漫画に近い線
- 背景になじむ自然な彩色

avoid:
- 髪型をロングヘアにしない
- 服の色を赤にしない
- 目を大きくしすぎない
- 3D風にしない
- 写実的にしない
- 顔の輪郭を変えすぎない

素材ディレクトリと
ファイル名のルール

素材管理は地味ですが、漫画動画ではかなり重要です。ファイル名が雑だと、Codexにも人間にも意味が分からなくなります。

manga-video-project/
  assets/
    references/
      character-base/
      backgrounds/
      scenes/
    generated/
      characters/
      backgrounds/
      panels/
  prompts/
  src/
    data/
  public/
    manga/
  out/

references は生成の基準にする素材、generated はImageGen2の生成結果、public/manga はRemotionで使う採用画像だけを置く場所です。

Codexに素材を
読み込ませる流れ

素材を置いたら、Codexへ「このフォルダ構成を前提に作業して」と伝えます。最初に頼むことは、画像生成ではなく、素材の棚卸しです。

このプロジェクトには、漫画動画用の参照画像があります。

assets/references/character-base/
assets/references/backgrounds/
assets/references/scenes/

まず、この3つのフォルダの役割をREADMEに整理してください。
次に、ImageGen2で追加生成する時に使うプロンプト管理ファイルを prompts/ に作ってください。
最後に、Remotionで読み込むための panels.json の設計案を出してください。
まだ実装はしなくて大丈夫です。

いきなり「漫画動画を作って」と頼むと、素材整理、画像生成、Remotion実装が混ざります。素材の棚卸し、プロンプト設計、保存ルール、動画化の順に分けると安定します。

ImageGen2用プロンプトを
分けて管理する

ImageGen2用のプロンプトは、1つの長文に全部入れない方が扱いやすいです。おすすめは、キャラクター、場面、避けたい表現の3つに分けることです。

Remotionで漫画動画に
組み立てる

採用画像が決まったら、Remotionで動画にします。RemotionはNode.jsで動くツールなので、パソコンにNode.jsが入っていることが前提です。画像データと字幕データを分けると、あとから音声を入れやすくなります。

[
  {
    "id": "panel-01",
    "image": "/manga/panel-01-intro-v01.png",
    "duration": 5,
    "captionId": "caption-01",
    "motion": "slow-zoom-in"
  },
  {
    "id": "panel-02",
    "image": "/manga/panel-02-conflict-v01.png",
    "duration": 6,
    "captionId": "caption-02",
    "motion": "pan-right"
  }
]

{
  "caption-01": "昨日まで、普通の日常だった。",
  "caption-02": "でも、1通の依頼で流れが変わった。"
}

Remotion側では、現在の秒数を計算し、どのパネルを表示するか決め、画像を軽く動かし、字幕を下部に出します。最初から凝った演出を入れすぎないことが大事です。

音声なしで成立させる
字幕設計

今回は音声なしです。だから、字幕がストーリーの進行役になります。ただし、字幕を長くしすぎると読まれません。

字幕は1画面あたり20〜35文字程度を目安にします。顔にかぶせない、下部に余白を作る、背景が明るい時は半透明の黒帯を入れる。この3つだけでも読みやすさが変わります。

あとから音声や効果音を
追加する拡張性

今回は音声なしですが、あとから音声を追加できるように作っておくと便利です。ポイントは、画像、字幕、音声のデータを分けることです。

{
  "bgm": "",
  "voice": [],
  "sfx": []
}

最初は audio.json を空にしておいて構いません。将来ナレーションを追加する場合、字幕IDと音声ファイルを対応させれば、音声なし版から音声あり版へ発展させやすくなります。

よくあるエラーと対処法

実務での使い方

Codex、ImageGen2、Remotionを組み合わせると、漫画動画の制作はかなり広がります。

Codex記事・Remotion記事も
合わせて読む

まだCodexを入れていない人や、Remotionの基本を見たい人は、先にこちらを確認してください。

あわせて読む Codex インストール方法 Codexをまだ入れていない人は、先にこちらで環境を整えられます。

あわせて読む Remotionで作る自動AI動画制作 Remotionで動画を組み立てる考え方を、ランキング動画の例で確認できます。

あわせて読む Image Generator 2｜画像生成プロンプト30選 ImageGen2で使えるプロンプトの引き出しを、仕事画像30例で増やせます。

よくある質問

まとめ CodexとImageGen2で
漫画を動画にするなら

CodexとImageGen2で漫画を動画にする時、重要なのは画像生成だけではありません。

キャラクターのベース画像を先に置く。背景トーンと場面参考画像を整理する。プロンプトを分けて管理する。生成画像を採用チェックする。Remotionで画像と字幕を動画にする。

まずは、3枚の画像と3つの字幕で動く動画を作る。次に5枚に増やす。次にキャラクターの表情差分を増やす。最後に音声やBGMを足す。この順番なら、無理なく実務に近い形へ育てられます。

更新履歴

• 2026-07-02 タイトルと説明文を見直し、ImageGen2の定義を追記。FAQ構造化データを本文6問と同期し、AIプロンプト集を7本へ増強。プロンプト30選記事への導線と用語集を追加
• 2026-05-07 初版公開