Q
什麼是 3D 產品展示影片？
A
一段從多個角度展示 3D 模型並疊加標籤或廣告牌的短影片。本工具讓你在模型上放置面向相機的廣告牌，並讓相機沿預設軌跡運動來生成它。
3D 產品展示製作工具
在 3D 模型上放置始終面向相機的廣告牌（自訂背景與文字），選擇相機軌跡，渲染產品展示影片，全部在瀏覽器中完成。支援即時錄製與高品質光追渲染模式，不上傳任何檔案。
工作區
拖曳檔案到此處
或點擊選擇檔案，支援貼上
關於此工具
上傳 3D 模型，設計廣告牌（背景顏色、漸層或圖片加自訂文字），點擊模型表面吸附放置，再選擇相機軌跡預設並渲染展示影片。廣告牌在移動中始終自動面向視角鏡頭，從任何角度觀看都清晰可讀。選擇即時模式可快速錄製匯出影片，或切換光追高品質模式獲得更逼真的光影呈現。所有處理均在瀏覽器本地完成，檔案絕不上傳。
使用方法
- 01
載入模型
拖入 GLB、glTF、FBX、OBJ 等常見 3D 檔案，只在你的瀏覽器裡開啟。
小提示: 帶真實貼圖的模型用高品質效果最好。
- 02
設計看板
選擇純色、漸層或圖片作為背景，再輸入文字，調好字號和顏色。
小提示: 兩到五個詞的短標籤，在鏡頭移動時也看得清。
- 03
點擊錨定位置
點擊模型上標籤要指向的位置。看板始終轉向鏡頭，引線佈局決定引線怎麼連過去。
小提示: 選一個在大部分鏡頭路徑裡都看得到的位置。
- 04
選擇鏡頭運動
選一個預設，例如環繞或弧形，再設定時長。開啟顯示路徑可以看到路線。
小提示: 環繞就是電商常見的轉台效果。
- 05
算繪並匯出
快速出樣用標準，想要真實的光影用高品質，然後匯出 MP4 或 WebM。
小提示: 直式短影片把畫面比例設為 9:16。
配置選項說明
常用配方
給同事看的快速草稿
試試: 品質：標準，解析度：720p。
商品頁用的精緻主影片
試試: 品質：高品質，1080p 或更高，並提高每影格採樣數。
社群平台直式短片
試試: 畫面比例：9:16，搭配環繞預設。
產品立在展台上
試試: 開啟地面陰影，再選一種展示地台形狀。
廣告牌
背景
顏色- 選擇廣告牌背景填滿方式：純色、線性漸變或上傳圖片。
- 顏色: 單一純色作為文字背後的填滿。
- 漸變: 雙色線性漸變，可調整角度。
- 圖片: 使用上傳圖片（PNG/JPG/WebP）作為廣告牌背景。
背景顏色
#135BEC- 背景類型為純色時的填滿色。
漸變起始
#135BEC- 線性漸變的起始顏色。
漸變結束
#ffffff- 線性漸變的結束顏色。
漸變角度
0°0° – 360° · step 5°- 線性漸變方向，單位為度（0-360）。
不透明度
10.1 – 1 · step 0.05- 廣告牌背景整體透明度（0.1-1）。
內邊距
28px0px – 64px · step 2px- 文字/內容與廣告牌邊緣之間的內側間距。
圓角
16px0px – 64px · step 2px- 廣告牌四角的圓角半徑。
字體
system_sans- 廣告牌文字使用的字型。支援內建可商用字型、上傳字型與本機系統字型。
system_sans · system_serif · system_mono · Oswald（展示粗體） · Inter（現代無襯線） · Cinzel（經典襯線） · Roboto Mono（工程等寬） · Noto Sans SC（思源黑體 / CJK） · Noto Sans Arabic（阿拉伯文）
字號
56px24px – 120px · step 2px- 文字在面板設計空間中的大小。僅改變文字在牌面內的佔比，不影響世界空間尺寸。
文字顏色
#ffffff- 廣告牌標籤文字的顏色。
水平對齊
中- 廣告牌內文字的水平對齊方式。
- 左: 文字左對齊。
- 中: 文字居中。
- 右: 文字右對齊。
字重
600- 文字粗細（300-800）。
300 – 800
大小
0.280.08 – 0.9 · step 0.01- 已放置廣告牌在世界空間中的大小（與字級獨立）。
旋轉
0°-180° – 180° · step 5°- 選取廣告牌的平面內旋轉角度（度）。
引線佈局
垂直向上- 標籤與表面錨點的連接方式。垂直從錨點向上延伸，線接廣告牌底部中間；水平/L 型從側面伸出，線接廣告牌左右側邊中點。
- 垂直向上: 從錨點垂直向上延伸，引線接廣告牌底部中間。
- L 型轉彎: 先垂直向上再轉彎外伸（鈍角），引線接廣告牌左右側邊中點。
- 水平伸出: 從錨點水平向外延伸，引線接廣告牌左右側邊中點。
偏移
0.250.05 – 0.8 · step 0.01- 引線長度，相對模型包圍球半徑的比例（垂直向上/水平伸出）。
豎段長度
0.20.05 – 0.8 · step 0.01- L 型引線垂直段長度（相對模型半徑比例）。
橫段長度
0.250.05 – 0.8 · step 0.01- L 型引線水平段向外延伸的長度（相對模型半徑比例）。
方向
向右- 對於水平/L 型佈局，翻轉引線相對於模型中心的外伸方向，並決定引線接廣告牌哪一側邊。
- 向左: 優先向左外伸；引線接廣告牌右側邊中點。
- 向右: 優先向右外伸；引線接廣告牌左側邊中點。
線顏色
#374151- 引線與圓點的顏色。
線寬
21 – 8 · step 0.5- 引線像素寬度。
虛線
off- 使用虛線繪製引線。
終點圓點
off- 在引線末端顯示小圓點（預設關閉）。錨點圓點始終顯示。匯出時引線隱藏。
垂直對齊
中- 文字塊在廣告牌內的垂直位置。預設為居中。
- 頂: 文字頂部對齊。
- 中: 文字垂直居中。
- 底: 文字底部對齊。
描邊寬度
0px0px – 24px- 廣告牌邊緣的描邊像素寬度。0 表示無描邊。
描邊顏色
#ffffff- 廣告牌描邊顏色（描邊寬度大於 0 時生效）。
相機軌跡
預設
環繞- 預覽與影片匯出使用的相機路徑模板。
- 環繞: 圍繞模型水平轉台運動。
- 弧形: 在模型上方豎直掃掠。
- 推拉縮放: 沿視線方向推拉縮放。
- 等距: 約 45° 俯角的等距旋轉。
- 8 字: 繞模型走 8 字路徑。
顯示路徑
off- 在 3D 視口中繪製相機軌跡曲線，便於預覽路徑。
播放模式
完整運動後結束- 軌跡是循環播放，還是完整運動一次後結束。僅循環模式可設定時長。
- 循環: 持續重複軌跡；用「時長」控制單圈長度。
- 完整運動後結束: 播放完整軌跡一次後停止。
時長
8- 單次循環週期的秒數。僅在播放模式為「循環」時顯示。
2 – 30
環境與場景
地面陰影
on- 在模型下方投射柔和的接觸陰影，增強模型在三維空間中的落地感與立體感。
背景模式
物理天空盒- 選擇 3D 預覽視口與匯出影片的環境背景樣式。
- 物理天空盒: 基於真實大氣散射模擬的自然天空，提供明亮通透的室外漫反射光照。
- 純色背景: 純色底幕，適合極簡電商展示與影片去背合成。
- 自訂全景: 匯入全景圖片或 HDR 高動態範圍貼圖，產生沉浸式背景與環境輻射反射。
背景顏色
#ffffff- 純色背景模式下的底色，支援快捷預設圓點與十六進位精確挑色。
全景貼圖
- 上傳外部全景檔案，支援 .hdr、.png、.jpg 等常見格式。
光照亮度
1x0.2x – 3x · step 0.1x- 調節主定向光與環境光的照射強度，範圍 0.2 至 3.0 倍。
光照顏色
#ffffff- 設定主光與補光的色調，提供日光白、暖光、冷光預設並支援挑色微調。
展示地台
無地台- 在模型底部放置展台以承托主體，並接收定向光照陰影。
- 無地台: 不顯示任何地台，模型直接置於地面空間。
- 圓形台: 根據模型包圍盒自適應比例的圓柱形展台。
- 方形台: 根據模型包圍盒自適應比例的正方形展台。
地台顏色
#ffffff- 展示地台材質的表面色彩，支援純白與曜石黑快捷切換及挑色自訂。
渲染與匯出
品質
標準- 選擇 WebGL 即時錄製，或光追離線逐影格渲染以獲得更高畫質。
- 標準: 即時錄製，速度快，適合草稿與大多數匯出場景。
- 高品質: 離線光追逐影格渲染，畫質更高，但每影格更慢。
解析度
1080p- 輸出品質等級（長邊像素）。實際寬高 = 等級 × 畫面比例（如 1080p 在 16:9 下為 1920×1080）。
- 720p: 長邊 1280，適合快速草稿。
- 1080p: 長邊 1920，標準高畫質（預設）。
- 2K: 長邊 2560（QHD 等級）。
- 4K: 長邊 3840（UHD 等級）；編碼更慢，檔案更大。
影格率
30- 匯出影片的每秒影格數（24 / 30 / 60）。
- 24: 電影感影格率。
- 30: 常見網路影片影格率。
- 60: 更順滑，檔案更大。
每影格採樣數
64- 光追每影格採樣數（16-256）。越高噪點越少但渲染越慢。僅在高品質模式下顯示。匯出時採用分塊採樣並讓出主執行緒。
16 – 256
畫面比例
9- 輸出影格的畫面比例，與解析度等級共同決定像素寬高。
1 – 16
格式
WebM- 影片容器格式。MP4 可能根據瀏覽器支援回退到 WebM。
- WebM: Chromium 瀏覽器廣泛支援。
- MP4: 瀏覽器支援時優先使用 H.264 編碼。
常見問題
查看完整常見問題Q
廣告牌是否始終面向相機？
A
是的。廣告牌具備自動轉向特性，在相機移動過程中始終保持面向鏡頭視角，從任何角度觀看都清晰易讀，非常適合做產品功能標註與說明。
Q
廣告牌如何吸附到模型表面？
A
在 3D 模型表面點擊時，系統會自動定位點擊位置並精準吸附，同時優化貼合距離，確保標籤清晰展現而不穿模。
Q
即時模式與光追模式有何區別？
A
即時模式可直接捕捉流暢的預覽畫面並快速匯出影片；光追高品質模式則呈現更逼真的材質、光影與反射細節。
Q
匯出什麼影片格式？
A
可匯出 MP4 或 WebM。MP4 可能因瀏覽器 MediaRecorder 支援情況回退為 WebM。渲染與匯出全程在瀏覽器本機完成。