3D 產品展示製作工具

在 3D 模型上放置始終面向相機的廣告牌(自訂背景與文字),選擇相機軌跡,渲染產品展示影片——全部在瀏覽器中完成。支援即時錄製與高品質光追渲染模式,不上傳任何檔案。

加載中...

請稍候

關於此工具

上傳 3D 模型,設計廣告牌(背景顏色、漸層或圖片加自訂文字),點擊模型表面吸附放置,再選擇相機軌跡預設並渲染展示影片。廣告牌在移動中始終自動面向視角鏡頭,從任何角度觀看都清晰可讀。選擇即時模式可快速錄製匯出影片,或切換光追高品質模式獲得更逼真的光影呈現。所有處理均在瀏覽器本地完成,檔案絕不上傳。

使用技巧

  • 1廣告牌始終面向相機視角——非常適合產品標籤與功能註釋
  • 2背景支援純色、線性漸層或上傳圖片
  • 3點擊模型表面即可將廣告牌錨點吸附到該處
  • 4相機預設包括環繞、弧形、推拉、等距與 8 字
  • 5即時模式快捷錄製影片;光追模式渲染更逼真的高畫質畫面
  • 6匯出標準的 WebM 格式影片,純瀏覽器本地處理——不上傳、不經過伺服器

配置選項說明

廣告牌

背景

預設值顏色

選擇廣告牌背景填滿方式:純色、線性漸變或上傳圖片。

顏色

單一純色作為文字背後的填滿。

漸變

雙色線性漸變,可調整角度。

圖片

使用上傳圖片(PNG/JPG/WebP)作為廣告牌背景。

背景顏色

預設值#135BEC

背景類型為純色時的填滿色。

漸變起始

預設值#135BEC

線性漸變的起始顏色。

漸變結束

預設值#ffffff

線性漸變的結束顏色。

漸變角度

預設值

範圍0° – 360° · step 5°

線性漸變方向,單位為度(0–360)。

不透明度

預設值1

範圍0.1 – 1 · step 0.05

廣告牌背景整體透明度(0.1–1)。

內邊距

預設值28px

範圍0px – 64px · step 2px

文字/內容与廣告牌邊緣之間的內側間距。

圓角

預設值16px

範圍0px – 64px · step 2px

廣告牌四角的圓角半徑。

字體

預設值sans-serif

廣告牌文字使用的系統字體(不載入 Web 字體)。

sans-serif
serif
monospace
'Arial', sans-serif
'Georgia', serif
'Courier New', monospace

字號

預設值56px

範圍24px – 120px · step 2px

文字在面板設計空間中的大小。僅改變文字在牌面內的佔比,不影響世界空間尺寸。

文字顏色

預設值#ffffff

廣告牌標籤文字的顏色。

水平對齊

預設值

廣告牌内文字的水平對齊方式。

文字左對齊。

文字居中。

文字右對齊。

字重

預設值600

文字粗細(300–800)。

300
400
500
600
700
800

大小

預設值0.28

範圍0.08 – 0.9 · step 0.01

已放置廣告牌在世界空間中的大小(與字級獨立)。

旋轉

預設值

範圍-180° – 180° · step 5°

選中廣告牌的平面內旋轉角度(度)。

引線佈局

預設值垂直向上

標籤與表面錨點的連接方式。垂直從錨點向上延伸,線接廣告牌底部中間;水平/L 型從側面伸出,線接廣告牌左右側邊中點。

垂直向上

從錨點垂直向上延伸,引線接廣告牌底部中間。

L 型轉彎

先垂直向上再轉彎外伸(鈍角),引線接廣告牌左右側邊中點。

水平伸出

從錨點水平向外延伸,引線接廣告牌左右側邊中點。

偏移

預設值0.25

範圍0.05 – 0.8 · step 0.01

引線長度,相對模型包圍球半徑的比例(垂直向上/水平伸出)。

豎段長度

預設值0.2

範圍0.05 – 0.8 · step 0.01

