Claude + Blender + Seedance 2.5 = 超狂網站 ☕ Buy me a coffee

🧑‍🏫 這支影片教你讓 AI 影片照你想要的鏡頭走。做法是先在免費的 3D 軟體 Blender 做一段粗略的鏡頭草稿，交給 Claude 寫成詳細的提示詞，再用 AI 影片模型 Seedance 2.5 生成成品，放上網站當捲動動畫。如果你常覺得 AI 影片好看，但鏡頭老是不照你的意思動，這支值得看。

• 00:00 這支影片示範一套工作流程：用 Blender 規劃場景，再用 Higsfield 生成可控又精準的 Seedance 2.5 影片，放在網站上使用。本片由 Higsfield 贊助
  ↳ 整套流程是：先在 Blender（免費的 3D 動畫軟體）排好鏡頭，再到 AI 影片平台 Higsfield 用 Seedance 2.5 生成網站用的影片。這集有業配。
• 00:00 AI 影片最大的問題之一是很難預料生成結果。只在腦中想像、再用文字描述給 AI，效果有限，而 Blender 流程能解決這個問題
  ↳ AI 影片難在結果常跟你想的不一樣，因為鏡頭怎麼動、動多快，很難用文字講清楚。先在 Blender 把鏡頭實際做出來，就等於給 AI 一份看得到的草稿。
• 00:30 到 blender.org 可以免費下載 Blender，要安裝最新版本（字幕中是 5.2）
  ↳ Blender 不用錢，到官網 blender.org 下載就好。記得裝最新版，影片裡用的是 5.2，後面的操作都是照新版示範。
• 00:30 在 Higsfield 的 plugins 選單選 Blender，下載 Blender plugin；同一頁往下捲可以找到 Higsfield Bridge MCP 的 URL，把它複製起來
  ↳ plugin（外掛）是替軟體加功能的附加程式。到 Higsfield 下載 Blender 外掛，再複製 Bridge MCP 網址。MCP 是讓 Claude 連上外部服務的通用規格。
• 00:30 在 Claude 依序點 customize → connectors → add → add custom connector，貼上 Higsfield Bridge 的 URL，並命名為 Higsfield Bridge
  ↳ custom connector（自訂連接器）就是在 Claude 裡自己加一條連到外部服務的線。照選單路徑點進去，貼上剛才的網址，取名 Higsfield Bridge。
• 01:00 按 continue 後會要求登入 Higsfield 並授權，完成後就連上了
  ↳ 授權就是同意 Claude 使用你的 Higsfield 帳號，跟用 Google 帳號登入別的 App 時跳出的同意畫面一樣。按完同意，兩邊就連上了。
• 01:00 打開 Blender，把 Higsfield Blender plugin 的 zip 檔拖到畫面任意位置，再按 okay 就能安裝
  ↳ zip 是壓縮檔。不用解壓縮，直接把外掛的 zip 拖進 Blender 視窗，按 okay 就裝好了，不必去翻設定選單。
• 01:00 安裝後會出現一個面板，有 scene builder、3D model、character animation、assets 等分頁，並已連到 Higsfield 帳號
  ↳ 裝好後會多一個面板，分成建場景、做 3D 模型、角色動畫、素材庫等分頁，而且已經自動連上你的 Higsfield 帳號。
• 01:31 概念一：網站 hero 區塊從飛機窗戶開始，鏡頭穿過窗戶，再往下帶到電影感的倫敦市景
  ↳ hero 是網站一打開最先看到、佔滿畫面的開場區塊。第一個例子的 hero 從飛機窗戶開始，鏡頭鑽出窗外，再往下帶到倫敦市景。
• 01:31 對照組：直接在 Higsfield 用文字描述並附參考圖來生成。乍看不錯，但節奏和動態運鏡不如預期
  ↳ 作者先用只打字、附參考圖的做法當對照。畫面本身好看，但鏡頭移動的快慢和路線都不是他要的，這就是只靠文字的極限。
• 02:01 這套流程不需要 Blender 經驗。先點選預設的方塊，按 X 刪除，再到下方的 prompt box 輸入需求
  ↳ 不會 Blender 也沒關係：選中預設的方塊、按 X 刪掉，清出空場景，再到 prompt box（輸入指令給 AI 的文字框）打字就行。
