もと @moto_ai_jp
AI学習 › 作り方講座 › 解説動画をシリーズで作る › STEP 3

解説動画をシリーズで作る · STEP 3 / 8 · 生成

図をまとめて作る

台本の「図の説明」から、章ごとの図を作ります。文字の入る図は SVG で描いてもらうと、崩れず、色も型どおりにそろいます。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8

図の決まりを型メモに書く

大きさ（1920×1080）、色3色、文字の大きさ、余白。決まりを渡すと、何十枚作っても見た目がそろいます。図解はコードで描く
画像AI（点の集まり）✗ 文字がにじむ✗ 拡大でぼやける◯ 絵の質感は得意写真・イラスト向きSVG（線と文字で描く）AI◯ 文字が正確◯ 拡大してもくっきり◯ ことばで修正図解・アイコン・グラフ向き
目的で使い分けます。この講座の図も、すべて右のやり方で作っています。

Claude Code にまとめて頼む

台本のファイルを読んで、章ごとの SVG を作り、PNG に書き出すところまで頼めます。

1枚ずつ目で見る

文字のはみ出し、重なり、事実の間違いがないかを見ます。直すときは「ch03 の図の、右の箱の文字を〜に」と頼みます。

そのまま使える頼み方の例

（Claude Code で）
script/ch01.md〜ch05.md の「図の説明」から、章ごとの図を作ってください。
- FORMAT.md の「図のルール」に従う（1920×1080、色3色、文字は大きく）
- slides/ch01.svg〜 に保存し、同じ名前の PNG にも書き出す
- 文字が箱からはみ出していないか、自分で確かめてから報告する
まず ch01 だけ作って、止まってください。

できたらチェック

このステップ：0 / 2