用 Claude Opus 5.5 讓標誌動起來：六秒的限時動態開場

為什麼用程式碼，而不是影片模型

影片模型會把每一格都當成像素來畫，每一格裡的標誌都可能畫得稍有不同。程式碼移動的是真正的向量形狀，所以最後一格的標誌就是你交給它的那個標誌，顏色完全一樣，放到多大都一樣。

代價是風格。程式碼驅動的動態乾淨而幾何：描線、擦除、彈跳和淡入淡出。如果要的是煙霧感、電影感或照片感的片段，影片模型仍然是比較好的工具。

從乾淨的向量標誌開始

用程式碼做動態，需要的是形狀，不是像素。我們為虛構桌遊咖啡館 Rook & Rabbit 做的標誌，是在 Ciyo 裡用 GPT Image 2.5 Flare 生成，再用 Vector（向量化）工具轉成 SVG，並整理成兩種精確的顏色：深綠 #1F4D3A 和奶油色 #F3E9D2。這個檔案有 52 條路徑。

如果你的標誌是 PNG，請先向量化。Opus 只能讓它分得開的部分動起來。

• 讓 AI 標誌找回精確的品牌色

需求說明：說出每個狀態和它的時間

我們附上 SVG，並一秒一秒地描述這六秒。說清楚每個狀態、它從何時開始、到何時結束，就是一段能用的動畫和一段含糊動畫的差別。

請為附上的標誌製作動畫，用在桌遊咖啡館 Rook & Rabbit 的 Instagram 限時動態前 6 秒。做成一個獨立的 HTML 檔，1080 x 1920，使用內嵌的 SVG 和 CSS 或 JavaScript，不要外部函式庫或字型。標誌路徑維持原樣。動態：0-1 秒奶油色畫面；1-2.5 秒描出城堡的輪廓；2.5-3.5 秒城堡填滿綠色；3.5-4.5 秒兔耳朵帶著小小的彈跳冒出來；4.5-5.5 秒文字從下方淡入升起；5.5-6 秒停住。只使用 #1F4D3A 和 #F3E9D2。播放一次，然後停在最後一格。

它檢查了自己的畫面，並改掉一個步驟

Opus 5.5 花了大約兩分鐘。它建好檔案，在關鍵時間點算繪畫面，並看了這些畫面。接著它主動改了一個步驟：綠色填色原本是淡入，會產生約一秒的淡綠色中間色，所以它改成由下往上的擦除，讓填色始終維持在兩種品牌色之內。

它也拿掉了標誌的方形奶油色背景，因為畫面本來就是奶油色；並把標誌放在中央稍微偏上的位置，替 Instagram 的按鈕留出空間。

我們在 181 格畫面裡量到的結果

我們以每秒 30 格算繪這個 HTML，並在每一格中計算兩種品牌色所占的像素比例。程式碼本身不含其他顏色，52 條標誌路徑中有 51 條完全沒變（少掉的那條是方形背景），各階段也照需求說明，在第 1、2.5、3.5 和 4.5 秒開始。

在描線、填色和耳朵的階段，每一格至少有 99.4% 是品牌色，其餘是柔化的邊緣。唯一的下降出現在文字：文字淡入時會經過淡綠色，在 4.9 秒時只有 96.5% 的像素是精確的品牌色。淡入本來就會這樣，而我們的需求說明正好要求了淡入。Opus 的摘要說，除了邊緣以外，每一格都維持在兩種顏色之內；這對填色成立，對淡入中的文字則不成立。

做成限時動態，並維持品牌一致

結果是一個 HTML 檔，不是影片。以 1080 × 1920 開啟並錄下螢幕，或把各格畫面算繪出來再合成 MP4。發布前，請拿最後一格和你的標誌檔對照。

如果嚴格的色盤很重要，請要求用擦除和移動取代淡入淡出，並在需求說明裡寫清楚。把標誌、顏色和時間存在同一個提示詞裡，之後的每段動畫都會從同一套品牌出發。

• Claude Opus 5.5 能生成圖片嗎？
• AI 影片模型能讓像素畫動起來嗎？
• Anthropic：Introducing Claude Opus 5.5（Claude Opus 5.5 發表文章）