從零開始製作影片
運作機制:載入 hyperframes-core + hyperframes-animation。也可適用的上游路線:faceless-explainer(文字)、product-launch-video(產品/SaaS)。此技能的規範與規則優先於其他衝突。
設定
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<名稱>" # 文字 / 產品
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<名稱>" -Screenshots "<目錄>" # SaaS 宣傳片
產品照片 → 複製到 projects/<名稱>/product.png。然後在 projects/<名稱>/ 中工作。
風格:若未指定則詢問使用者,然後套用 mg-styles 中的區塊。若無指定風格:使用白色磨砂卡片搭配柔和淺色漸層與 Inter 字型。
規範(填入使用者的細節;要求提供真實數字,否則將自創的數字標記為範例)
純文字(PROMPT 08) · 預設 1080x1920,30 fps
完全使用使用者的原文,不得改寫或縮短。每畫面一句話,字體夠大以便在手機上閱讀;長句可在同一畫面內換行至 2–3 行。每個畫面停留時間足以閱讀(每個詞約 0.35 秒,最少 1.2 秒)。所有文字位於畫面寬度的中間 80% 內。→ renders/text.mp4
產品發表(PROMPT 09) · 預設 1920x1080,30 fps,約 12 秒
若存在 product.png 則以其為主角,否則用 HTML/CSS 建構產品(應用程式畫面、標誌或手機)。
0–2 秒 標誌/名稱展示 → 2–9 秒 三個功能時刻,每個都要展示產品實際執行的動作,而不只是一句話 → 9–12 秒 結束卡:名稱、一句短語、行動呼籲按鈕。→ renders/product.mp4
SaaS 宣傳片(PROMPT 10) · 預設 1920x1080,30 fps,約 60 秒
- 先仔細檢視每張截圖(查看圖片),並寫下每張圖片展示的內容。
- 開頭用一句簡短吸引人的話,接著每張畫面放大到關鍵部分(數字、圖表、按鈕),並用一句簡短的話說明它為客戶帶來的價值。
- 直接使用截圖原貌——不要重新繪製。
- 動態感:快速的縮放與平移,畫面之間使用大膽粗體的文字,剪輯點跟著穩定的節拍。
- 結尾:標誌、一句短語、行動呼籲按鈕。→
renders/promo.mp4
首次渲染 / 冒煙測試(PROMPT 02) · 1920x1080,30 fps,6 秒
紫色到藍色漸層上的磨砂卡片:灰色標籤 MY FIRST RENDER,數字在 2 秒內從 0 數到 100,4 秒處彈出綠色膠囊按鈕。→ renders/first.mp4
動態展示(PROMPT 03) · 1080x1920,30 fps,14 秒
來自 mg-styles 的 10 種動態,每種約 1.3 秒,深色背景上的白色卡片,上方以小字顯示動態名稱。→ renders/moves.mp4
完成
npx hyperframes lint → npx hyperframes check → 在關鍵時刻拍攝快照(檢視快照) → 渲染 → 將通過審核的檔案複製到 exports/。
音效:mg-sound。變體 / 透明背景:mg-export。