• 02:01 概念一的提示詞：私人飛機俯瞰 Big Ben 和倫敦天際線，保持 low poly、簡單，只是 blocking 用；長度 10 秒；鏡頭移出窗戶後往下拍，帶出 Big Ben
  ↳ blocking 是先用簡單形狀排好位置和運鏡、細節之後再補；low poly 是面數很少的粗糙模型。刻意做粗，是因為這一步只需要定下鏡頭。
• 02:31 大約花了 10 分鐘，光靠這一個提示詞就生成整個場景：鏡頭拉出、飛機、倫敦天際線、電影感的雲，最後出現 Big Ben
  ↳ 大約等 10 分鐘，外掛就照這一段提示詞把整個場景和運鏡做出來。重點不在好不好看，而是你終於能實際看到鏡頭會怎麼走。
• 03:03 可以切換不同的 shading 模式來看。因為目的只是確定鏡頭角度，所以模型刻意做得很 low poly；手動做會花不少時間，plugin 很快就做好了
  ↳ shading 模式是切換場景的檢視方式，例如只看線框或看上色的樣子。模型陽春是故意的，這些手動做很花時間，外掛很快就做好。
• 03:03 切到 camera view 後拖動時間軸，可以看到整段運鏡都已經打好 key frame
  ↳ camera view 是切成從攝影機看出去的畫面。key frame（關鍵影格）記錄某個時間點鏡頭在哪裡，外掛已經全排好，拖時間軸就能預覽。
• 03:03 在 output 設定確認解析度是 1080p，指定輸出資料夾，media type 設成 video，encoding 的 container 選 MP4
  ↳ 匯出前的設定：1080p 是常見的高畫質解析度；container 是影片的封裝格式，選 MP4 最通用，幾乎哪裡都能播。
• 03:34 到 view 選單點 render play blast，就能匯出 blocking 影片
  ↳ render play blast 是直接把預覽畫面錄成影片，不做精細算圖，所以很快。這支粗糙的影片就是等一下要給 Claude 看的鏡頭草稿。
• 03:34 回到 Claude 點 co-work，把影片拖進去，請它分析 blocking 影片，寫出給 Seedance 2.5 的逐秒詳細提示詞，並補充場景、光線、Big Ben 點亮、10 秒等要求
  ↳ co-work 是 Claude 裡可以直接丟檔案給它處理的工作模式。把草稿影片丟進去，請它看懂運鏡，寫出逐秒描述的提示詞，再補上光線等細節。
• 04:05 Claude 分析了影片的運鏡和構圖。把它產出的提示詞整段貼到 Seedance，設定 10 秒、1080p 後生成
  ↳ Seedance 吃的是文字提示，所以 Claude 在這裡當翻譯，把影片裡的鏡頭路線和構圖寫成文字。整段貼過去，設 10 秒、1080p 就能生成。
• 04:05 成品放上網站後，捲動頁面時鏡頭會穿過窗戶，帶出倫敦天際線和點亮的 Big Ben
  ↳ 成品效果：網頁往下捲，影片跟著播，看起來像你穿出機窗、飛到點亮的大笨鐘上空。
• 04:37 流程總結：先在 Blender 規劃並視覺化場景，再請 Claude 寫提示詞，最後交給 Seedance 2.5 生成。效果比單純用文字描述更好
  ↳ 三方分工：Blender 決定鏡頭怎麼走，Claude 把它寫成 AI 聽得懂的話，Seedance 負責畫得好看。各做擅長的事，結果比只打字穩。
• 04:37 概念二：鏡頭從窗外帶到一座穿出雲層的山，再往下穿過雲層，最後淡出成白色
  ↳ 第二個例子：從窗外看到一座山頂穿出雲層，鏡頭往下鑽進雲裡，最後整個畫面淡成白色。
• 05:07 概念二用在網站上時，捲動會穿過窗戶看到山，繼續捲會穿過雲層淡出成白色，接著出現下一個區塊
  ↳ 淡成白色這個收尾很實用：畫面白掉後，下一個區塊直接接上，轉場很自然，不會突然跳到別的畫面。
• 05:07 概念三：AI 影片很難表現爆炸圖式的產品動畫（exploded product animation），也就是產品展開、露出內部零件的畫面
  ↳ exploded product animation（爆炸圖動畫）就像組裝說明書那種圖，零件一層層拆開、浮在空中。這種畫面用 AI 很難控制零件怎麼動。
