Communitygithub.com

z1fex/04-故事板與鏡頭規劃

為3D卡通動畫電影逐鏡規劃—每個旁白子句對應一個鏡頭,包含台詞、場景、主體、動作及落點詞、表情切換、運鏡、數字裝置、字幕與音效提示,並以渲染靜幀進行審查。用於旁白錄製後(或搭配粗略時間)及鏡頭構建前。

04-故事板與鏡頭規劃 是什麼?

此技能旨在系統性地將旁白腳本轉化為詳細的鏡頭規劃,是3D動畫製作流程中的關鍵步驟。它要求將旁白按逗號、冒號和句號分割,每個子句對應一個鏡頭,並嚴格控制每個鏡頭時長在約1.0至2.5秒之間,以維持節奏。對於每個鏡頭,你需要填寫一個故事板模板,包含鏡頭編號與時間、台詞、場景、主體、動作描述、表情切換、運鏡方式、數字裝置、字幕鎖定及音效提示等。此技能還整合了自動化工具,如 `film.mjs` 提供的時間輔助常數(如 `LEAD` 和 `FACE`),以及用於渲染靜幀和生成審查板的腳本。其核心工作流程是:先創建故事板,渲染單幀和聯絡表進行視覺審查,然後將故事板提交給專案負責人審批。負責人使用專用的故事板審查工具,對每個鏡頭進行 👍/👎 標記,並提供反饋。只有在故事板獲得批准後,才能進行後續的配音和詳細鏡頭構建。此技能支援 `node recipe/tools/render.mjs` 和 `node recipe/tools/storyboard-board.mjs` 等命令列工具,並參考了 `examples/how-gravity-was-found/storyboard.md` 的完整範例。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/z1fex/3D-Cartoon-Style-Animation-Claude-Skill/tree/HEAD/skills/04-storyboard-and-shot-plan

在你喜歡的 AI 中提問

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

說明文件

4 · 故事板與鏡頭規劃

一個子句 = 一個鏡頭

將旁白在逗號、冒號和句號處分割。每個片段是一個鏡頭,從其子句的第一個單詞開始。一部30秒的電影約有20個鏡頭(每個1.0–2.4秒);除非鏡頭內有新的動作,否則不要讓一個鏡頭持續超過約2.5秒。

故事板行

對於每個鏡頭,撰寫一行(複製故事板模板):

欄位撰寫內容範例(鏡頭12,重力)
#, 時間鏡頭編號, 開始–結束(秒)12 · 15.91–17.90
台詞確切的子句"two hundred and forty thousand miles away."
場景哪個佈景space
主體必須在畫面中的內容(取景檢查會用到這些)捲尺計數器,月球
動作 → 落點詞發生的事件及其落點詞捲尺從地球延伸到月球;計數器滾動並停在"away"
表情表情切換及其對應的單詞地球得意;月球驚訝
運鏡軌跡移動:主體、距離、偏航角、俯仰角、視場角(起始 → 結束)整條線的側視圖,緩慢推近 10.6 → 10.0
數字物件每個數字的裝置(技能9)捲尺 + "240,000 MILES" 計數器
字幕鎖定格式(技能11)^240,000 / *miles away.*
音效擬音與強調音(技能12)捲尺旋轉聲 + 計數器滴答聲;240,000 時的一聲叮噹

鏡頭節奏

  • 交替距離:廣角 → 中景 → 特寫 → 插入鏡頭(物體或裝置) → 廣角。
  • 將裝置插入鏡頭放在數字上,將特寫鏡頭放在面部反應上。
  • 在節拍點(利害關係、升級、轉折)更換場景,並以移動攝影機和柔和的嗖聲進入每個新場景。
  • 鉤子鏡頭和迴圈鏡頭使用相同的構圖,使迴圈無縫。

時間輔助(在 film.mjs 中)

  • LEAD = 4 * F:一個手勢或裝置在其對應單詞之前4幀達到關鍵姿勢。
  • FACE = 2 * F:一個表情切換的新面部在其對應單詞之前2幀出現(在半閉和閉合幀之後)。
  • 鏡頭 w:鏡頭第一個單詞的索引;s.start = W(w),s.end = 下一個鏡頭的開始。

以圖片審查故事板

在動畫化細節之前,為每個鏡頭渲染一個靜態幀和一張聯絡表,以及取景檢查: node recipe/tools/render.mjs examples/<slug>/film.mjs <outDir> --stills shots --qa

檢查重點:主體在手機大小下可讀,字幕帶清晰,場景明確,且在無聲狀態下故事仍可理解。

負責人首先批准故事板

負責人的規則(2026年10月27日):"我希望你先創建故事板……這樣我自己可以循環……如果我喜歡故事板,然後你再生成。" 這不是可選項。使用負責人的故事板審查板(recipe/tools/storyboard-board.mjs):

  • 頁首: 標題 · 時長 · 尺寸 · BPM · 場景數,然後幾行關於電影的簡要說明,接著是"給你的決定"。
  • 每個鏡頭一個編號面板: 其時間和標題、台詞、渲染的靜態幀、explains: 行、sound: 行、→ motion 行、一個標籤("從v2保留"、"新增")以及 👍/👎。
  • 故事導向(負責人,2026年10月27日:"確保剪輯根據故事進行,以及我們如何能很好地透過視覺來解釋")。
    • 在審查板的 story 中以一句話呈現故事。
    • 在每個面板上,寫下該鏡頭承載了故事的哪一部分,以及它的圖片如何解釋它。一個無法解釋任何東西的鏡頭將被重畫。

撰寫 storyboard/<v>/storyboard-<n>.json(templates/storyboard.json),指向靜態幀,並繪製它: node recipe/tools/storyboard-board.mjs examples/<slug>/storyboard/<v>/storyboard-<n>.json

  • 輸出內容: 一個 PNG 和一個可點擊的 HTML 頁面。在頁面上,負責人標記 👍/👎 並按下"複製反饋"。
  • 然後停止。 將審查板交給負責人,並修改為 storyboard-2、storyboard-3……(保留之前的審查板),直到他們批准。
  • 只有這樣才能錄製旁白並詳細構建鏡頭。完成的電影必須與已批准的面板相符。

範例

重力電影的故事板:20個鏡頭,每個欄位都已填寫。

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

相關技能