指令・免費 PDF
AI 廣告片製作教學:我用 Claude Code 做了一條 25 秒 Honda Type R 品牌廣告
Scott Lai・更新於 2026 年 10 月 28 日

簡單答案:AI 廣告片不一定要用 AI 生成畫面。我這條 25 秒的 Honda Civic Type R 廣告(非官方練習作品),全部由 Claude Code 一手完成:它先寫規格書等我批准,再用 Honda 官方相片、官方影片片段和官方標誌剪輯,用 Higgsfield 內建的 ElevenLabs 模型配英文旁白,配樂和音效用程式製作,最後用 HyperFrames 把 HTML 動畫渲染成 1920×1080、60 fps 的影片。整個過程我沒有打開剪片軟件,只負責審批和提意見。
很多人一聽到「AI 廣告片」,就想到輸入一句描述、等 AI 生成一段影片。這種做法用來做概念片很方便,但用在真實產品上有一個大問題:AI 會悄悄改掉產品的細節。車身線條、尾翼形狀、輪圈款式,甚至車牌,都可能和真車不一樣。品牌廣告最重要的正是「準確」,所以我這次反過來做:畫面全部用品牌自己的官方素材,AI 負責的是寫規格、剪輯、動畫、配音、配樂和檢查。
下面我會按實際做法,一步一步講清楚這條片是怎樣做出來的,包括我第一版為甚麼失敗、中途發現的錯誤,以及你可以怎樣把同一套流程套用在你自己的品牌上。
這條 AI 廣告片用了甚麼工具?
整條片只用了三個工具,而且分工很清楚:
| 工具 | 負責甚麼 | 要留意的地方 |
|---|---|---|
| Claude Code | 寫規格書、查產品資料、下載和處理素材、寫動畫、寫配樂和音效、逐格檢查 | 需要 Claude 付費方案;安裝方法見我的Claude Code 教學 |
| HyperFrames | 把 HTML 動畫渲染成影片(指令是 npx hyperframes) |
在你自己的電腦上渲染,不用 credits |
| Higgsfield | 旁白配音(內建 ElevenLabs 的「Eleven v4」模型) | 不需要另外申請 ElevenLabs API key;我出了兩個 take,約用 2.3 credits |
Claude Code 是整個流程的「導演兼剪接師」。它不只是寫程式,還會上官網查證資料、下載素材、處理圖片和片段、寫出每一個鏡頭的動畫,最後把聲音和畫面合在一起。HyperFrames 的做法是「用網頁寫影片」:每一個場景其實是一段 HTML 和動畫程式,渲染時逐格輸出成影片,所以 Claude Code 可以像寫網頁一樣精準控制每一個字、每一次閃白的時間。
Higgsfield 我主要用來配旁白。它把 ElevenLabs 的配音模型放在同一個平台上,用 Higgsfield 的 credits 付費,不用再另外開一個 ElevenLabs 帳戶。如果你未用過 Higgsfield,可以先看我寫的Higgsfield 教學,或者按這裡打開 Higgsfield。
甚麼是 spec ad?為甚麼我說它是「非官方練習作品」?
Spec ad(speculative ad)是創作者自發為一個品牌製作的廣告,品牌沒有委託,也沒有付錢。很多剪接師、動畫師和導演都會用 spec ad 做作品集,向潛在客戶證明自己的能力。
所以這條片我一定會標明「非官方練習作品」。原因很簡單:片中用了 Honda 的標誌、車相和影片片段,如果不寫清楚,觀眾可能誤會這是 Honda 委託製作的廣告。這也是整套流程的底線:
- 只用品牌自己公開的官方素材,不用來歷不明的圖片。
- 素材只做裁切、調色、去背、剪短和縮放,不用 AI 改動產品外觀。
- 每一項素材都記錄來源連結。
- 發佈時寫明是非官方練習作品,不作商業用途。
步驟 1:先讓 Claude 寫規格書,等我說「Go」才開工
我做的第一件事,是把一段寫好的 Prompt 整段貼進 Claude Code。這段 Prompt 最重要的一句是:「先交規格書給我,等我回覆 Go 才開始製作。」
為甚麼要這樣?因為影片製作中最浪費時間和 credits 的,是做到一半才發現方向錯了。先寫規格書,等於先在紙上把整條片「拍」一次。Claude 交給我的規格書包括:
- 產品事實表:引擎、馬力、扭力、波箱、駕駛模式、制動、輪圈尺寸等等,全部在 honda.com.hk 官方型號頁核實,寫明來源連結和查證日期。例如官方寫明 2.0 公升渦輪增壓引擎、329 匹馬力、6 速手動波箱、Brembo 制動和 19 吋輪圈。
- 分鏡表:每一句旁白配甚麼畫面,寫明大約在第幾秒出現。
- 旁白全文:英文短句,例如「It starts with a red badge.」「Six gears. Your hand. Nothing in between.」「Six generations. One idea.」。
- 素材清單:每一張圖、每一段片從哪裡來。
- 工具和成本:哪一步要用 credits、估計用多少。
我逐項看過,覺得沒有問題,才回覆「Go」。這一步只花幾分鐘,但它決定了後面所有工作的方向。
步驟 2:只用官方素材,不讓 AI 重畫產品
規格書批准後,Claude 開始收集素材。我給它的規則很嚴格:只可以用品牌的官方素材,而且下載前要先列出檔名和來源讓我確認。最後這條片用了三類素材:
- 官網產品相片:來自 honda.com.hk 的 Civic Type R 型號頁。這些相片只做了裁切、調色和去背,沒有任何 AI 重繪。開場那個紅色 H 字章,就是從一張官方大相裁出來的。
- 官方標誌:HONDA 字樣用 Honda 官方網站的向量檔(SVG),CIVIC TYPE R 字樣也是官方檔案,只把黑色部分改成白色,方便放在暗色背景上。
- 官方影片片段:19 段短片段,全部來自 Honda 官方 YouTube 頻道的 Type R 影片。處理只有剪短、裁走上下黑邊和縮放,沒有用原片的聲音。
Claude 會把每一項素材的來源、原檔名和處理方法,記錄在一份 CREDITS 文件裡。這份文件很有用:日後有人問「這個畫面是哪裡來的」,你可以即時答得出。
步驟 3:用 Higgsfield 配旁白,先測試品牌名的讀音
旁白我用 Higgsfield 內建的 ElevenLabs「Eleven v4」模型,不需要另外申請 ElevenLabs 的 API key。我一次出兩個 take,兩個合共大約用了 2.3 個 Higgsfield credits。
這一步我學到一個很實際的教訓:品牌名的讀音一定要先測試。一開始為了確保 AI 把「Type R」讀成「Type Are」,規格書把它拼成「Type Are」。結果適得其反,那個 take 讀出來變成類似「aare」的怪聲音。第二個 take 直接寫「Type R」,反而讀得完全正確。
所以我的建議是:先用原本的寫法試一次,真的讀錯才改拼法;改了之後也要再聽一次確認。每個品牌名、型號和數字,都值得逐個聽清楚。
另外,旁白要用完整、清楚的短句,用手機喇叭也聽得明白。畫面要跟隨旁白對時間,而不是反過來為了遷就畫面去改旁白。
步驟 4:配樂和音效都用程式寫出來
這條片的配樂不是下載回來的,而是 Claude 用程式原創寫出來的:低音脈衝加上最後一個長和弦。用程式寫配樂有兩個好處,一是沒有版權問題,二是可以精準地圍繞旁白編排。
我給它的規則是:旁白說話期間,配樂要比旁白低最少 15 dB,而且不准用 limiter 把人聲壓扁。最後量度出來,說話期間配樂比旁白低 15.8 dB,聽起來旁白很清楚,但音樂的能量仍然在。
音效方面,規則是「密集」:
- 每一次剪接都有一下 whoosh;
- 每一個字或標題落位時有一下重音;
- 引擎聲用了一段 CC0(公共領域)授權的真實引擎錄音。
最後整條片的音量統一調到 -14 LUFS,這是很多串流平台常用的音量標準,上載後不會突然太大聲或太細聲。如果你對 AI 配樂有興趣,也可以參考我的AI 音樂生成教學。
步驟 5:每一個字都要有自己的鏡頭
這是整條片最關鍵的一步,也是我第一版失敗的地方。
我的規則是:旁白每說一個詞,畫面就要有變化,可以是一次剪接、一次推鏡,或者一段文字動畫。例如旁白說「Six」,畫面就切到手握波棍;說「Nothing in between」,車內鏡頭上的字就一個一個浮現。
駕駛模式那一句「Comfort. Sport. Plus R.」,畫面上就出現一條模式選擇列,每說一個模式就跳一格,到「+R」時整個畫面轉紅。
我最喜歡的是「Six generations」這一句。Claude 用 Honda 官方影片裡原有的歷代回顧畫面,把之前每一代 Civic Type R 快速剪成一段蒙太奇,右上角有一個由 GEN 1 跳到 GEN 6 的計數器。不到兩秒,觀眾就看到了六代車的演變。
第一版為甚麼失敗?靜態相片撐不起一條廣告
我的第一版(v1)只用了官網的靜態相片,再加上推鏡和文字動畫。技術上沒有問題,但看完的感覺是「悶」:畫面很靜,像一個會動的簡報,完全沒有一條車廣告應有的速度感。
第二版(v2)我請 Claude 加入 Honda 官方 YouTube 頻道的行車片段,並且差不多每一個詞都剪一次。同一段旁白、同一首配樂,效果完全不同:賽道上的車、換波的手、車內的時速表,每一下剪接都跟住旁白的節奏,整條片立即活起來。
這個教訓適用於任何產品:有產品實拍片段,就優先用片段;靜態相片只留給特寫和開場。我後來把這條規則直接寫進 Prompt 裡。
步驟 6:叫 Claude 自己逐格檢查渲染出來的檔案
HyperFrames 渲染完成後,我不會直接接收成品,而是先叫 Claude 從真正渲染出來的影片檔裡抽出畫面,逐格檢查。
這一步幫我抓到一個很隱蔽的錯誤:轉場用的白色閃光層,在它應該出現之前已經顯示了,令某些畫面看起來發白、褪色。在預覽動畫時很難察覺,但從渲染後的影片抽格一看就很明顯。Claude 修正了閃光層出現的時間,重新渲染後問題就消失了。
所以我會提醒每一位想試的人:一定要叫 Claude 檢查「實際渲染出來的檔案」的畫面,而不是只看它寫的程式碼或預覽。程式碼寫得對,不代表輸出一定對。
最後的成品規格是:1920×1080、60 fps、全長 25 秒(廣告本身加上約 2 秒的「made by」署名卡),整體音量 -14 LUFS。
怎樣套用在你自己的品牌?
這套流程不只適用於汽車。任何有官方網站和官方影片的產品,例如手機、波鞋、手錶、咖啡機,甚至你自己公司的產品,都可以用同一個方法。你要做的只有三件事:
- 填好 Prompt 裡的填空欄位:產品官網頁面連結、品牌官方 YouTube 頻道、想表達的訊息、旁白語言和聲音、片長,以及結尾署名卡上的名字。
- 認真審閱規格書:重點看產品數字有沒有來源、分鏡有沒有每一句都配畫面、素材是否全部來自官方。不滿意就直接叫 Claude 改,改到滿意才回覆「Go」。
- 每一個階段都審批:素材清單、旁白試聽、預覽版和逐格截圖,每一步都看過再讓它繼續。
如果你是自己做品牌的,用自己的產品相和影片會更好,因為版權完全屬於你,做好的片可以直接用來宣傳。如果你想先從較簡單的 AI 影片入手,可以先看AI 做影片教學,或者我另一篇用參考片複製跑車運鏡的AI 運鏡教學。
使用前要留意的地方
- 尊重品牌版權:用別人的品牌做 spec ad,只用該品牌自己的官方素材,發佈時寫明「非官方練習作品」,不要用作商業用途,也不要暗示品牌有合作。
- 產品數字一定要核實:馬力、價錢、尺寸等數字,要在官網找到才寫,並記錄查證日期。官網沒有寫的數字(例如圈速紀錄),寧願不寫。
- 不要讓 AI 重畫產品:AI 生成的畫面很容易改掉產品細節,品牌廣告最怕的就是這一點。
- 先估算 credits:配音等需要付費的步驟,先叫 Claude 估算用量,批准後才開始。
- Claude Code 的使用地區:截至 2026 年 10 月,香港不在 Anthropic 的官方支援地區之內,詳細情況和風險可以先看Claude Code 教學。
常見問題
Q:用 AI 做廣告片需要懂寫程式嗎? A:不需要。整條片的程式都由 Claude Code 寫,我負責的只是貼 Prompt、審閱規格書、試聽旁白和對預覽提意見。你要懂的是怎樣清楚地交代要求和檢查成果。
Q:HyperFrames 是甚麼?
A:HyperFrames 是一個把 HTML 動畫渲染成影片的工具,用 npx hyperframes 指令執行。每一個場景都是一段網頁程式,所以 Claude Code 可以精準控制每一個字和每一次轉場的時間,渲染在你自己的電腦上進行,不用 credits。
Q:用 Higgsfield 配旁白需要 ElevenLabs 帳戶嗎? A:不需要。Higgsfield 內建 ElevenLabs 的 Eleven v4 模型,用 Higgsfield 的 credits 付費。我出了兩個 take,合共大約用了 2.3 個 credits。
Q:可以用別的品牌素材做廣告片放上網嗎? A:做成非官方練習作品(spec ad)作作品集,只用品牌官方公開的素材,並清楚標明「非官方練習作品」,是很多創作者的做法;但不要用作商業用途,也不要暗示品牌有合作。最穩妥的做法,是用你自己品牌的產品素材。
Q:為甚麼不直接用 AI 生成產品畫面? A:因為 AI 生成的畫面會改動產品細節,例如車身線條、輪圈款式和車牌。品牌廣告要準確,所以我只用官方相片和官方影片,AI 只負責剪輯、動畫、配音和配樂。
Q:做一條 25 秒的廣告片大約要用多少 credits? A:這條片唯一用 Higgsfield credits 的步驟是旁白,兩個 take 大約 2.3 credits。配樂、音效和渲染都在本機用程式完成,不用 credits;不過 Claude Code 本身需要 Claude 的付費方案。
想先學會把要求交代清楚?
這條廣告片能做出來,關鍵不在工具,而在於我怎樣把要求寫清楚,以及每一步怎樣檢查 AI 的成果。START AI 新手線上課程用十集廣東話短片,教你寫指令、追問修改、交資料給 AI 和查證答案。
本文資料更新日期:2026 年 10 月 28 日。
上面的步驟是方向,真正開始時最重要的是那段 Prompt。我把做這條 Type R 廣告用的完整中文 Prompt 整理成 PDF:規格書要求、畫面規則、聲音規則、工作次序和禁止事項都已經寫好,你只要改填空位裡的資料,就可以整段貼進 Claude Code,為你自己的品牌做一條廣告片。
免費註冊即可解鎖閱讀所有 AI 資源教學
輸入電郵即會收到登入連結,在 Email 裡按連結即可看全部資源