Communitygithub.com

モーションコミック

ストーリーを動く漫画に変換:コマ割り、ハーフトーンドット、吹き出し・字幕、イラストのパン/ズーム、リミテッドアニメーション。'モーションコミック'、'動く漫画'に最適。

モーションコミック とは?

このスキルは、静止したストーリーやイラストを「モーションコミック」として知られるアニメーション化された漫画に変換するためのものです。主な特徴として、漫画特有のハーフトーンドット(網点)処理、はっきりとした輪郭線、12fpsのリミテッドアニメーション(必要最低限の動きだけをアニメートする技法)を適用します。吹き出しや字幕(caption)の追加、カメラのパンやズームによるコマ間の移動など、漫画を読むような体験を動画で再現できます。このスキルは主にCLIツール `python -m studio` 上で動作し、`--style comic` フラグでスタイルを適用します。既存の漫画ページをアニメーション化する場合は、ページを各コマに分割した上で `img2video` コマンドを使い、パンやズームの動きを指定します。最終的には複数のクリップを `concat` コマンドで結合し、BGMなどを追加することで完成したモーションコミック動画を生成します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ojay66826-star/mis-proyectos-ia/tree/HEAD/.claude/skills/motion-comics

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

モーションコミック(動く漫画)

カテゴリー: 2Dアニメーション · 関連スキル: animated-storytelling、typography-animation、video-editing

comic スタイルは、輝度に依存したハーフトーンドット処理、はっきりとした輪郭線、12fpsを適用します。字幕(caption)や吹き出し、カメラの動き(パン/ズーム)と組み合わせて「コマ」を表現します。独自のイラストを使用する場合は、img2video と --move pan_* を組み合わせてください。

このスキルを使用するタイミング

  • テキストを含むナラティブ、既存の漫画、またはアニメーション化する必要のある静止イラスト。
  • グラフィックノベル風のトレイラー。

プロフェッショナルな原則

  • 各コマ = 1つのショット。カメラは読む方向(左→右、上→下)をガイドします。
  • リミテッドアニメーション:本質的な部分(目、口、パーティクル)だけが動きます。
  • 吹き出し/字幕は太字で輪郭付きの短いテキストを使用します。
  • リズム:1コマあたり2.5〜4秒。

ステップバイステップの手順

  1. ストーリーをコマ(シーン)に分割し、それぞれに caption を設定します。
  2. --style comic を指定してレンダリングします。
  3. 実際の漫画ページの場合:各コマを画像として切り出し、python -m studio img2video コマ.png --move pan_right --style none を実行します。
  4. クリップを exporter.concat(xfade)または video-editing スキルで結合します。

スタジオコマンド

python -m studio make "街を救うロボットのスーパーヒーロー" --style comic
python -m studio img2video vineta1.png --move pan_right --style none --duration 4 -o v1.mp4

完全な例

「4コマ漫画をアニメーション化」:コマごとに img2video(パン/ズームを交互に)+ fade トランジションで concat + epic なBGM。

推奨ツール

ツール用途スタジオ内の状態
2Dエンジン (style comic)ハーフトーン+輪郭線✅ スタジオ独自エンジン
img2videoコマのパン/ズーム✅ スタジオ独自エンジン
Remotionプログラムによる吹き出し/字幕✅ インストール済み、動作確認済み

品質管理

  • ハーフトーンが顔を隠していないか。
  • 吹き出し/字幕がモバイル端末で読めるか。
  • 読み取り順序が正しいか。

よくある間違いとその回避方法

  • 9:16の小さい画面でハーフトーンが密になりすぎる。
  • パンが速すぎて読めない。

スタジオ内での連携方法(スキル間のチームワーク)

スタジオは単一のパイプラインを使用し、すべてのスキルが同じプロジェクトJSON(project.json)を共有するため、変換作業なしで連携できます。

アイデア → animation-scripting → character-design → animation-storyboarding → scene-composition
     → (2D/3Dアニメーション+キャラクター+エフェクト) → animation-sound-design → video-editing
     → animation-rendering → animation-quality-control → animation-optimization / エクスポート
  • 全体オーケストレーター:animation-workflow スキル(どのスキルがどの順序で介入するかを決定)。
  • エンジン:python -m studio …(docs/CLI.md 参照)。インターフェース:python -m studio serve → http://127.0.0.1:8765
  • プロジェクトの標準出力先:projects/<日付>-<タイトル>/ 内に、final.mp4、storyboard.jpg、miniatura.jpg、 vista_previa.gif、subtitulos.srt、characters/*_sheet.png、audio/*.wav、project.json、qc_report.json。

スタジオのルール

  1. まずローカルかつ無料のものを使う(2Dエンジン、Blender、FFmpeg、espeak-ng、Three.js、GSAP、Lottie、Remotion)。有料APIは、ユーザーが明示的に要求した場合、または要求品質にどうしても必要な場合にのみ使用し、事前にクレジット消費について警告すること。
  2. 結果を捏造しない:コマンドを実行し、生成されたファイルを確認し(フレームまたはストーリーボードを開く)、実際のパスを報告すること。必要なキーが存在しない場合(python -m studio doctor)、その旨を伝え、ローカルの代替案を提示すること。
  3. キャラクターの一貫性:常に同じキャラクターJSONファイル(同じ id、color、species、accessory)を再利用すること。
  4. シークレットをアップロードしない:キーは .env に保存すること(git で無視される)。
  5. 最後に python -m studio qc <video> を実行し、合格/不合格を明確に伝えること。

関連スキル