L 型引線垂直段長度(相對模型半徑比例)。

橫段長度

預設值0.25

範圍0.05 – 0.8 · step 0.01

L 型引線水平段向外延伸的長度(相對模型半徑比例)。

方向

預設值向右

對於水平/L 型佈局,翻轉引線相對於模型中心的外伸方向,並決定引線接廣告牌哪一側邊。

向左

優先向左外伸;引線接廣告牌右側邊中點。

向右

優先向右外伸;引線接廣告牌左側邊中點。

線顏色

預設值#374151

引線與圓點的顏色。

線寬

預設值2

範圍1 – 8 · step 0.5

引線像素寬度。

虛線

預設值off

使用虛線繪製引線。

終點圓點

預設值off

在引線末端顯示小圓點(預設關閉)。錨點圓點始終顯示。匯出時引線隱藏。

垂直對齊

預設值

文字塊在廣告牌內的垂直位置。預設為居中。

文字頂部對齊。

文字垂直居中。

文字底部對齊。

描邊寬度

預設值0px

範圍0px – 24px

廣告牌邊緣的描邊像素寬度。0 表示無描邊。

描邊顏色

預設值#ffffff

廣告牌描邊顏色(描邊寬度大於 0 時生效)。

相機軌跡

預設

預設值環繞

預覽與影片匯出使用的相机路徑模板。

環繞

圍繞模型水平轉台運動。

弧形

在模型上方豎直掃掠。

推拉縮放

沿視線方向推拉縮放。

等距

约 45° 俯角的等距旋轉。

8 字

繞模型走 8 字路径。

顯示路徑

預設值off

在 3D 視口中繪製相機軌跡曲线,便於預覽路径。

播放模式

預設值完整运动后結束

轨迹是循環播放,还是完整运动一次后結束。僅循環模式可設置時長。

循環

持續重複軌跡;用「時長」控制單圈長度。

完整运动后結束

播放完整軌跡一次後停止。

時長

預設值8

单次循環周期的秒数。僅在播放模式為「循環」時顯示。

2
3
4
5
6
8
10
12
15
20
25
30

渲染與匯出

質量

預設值標準

選擇 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

最快預覽。

32

快速草稿。

48

中等。

64

預設平衡。

96

更高品質。

128

高採樣。

160

更高採樣。

192

非常高採樣。

224

接近最大。

256

最大採樣,最慢。

畫面比例

預設值16:9

輸出幀的畫面比例,與解析度等級共同決定像素寬高。

16:9

橫向寬螢幕。

9:16

直向/垂直影片。

1:1

方形。

4:3

經典橫向。

格式

預設值WebM

影片容器格式。MP4 可能根據瀏覽器支援回退到 WebM。

WebM

Chromium 瀏覽器廣泛支援。

MP4

瀏覽器支援時優先使用 H.264 編碼。

格式說明

輸入格式

副檔名:
Model
全名:
3D Model
類型:
3D Model
格式:
Various 3D Formats
常用工具:
Three.jsBabylon.js
開啟方式:
Windows 3D ViewerBlender
說明:
Any-3D 是一種通用3D格式,支援多種常見模型格式如GLB、OBJ、FBX等,可拖放直接檢視。

備註:

  • 支援 20+ 種 3D 模型格式
  • 可同時上傳關聯的紋理檔案(MTL、圖片等)
  • 所有處理在本地完成 — 檔案不會離開您的瀏覽器

支援特性:

  • 透過 WebGL 即時 GPU 加速渲染
  • 軌道控制:旋轉、平移、縮放
  • 線框和著色顯示模式
  • 模型資訊面板(頂點/面數)
  • 帶動畫格式的動畫播放

輸出格式

副檔名:
mp4
全名:
MP4 / WebM 影片
類型:
影片
格式:
MP4 / WebM
常用工具:
VLCFFmpeg
開啟方式:
系統影片播放器網頁瀏覽器
說明:
由 3D 模型渲染的產品展示影片,可疊加廣告牌並沿相機軌跡錄製。支援匯出 MP4 或 WebM,可選解析度與幀率;在瀏覽器支援時還可使用路徑追蹤高品質渲染。

