Communitygithub.com

motion-comics

將故事轉換為動態漫畫:分鏡、半色調網點、對話框/標題、插圖平移與有限動畫。適用於「動態漫畫」、「動畫漫畫」、「動漫畫」、「動畫版漫畫」。

motion-comics 是什麼?

這項技能專為將靜態故事或漫畫轉換為「動態漫畫」(Motion Comic)而設計,是一種結合漫畫風格與輕度動畫的 2D 動畫形式。它透過專屬的 `comic` 風格引擎,自動為影像套用依亮度變化的半色調網點(halftone)、明確的輪廓線,並設定 12 fps 的播放速率,營造出漫畫特有的視覺質感。使用者可以將故事拆分為多個「分鏡」(viñetas),為每個分鏡添加標題(caption),並利用 `img2video` 指令配合 `--move pan_*` 參數實現平移或縮放鏡頭,引導讀者視線按照「由左至右、由上至下」的漫畫閱讀順序流暢移動。此外,技能支援有限動畫原則(僅移動眼睛、嘴巴等關鍵部分)、粗體輪廓字體,以及每個分鏡 2.5–4 秒的節奏控制。此技能與 `animated-storytelling`、`typography-animation`、`video-editing` 等技能搭配使用,並完全整合於統一的 `animation-workflow` 管線中,所有技能共享同一個 `project.json` 專案檔案,無需轉換格式即可串接。

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

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Motion comics(動態漫畫)

分類: 2D 動畫 · 相關技能: animated-storytelling、typography-animation、video-editing

comic 風格會根據亮度套用半色調網點、強調輪廓,並以 12 fps 渲染。可結合標題(caption)、字幕與鏡頭移動(平移/縮放)來引導瀏覽「分鏡」。若使用自製插圖,請透過 img2video 搭配 --move pan_* 參數執行。

何時使用此技能

  • 包含文字敘述的故事、現有漫畫或需要動畫化的靜態插圖。
  • 圖像小說風格的預告片。

專業原則

  • 每個分鏡 = 一個鏡頭;鏡頭引導閱讀方向(左→右、上→下)。
  • 有限動畫:僅移動必要部分(眼睛、嘴巴、粒子)。
  • 標題簡短,使用粗體字型並帶有描邊。
  • 節奏:每個分鏡 2.5–4 秒。

逐步操作流程

  1. 將故事分割為多個分鏡(場景),每個分鏡配上一個 caption。
  2. 以 --style comic 參數渲染。
  3. 若為真實漫畫頁面:將每個分鏡裁剪為獨立圖片,然後執行 python -m studio img2video 分鏡.png --move pan_right --style none。
  4. 使用 exporter.concat(交叉淡變)或 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 音樂。

推薦工具

工具用途工作室狀態
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 <影片> 並回報通過與未通過的項目。

相關技能