• 05:07 概念三的提示詞：只做 camera blocking，用簡單形狀和顏色；VR 頭盔展開出 lens、display、front panel；長 5 秒，一開始是完整的頭盔，以 45° 角展開
  ↳ 提示詞一樣強調只做 camera blocking（只排鏡頭）：用簡單形狀代表鏡片、螢幕、前面板。頭盔先完整出現，再從 45° 斜角拆開，全長 5 秒。
• 05:37 結果：鏡頭轉到 45° 角，VR 頭盔同時展開。把影片交給 Claude 寫 Seedance 提示詞，得到逐秒拆解
  ↳ 在 Blender 裡，鏡頭轉到 45° 斜角，頭盔同時拆開。再照舊交給 Claude，得到每一秒該發生什麼的拆解提示詞。
• 05:37 除了提示詞，還要加上實際 VR 頭盔產品的參考圖（reference image）
  ↳ reference image（參考圖）就是給 AI 看產品長什麼樣子的圖。Blender 只管動作和角度，產品真正的外型和質感要靠這張圖補上。
• 06:08 放上網站後，捲動時頭盔會展開，接著跳出功能介紹框，再來是 footer
  ↳ 放上網站後，捲動時頭盔拆開，接著跳出功能說明框，最後是 footer（網頁最底部放聯絡資訊和連結的區塊）。
• 06:08 這個例子裡的頭盔內部構造不一定準確，但可以調整提示詞和參考圖來提高準確度
  ↳ AI 生的內部零件不一定符合真實構造，當示意還可以，正式用要檢查。想更準確，就修改提示詞、換更清楚的參考圖。
• 06:38 概念四（最後一個）的運鏡比較精準，效果很好：只用簡單的實心形狀做 camera blocking，放一個正面朝鏡頭、置中的武士角色
  ↳ 最後一個例子的鏡頭控制得最精準。一樣只用純色的簡單形狀排鏡頭，畫面中間放一個面向鏡頭的武士。
• 06:38 武士的運鏡設計：鏡頭用 3 秒繞著角色轉，角色拔刀；再 3 秒拉遠露出全身；接著鏡頭左移讓角色在右側，3 秒後快速甩鏡，讓角色換到左側再停 3 秒
  ↳ 每 3 秒一個動作：繞著角色轉並拔刀、拉遠看全身、鏡頭左移讓角色在右、快速甩鏡讓角色換到左。切這麼細，是為了對上網頁的每一段。
• 07:10 讓角色一下在右、一下在左，是為了在網站兩側輪流放功能介紹，而且整段是一支連續、填滿畫面的影片
  ↳ 角色站右邊時，左邊空出來放文字；換到左邊，右邊就放下一段介紹。整支是同一段連續影片，捲動時不會有換片的斷裂感。
• 07:10 一樣把 Blender 影片交給 Claude，並附上角色參考圖。後來覺得鏡頭完整繞角色一圈會更好，就請 Claude 改寫提示詞
  ↳ 流程一樣，這次多附角色參考圖。作者看完後改主意，想讓鏡頭完整繞角色一圈，就直接請 Claude 改寫提示詞。
• 07:40 把提示詞貼到 Higsfield，加上角色參考圖，設定 12 秒、16x9、1080p 後生成
  ↳ 16x9 是一般橫式螢幕的長寬比例。把提示詞貼到 Higsfield、附上角色參考圖，設 12 秒、1080p 就能生成。
• 08:12 最終網站：先載入 hero 區塊的動畫；捲動時角色拔刀、hero 元素消失、角色移到右側，左右各有功能框，接著展開成另一支全螢幕影片，最後是 FAQ 和 footer
  ↳ 完整網站：開場播 hero 動畫，往下捲時武士拔刀、開場文字消失、角色移到右邊，兩側出現功能框，再接一支全螢幕影片，最後是 FAQ（常見問答）和 footer。
• 08:12 要做出特定運鏡和構圖、又能配合網站的影片，平常需要大量猜測和反覆下提示詞；Blender 流程可以馬上視覺化，得到更好的起點
  ↳ 重點是把猜換成看：以前要一直改提示詞碰運氣，現在先看到鏡頭長怎樣再生成，起點好很多。
• 08:42 作者有線上課程，教完整的接案網站製作流程；Blender 搭配 Higsfield 的流程連結放在影片說明欄
  ↳ 作者有賣線上課程，教完整的網站接案製作流程；Blender 搭配 Higsfield 這套流程的連結放在影片說明欄。

影片中把 Blender 做好的 blocking 影片交給 Claude 後，是請 Claude 做什麼？