這是我在 aogl.cn 上整理的一篇個人原創手記,用來歸檔一次小體量練習:猴子主題的實驗短片。不是商單教程,而是我真實用過的素材鏈:16:9 分鏡總表、1–9 號關鍵幀 PNG、幾輪生成式圖像做氛圍與造型探索,以及最後導出的MP4 成片。把圖片、視頻和說明放在同一個規範 URL裡,更有利於搜索引擎理解主題簇(分鏡、關鍵幀、短視頻、生成式工作流),也比零散社交貼更易被引用。
16:9 分鏡總表
下面這張寬畫幅板子是我的「節拍地圖」:在鎖定單幀之前,先看整體構圖與節奏。若你也做作品集落地頁,建議大圖旁永遠跟一小段可被索引的文字,避免頁面只剩圖片。
關鍵幀 1–9
這九張 PNG 是我剪輯時的「脊椎」——每張都是刻意檢查點(姿態、視線、留白),而不是隨手截屏。Alt 文案裡標註鏡號,兼顧無障礙與長尾檢索,例如「猴子短片 分鏡 第 3 幀」。
生成式探索稿
上方 16:9 分鏡總圖已保存為 Gemini_Generated_Image_7nr0x37nr0x37nr0.png;此外我用生成式圖像工具又做了兩輪探索(配色與剪影),與關鍵幀同目錄放在 original/monkey/,儘量保持文件夾精簡可信。
成片視頻(MP4)
以下為時間線導出文件 monkey-v.mp4。瀏覽器需支持 MP4 內的 H.264/AVC;若無法播放,可直接從同目錄下載本地查看。
original/monkey/monkey-v.mp4,由上方關鍵幀脊椎剪輯而成。為什麼寫這篇頁
社交平臺不利於溯源;用語義化標題、描述性替代文本和類似口播稿的敘述組成文章,更容易被引用,也更容易命中「猴子分鏡 mp4」「個人 AI 短片流程」一類檢索。若你複用此結構,建議保持文件名穩定並在結構化數據裡寫真實日期。
節拍地圖(白話)
第 1–3 幀建立尺度與視線:主體偏小、留白偏大,猴子注意到畫外動靜。第 4–6 幀是反應與加速——姿態壓低、手部前伸。第 7–9 幀兌現笑點並重置構圖,方便循環尾卡。剪 monkey-v.mp4 時我優先尊重這些節拍,哪怕中間某張生成靜幀更好看;不動劇情的「好看幀」只進 look-dev 堆,不進編號脊椎。
時間線裡我剪掉了什麼
我刪了兩個備選結尾(額外大遠景只留在本地磁盤),因為它們重複了第 5 幀構圖、沒有新信息。也去掉了草稿音軌——本發佈純視覺,避免訪客突然被聲音嚇到。剪輯剋制後,MP4 短到足以放在靜態 GitHub Pages 上,不必另建流媒體棧。
生成式稿 vs 編號關鍵幀
三張 Gemini 靜幀(Gemini_Generated_Image_*)探索配色與剪影,無一原樣進成片。九張編號 PNG 才是契約:不在集合內的幀,就不算故事正典。以後重訪項目時,要麼替換某張編號靜幀並重導出 MP4,要麼不動時間線——禁止靜默偷換。
想寫進文檔的製作約束
- 早期鎖定 16:9,讓分鏡總表與視頻共用一塊畫布。
- video 元素的 poster 指向關鍵幀 5——中段能量感,又不劇透收束 gag。
- 公開資產都在
original/monkey/,文件名穩定,便於深鏈。
這份紀律也是後續單獨開 轉頭精靈圖 文章的原因:不同實驗、不同成功標準,各自一篇寫滿過程。
時間線剪輯實踐
我在非線性剪輯裡把九張 PNG 釘在副軌當參考靜幀——從不把它們當唯一源——這樣時值漂移一眼可見。停頓長度:1–3 幀較長(建立),4–6 較短(運動),7–9 中等(兌現)。總時長壓在約三十秒內,方便靜態託管且無需 CDN 轉碼。若某拍需要多半秒,我延長前一關鍵幀的 hold,而不是加第十張「彩蛋」靜幀打亂編號脊椎。
命名與版本衛生
關鍵幀用簡單整數(1.png … 9.png)。生成式 look-dev 保留廠商前綴(Gemini_Generated_Image_*),方便用 grep 與手繪稿分開。成片永遠叫 monkey-v.mp4,不在文件名裡塞版本號——git 歷史才是版本日誌。目錄裡另有 femn.png 等線下草稿,不進入公開敘述主線。
我不會在此公開的東西
草稿音頻、其它畫幅比、客戶式 logo 角標都留在本地。aogl.cn 文章是維護者寫的歸檔,不是把每層 WIP 都攤開的 Behance 克隆。幫不了人理解成片的文件,就不進公開文件夾。
託管與播放備註
靜態託管意味著沒有自適應碼率:一份 H.264 MP4、poster 用關鍵幀 5、preload="metadata",避免移動端首屏就拉整段視頻。重導 monkey-v.mp4 時我保持同名並 bump dateModified,不發明 monkey-v2.mp4,這樣深鏈與圖注永遠有效。