備註:

  • MP4 可能因瀏覽器 MediaRecorder 支援情況回退為 WebM
  • 匯出完成前請保持分頁開啟

支援特性:

  • MP4 與 WebM 匯出
  • 720p 至 4K 解析度
  • 可設定幀率
  • WebGL 即時或路徑追蹤品質
  • 相機軌跡與廣告牌疊加

使用方法

1

上傳模型

拖放 3D 模型或點擊瀏覽——支援 GLB、GLTF、FBX、OBJ 等格式

2

設計廣告牌

選擇背景(顏色、漸層或圖片),新增自訂文字(字體、大小、顏色、對齊)

3

吸附放置

點擊模型表面將廣告牌錨點吸附到該處

4

設定軌跡

選擇軌跡預設(環繞、弧形、推拉、等距、8 字),設定時長與循環

5

渲染影片

選擇即時錄製或光追高品質模式,匯出 WebM 展示影片

常見問題

本工具相關

Q

什麼是 3D 產品展示影片?

A

一段從多個角度展示 3D 模型並疊加標籤或廣告牌的短影片。本工具讓你在模型上放置面向相機的廣告牌,並讓相機沿預設軌跡運動來生成它。

Q

它與 3D 檢視器有何不同?

A

檢視器主要用於互動與多視角瀏覽。本工具支援在 3D 模型上新增可自訂的廣告牌標籤,配合多角度相機運鏡軌跡,並可直接匯出展示影片,將靜態模型轉化為生動的產品宣傳素材。

Q

廣告牌是否始終面向相機?

A

是的。廣告牌具備自動轉向特性,在相機移動過程中始終保持面向鏡頭視角,從任何角度觀看都清晰易讀,非常適合做產品功能標註與說明。

Q

可以自訂廣告牌背景嗎?

A

可以。選擇純色、雙色線性漸層(可調角度)或上傳圖片作為背景,再新增自訂字型、大小、顏色、對齊與字重的文字。

Q

廣告牌如何吸附到模型表面?

A

在 3D 模型表面點擊時,系統會自動定位點擊位置並精準吸附,同時優化貼合距離,確保標籤清晰展現而不穿模。

Q

有哪些相機軌跡可用?

A

五種預設:環繞(水平轉台)、弧形(豎直搖臂)、推拉(縮放)、等距(等距旋轉)與 8 字。每個均可調時長並支援循環。

Q

即時模式與光追模式有何區別?

A

即時模式可直接捕捉流暢的預覽畫面並快速匯出影片;光追高品質模式則呈現更逼真的材質、光影與反射細節。

Q

匯出什麼影片格式?

A

可匯出 MP4 或 WebM。MP4 可能因瀏覽器 MediaRecorder 支援情況回退為 WebM。渲染與匯出全程在瀏覽器本機完成。

通用問題

Q

Any3D 是完全免費的嗎?

A

是的,Any3D 的核心功能永久免費使用。我們提供格式轉換、模型優化和在線預覽等基礎功能,無需註冊或付費即可使用。

Q

我的文件會上傳到伺服器嗎?

A

不會。您選擇的文件僅在本機瀏覽器中處理,全程不離開您的裝置,也不會發送到我們的伺服器。我們不存儲任何用戶文件;處理結束後,瀏覽器內存中的相關數據會被釋放。

Q

需要安裝軟件嗎?

A

不需要安裝任何軟件。Any3D 是完全基於瀏覽器的工具,只需打開網頁即可使用所有功能,支持 Windows、Mac、Linux 等主流操作系統。

Q

文件大小有限制嗎?

A

模型的處理能力取決於您的裝置效能以及模型本身的頂點數和紋理複雜度,而非單純的檔案大小。我們不設檔案大小限制,但超出裝置承載能力時,頁面可能出現卡頓甚至崩潰。

贊助支持