文章 / AI 工具

讓海報跟著拍子動:用 Claude Design 的 Animation 模板做 15 秒動態海報

不用等 Claude Motion。在 Claude Design 開 Animation 專案,寫四段「幾秒+一個動作」的分鏡、給它一個 BPM,就能做出每個字都落在拍子上的直式動態海報。

為什麼別人用 Claude 做的海報會動,還會跟著拍子,你的只是一張圖?不是要等 Claude Motion。這篇用 Claude Design 的「Animation」模板,替一個虛構活動「大稻埕夜市音樂節 2026」做了一支 15 秒、直式的動態海報。下面每一張圖,都是從那支動畫的時間軸直接截出來的畫面,沒有重畫。

01先搞懂:Claude Design 和 Claude Motion 不一樣

Claude Motion 是 Anthropic 另一個做動畫的工具,官方寫明目前只在 Team 和 Enterprise 方案 beta 測試。Claude Design 則已經結束 beta,官方說每個方案都能用,包括免費方案。

這支海報用的是 Claude Design。入口是 claude.ai/design;官方也說 Claude Design 現在可以直接在 Claude 的對話裡用,claude.ai/design 這個獨立網站會開到 2026 年 12 月 14 日。

02第 1 步:開一個 Animation 專案

  1. 打開 claude.ai/design(或在 Claude 對話裡叫出 Claude Design)。
  2. 新建專案,選「Animation」模板。
  3. 先想好三件事:總長幾秒、直式還是橫式、要配的音樂大概幾 BPM。我們用的是 15 秒、直式 1080×1920、120 BPM。
動態海報四段的畫面:Intro、Title、Ticket、Finale
成品分四段:Intro 2 秒、Title 4.5 秒、Ticket 4 秒、Finale 4.5 秒,加起來剛好 15 秒。

03第 2 步:寫四段分鏡,每段「幾秒+一個動作」

不用自己拉時間軸。你只要把動畫拆成四段,每段寫秒數和一個動作,Claude 會自己把時間軸排好。

分鏡提示詞(把[]換成你的)
做一張 15 秒、直式 1080×1920 的動態海報「[活動名稱+年份]」,節拍 120 BPM,分四段:
Intro 2 秒:[開場動作,例如 燈籠串從天而降]
Title 4.5 秒:標題依節拍一字一字彈出
Ticket 4 秒:[資訊卡從右滑入,蓋上印章]
Finale 4.5 秒:鏡頭拉遠成完整海報
配色[主色+亮色+米白],全部繁體中文。
大稻埕夜市音樂節 2026 的四段分鏡文字
我們給它的四段分鏡(reel 裡的畫面):每段一個秒數、一個動作。

04第 3 步:給它一個 BPM,動作就會落在拍子上

120 BPM 就是每分鐘 120 拍,也就是每秒 2 拍、每 0.5 秒一拍。我們的專案裡,Claude 在程式寫了一行「BPS = 2」(每秒 2 拍),所有動作都照這個拍子排。

Intro 段前 1.25 秒:燈串亮起,燈籠一顆接一顆掉下來
Intro:燈串先亮,燈籠「夜、樂、市、歌、鬧」一顆接一顆掉下來。
標題每一拍多彈出一個字:大、大稻、大稻埕、夜
Title:每隔 0.5 秒(一拍)多彈出一個字。
2026 一個數字一個數字跳出,最後亮起霓虹光暈
2026 用半拍的速度一個數字一個數字跳出來,最後亮起霓虹光暈。

05第 4 步:細節交給它,再一句一句改

我們的提示詞沒有寫城市剪影、「淡水河畔・三夜限定」、「河岸舞台・百攤小吃・徹夜開唱」,也沒有寫票根上的日期和地點,這些都是 Claude 自己補上的。

Ticket 段:票根從右滑入,日期出現,入場券存根滑進來,蓋上免費入場章
Ticket:票根從右滑入,日期先出現,再滑進入場券存根,蓋上「免費入場」章。

這些全部是程式畫出來的,不是 AI 生成的影片。我們的專案裡,整支動畫就是一個 poster.jsx 程式檔,所以文字、日期、顏色都可以直接改,不會糊掉。

06第 5 步:從頭播一次,再拿去用

完整的動態海報和下方的播放列,時間 0:14.66 / 0:15.00
Finale 的完整海報。下方播放列可以拖時間軸,右邊有下載按鈕。

預覽下方有播放列,可以拖時間軸一格一格檢查。右邊有下載按鈕。官方頁面列出的匯出格式是 PPTX、PDF、HTML;如果你下載到的不是影片檔,就用螢幕錄影把 15 秒完整播一次錄下來,一樣能放上 IG 限動或 Reels。

07要注意

  1. 大稻埕夜市音樂節 2026 是虛構活動,海報上的日期、地點和票券都是 Claude 生成的示範內容。真的要用,記得改成正確資訊。
  2. 動畫本身沒有聲音。配的音樂要有授權:用 IG 內建的音樂庫、免版稅音樂,或自己做的音樂。商業帳號在 IG 能用的音樂可能比較少。
  3. Claude Motion 目前只在 Team 和 Enterprise 方案 beta;方案和功能以官方頁面為準。
  4. claude.ai/design 獨立網站開到 2026 年 12 月 14 日,之後改在 Claude 對話裡用 Claude Design。
  5. 要印出來或商業使用,確認海報用的字體可以商用。

資料來源

延伸閱讀