
由此 Skill 渲染
一個免費的 HyperFrames 區塊,把幾張照片變成 12 秒的 3D 穿梭鏡頭。一條方形隧道往消失點延伸,面板上填滿你的圖片和品牌色票的色塊,鏡頭穿過柔和的霧氣一路飛進去。圖片、圖片與色塊的比例、色票、速度、網格、霧氣和邊線都是變數。
更新於 2026年11月3日
你將得到
- 一支 12 秒、1920×1080 的 MP4 穿梭鏡頭
- 你的照片和品牌色鋪滿一條 3D 長廊
- 圖片、比例、色票、速度、網格和霧氣都有變數可調
適合
- 系列和型錄的預告
- 作品集和產品線的精華短片
- 長影片裡的背景和轉場
不適合
- 把一張照片放大、靜態展示
- 文字很多的訊息
關於此 Skill
/gallery-tunnel 用我們四張 Halden Solace 的照片(棚拍照、針織鞋面和鞋底的特寫,以及街拍照)做一條畫廊隧道,以圖片為主,色票用橘色、米白、炭灰和沙色,黑色背景。
手上有幾張很棒的產品照,卻沒有任何動態素材?Gallery Tunnel 把照片貼滿一條無盡 3D 長廊的牆面,讓鏡頭從中飛過。品牌色票的色塊會補滿空隙,所以四張照片就足以撐起一個豐富、有節奏的鏡頭。
運作方式
- 提出需求:告訴助手要用哪些照片、你的品牌色,以及飛行的速度感。
- 填入:它把你的文案和顏色寫進區塊的變數,文字長度盡量貼近版面原本設計的長度。
- 算繪:它用
npx hyperframes render算繪一版草稿,檢查幾格畫面,再算繪出最終的 MP4。 - 重複使用:變數都放在一個小小的 JSON 檔裡,下一個版本再算繪一次就好。
小訣竅
- 四到十張不同裁切的照片(產品全貌、細節、情境照),節奏最好。
- 圖片比例調高是以照片為主的鏡頭,調低則更偏平面設計感。
- 色票挑三到四個品牌色。
- 可以當轉場,或當標題後面的背景。
開源
這是 HyperFrames registry 裡的一個區塊,由 HeyGen 和 HyperFrames 貢獻者製作(heygen-com/hyperframes),以 Apache License 2.0 開源。下載內容包含區塊和它的素材,以及一份由 Reelity 撰寫的 SKILL.md,讓你的助手知道怎麼填寫和算繪;HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 幾張產品或品牌照片,以及三到四個顏色。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源,在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill,成為第一個評分的人。
常見問題
需要幾張照片?
一張就能用;四到十張效果最好。照片會依固定規則分配到各面板,所以每次算繪結果都一樣。
可以在上面加標題嗎?
區塊只有隧道本身。助手可以在 HyperFrames 專案裡把它放在標題底下,你也可以在剪輯軟體裡加字。
為什麼免費?
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架,附上 SKILL.md 讓你的助手直接上手,範例是用我們自家品牌 Halden Solace 做的。






