從一張產品照到動態廣告：ChatGPT 生成場景＋Claude Design 排版（附完整提示詞）

從一張產品照開始，用 ChatGPT 或 Nano Banana Pro 生成場景，再用 Claude Design 排成可編輯的廣告並做成動態。只有背景用 AI 生成，文字全部可編輯，附可直接複製的提示詞。

作者：郭政佑 Kevin ·

這篇用一瓶精華液當例子，從一張單純的產品照開始，一路做到會動的廣告圖。整個流程分成四步：先用 ChatGPT 或 Nano Banana Pro 生成廣告場景，再交給 Claude Design 排版，最後做成動態、加上瓶身光澤。

跟直接請 AI 生一張完整的廣告圖比起來，這個做法最大的差別是：除了背景，其他都不是 AI 生成的。品牌 LOGO、標題、數據和認證標籤，都是 Claude Design 排上去的文字圖層，字不會錯，之後要改文案、換顏色也能直接改。

文中每一段提示詞都放在獨立的區塊裡，按區塊右上角的「複製提示詞」，就能直接貼到 ChatGPT 或 Claude 使用。

這個流程會做出什麼

流程總覽：產品照、生成場景、Claude Design 排版、做成動態

  1. 產品照：一張乾淨的產品照，白底或灰底都可以。

  2. 生成場景：用 ChatGPT 或 Nano Banana Pro，把產品放進廣告場景。

  3. 排成廣告：把場景圖和 LOGO 交給 Claude Design，排出可以編輯的廣告設計稿。

  4. 做成動態：在同一個對話接著輸入，讓設計稿動起來，再加上光澤和其他效果。

開始前先準備這些

  • 一張產品照：產品要清楚、背景越乾淨越好。這次用的是灰色背景的精華液瓶。

  • 品牌 LOGO：透明背景的 PNG，第二步會跟場景圖一起拖進 Claude。

  • 要放的文案：品牌、標題、數據、認證標籤和說明小字，先寫好。這些字會由 Claude Design 排，不需要交給生圖 AI。

  • 工具：ChatGPT（Images 2.5）或 Gemini 的 Nano Banana Pro，加上 Claude 桌面版 App。Claude Design 要 Pro 以上的方案才能用，目前還是研究預覽功能。還不熟 Claude Design 的話，可以先看〈Claude Design 完整介紹〉。

為什麼只讓 AI 生成背景

左邊是 AI 生成的背景場景，右邊是排上可編輯文字圖層的廣告

生圖模型很會處理光線、材質和構圖，這些用手做很花時間的部分，交給它很划算。但它寫中文常會錯字或筆畫糊掉；就算這次剛好寫對，下次要改一個數字，也得整張重新生成。

所以這個流程把工作拆開：背景交給 AI，文字和排版交給 Claude Design。排好的每一塊都是獨立圖層，可以改字、改顏色、調位置，也能直接拿來做動態。

步驟 1：用 ChatGPT 生成廣告場景

打開 ChatGPT 桌面版，把產品照拖進對話框，再輸入下面這段提示詞：

把這瓶精華液放在大理石圓台上，背後是發光的金色數字 1，暖金色光線，左邊留白放文字

寫這段提示詞時，有三個重點：

  • 說清楚場景：產品放在哪裡（大理石圓台）、背景有什麼（發光的金色數字 1）、光線是什麼顏色（暖金色）。

  • 一定要留白：寫上「左邊留白放文字」，幫後面的標題和數據留位置。

  • 不要請它寫字：字留給 Claude Design 排，生圖這一步只要乾淨的畫面。

如果生成出來的瓶子變形，或畫面裡出現亂七八糟的字，可以改用這個更完整的版本：

把這瓶精華液放在大理石圓台上，背後是一個發光的金色立體數字 1，暖金色的光線從右上方照進來。產品的瓶身、瓶蓋和顏色都保持原樣，不要改包裝。畫面是 1:1 正方形，左邊留大約一半的空白，之後要放文字。畫面裡不要出現任何文字或 LOGO。

用 Nano Banana Pro 的話，在 Gemini App 上傳同一張產品照，貼上同一段提示詞就可以了。

步驟 2：用 Claude Design 排成可以編輯的廣告

打開 Claude 桌面版，上方切到 Code 分頁。這一步很容易做錯：一般的聊天（Chat）裡沒有 /design，一定要在 Code 分頁裡操作。

接著把剛剛生成的場景圖，和品牌 LOGO 一起拖進對話框。輸入 /design，後面把要放的文字和位置寫清楚：

/design 用這張場景圖做成 1080×1080 的保養品廣告：左上放 LOGO；標題「回購率超級高的保養好物」，用深咖啡到淺咖啡漸層；下面放三個數據：89% 肌膚透亮光澤、86% 膚色更均勻、78% 持久保濕水潤；再放「國際第三方皮膚檢測機構」和「臨床實測認證」膠囊標籤；最下方放測試說明小字。文字都要能編輯。

送出後，Claude 會在畫布上排出設計稿，並給你一個畫布連結，點開就能看到成品。

這段提示詞看起來很長，其實只寫了四件事：

  • 尺寸：1080×1080，IG 貼文和電商主圖都能用。

  • 每段文字的內容：標題、數據、認證都直接寫出來，Claude 就不用自己編文案。

  • 位置和樣式：LOGO 放左上、標題用漸層、認證做成膠囊標籤。

  • 文字都要能編輯：最後這句很重要，確保做出來的是文字圖層，不是一張平面圖。

排出來不滿意的話，不用重來，在同一個對話追加修改就好，例如：

標題再放大一點，和下面的數據之間多留一點空間；三個數據改成等寬三欄，中間用細線分隔。

步驟 3：把設計稿做成動態

設計稿確定後，在同一個對話接著輸入：

幫我把這張廣告圖做成 6 秒動態：產品從下方慢慢浮上來，標題、數據、認證依序淡入

寫動態提示詞時，先決定三件事：總共幾秒、誰先出來、用什麼方式出來。這裡讓產品先浮上來，文字再一塊一塊淡入，視線會照著「產品 → 標題 → 數據 → 認證」的順序走。

步驟 4：加上瓶身光澤

想讓瓶子更有質感，就在同一個對話追加：

在玻璃瓶身加一道淡淡的斜向光澤，從左上掃到右下，每 3 秒一次，只在瓶身上

這段的重點是「淡淡的」和「只在瓶身上」。沒寫清楚的話，光澤常常會掃過整張圖，看起來反而像畫面在閃。

還可以再加的效果

下面這幾段都可以一段一段追加，加完一段看一下效果，再決定要不要加下一段。

數字從 0 跳上來

讓 89%、86%、78% 三個數字從 0 跳到目標數字，大約 1.3 秒跑完

認證標籤像蓋章一樣彈出來

「臨床實測認證」標籤像蓋章一樣彈出來：先放大、微微傾斜，再壓下回彈，外圈加一圈淡淡的漣漪

標題文字加一道光澤

標題文字加一道金色光澤，從左掃到右，每 3 秒一次，只在字上

金色光點往上飄

加一點金色光點從下往上飄，避開瓶身，數量少一點，不要搶畫面

做成可以循環的影片

把動態做成可以無縫循環的 12 秒影片，最後一格要能接回第一格

輸出成 MP4

直接輸出 1080×1080 的 MP4，30fps

Claude Design 是研究預覽功能，可以用的方案和輸出方式可能會調整，實際以 Claude 官方說明為準。

常見問題

Claude Design 要付費才能用嗎？

要。在 Claude Code 裡用 /design 需要 Pro、Max、Team 或 Enterprise 方案，目前是研究預覽功能。

在 Claude 一般的聊天視窗可以用 /design 嗎？

不行。要在 Claude 桌面版切到 Code 分頁，或在終端機開 Claude Code，才有 /design。

為什麼不直接請 ChatGPT 生成整張廣告？

生圖模型寫中文容易錯字，生成後也不能單獨改一個字。把背景交給 AI、文字交給 Claude Design，字一定正確，之後改文案、換顏色都不用重新生成。

沒有 ChatGPT 可以做嗎？

可以。用 Gemini App 裡的 Nano Banana Pro，上傳同一張產品照、貼上同一段提示詞就好。

產品照一定要去背嗎？

不一定。白底或灰底、產品清楚的照片就可以。重點是在提示詞裡寫「產品的瓶身、瓶蓋和顏色都保持原樣」，避免生成時改掉包裝。

延伸

這支教學屬於我的「AI 設計應用教學」系列，影片會放在 YouTube 創作邦頻道，想接著看可以訂閱頻道。平常的更新也能在 Facebook、Instagram：kevin_learn 和 Threads：kevin_learn 找到。

大家照著做的時候卡在哪一步，或想看哪一種產品做成動態，都可以留言告訴我。

創作邦載入中