# ⚠️ 如何用 PNG 圖檔做出 3D 舞台模型？

若您想更換舞台模型，但卻不會使用 3D 軟體建模怎麼辦？您可以使用一個簡單的平台工具 - [**TINKERCAD**](https://www.tinkercad.com/) 來將 PNG 圖檔做成 3D 舞台模型！

⚠️ 注意：此方法僅適用製作<mark style="color:red;">**「單色」**</mark>的 3D 舞台模型

**Step1.** 首先，需將您準備 <mark style="color:red;">**透明背景、單色 PNG 圖**</mark> 上傳至 [**Onlin-convert** ](https://image.online-convert.com/convert-to-svg)轉成 SVG 檔，並下載備用。

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2FRxhGvvLDls9XORNS4igj%2F%E6%88%AA%E5%9C%96%202023-06-13%20%E4%B8%8B%E5%8D%886.31.34.png?alt=media&#x26;token=0c448f97-bd3e-4c3b-abe9-467d5c6f88e9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2FTV5bGzrMPYPGcWfm1myi%2F%E6%88%AA%E5%9C%96%202023-06-13%20%E4%B8%8B%E5%8D%886.31.07.png?alt=media&#x26;token=7a198a2d-ea53-44e0-a94e-4d7857a4fd1e" alt=""><figcaption></figcaption></figure>

**Step2.** 接著進入 [**TINKERCAD**](https://www.tinkercad.com/) 的網站，並進行註冊登入 (google登入即可使用)。

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2FDDXAFwYGKmGeUcJdthGD%2F%E6%88%AA%E5%9C%96%202023-06-13%20%E4%B8%8B%E5%8D%886.17.54.png?alt=media&#x26;token=c1dbb5ac-1aa6-4662-8b22-c103c2cac0d8" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2F2Q7vWD23Fjq4Jg68mrLq%2F%E6%88%AA%E5%9C%96%202023-06-13%20%E4%B8%8B%E5%8D%886.18.22.png?alt=media&#x26;token=038a1469-cf83-443e-8ef1-9f3f17a6215b" alt=""><figcaption></figcaption></figure>

**Step3.** 登入 TINKERCAD 後，按左側的 Deaigns > 按 create your first 3D design

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2F9J3kma6OzMHayfieWlaF%2F%E6%88%AA%E5%9C%96%202023-06-13%20%E4%B8%8B%E5%8D%886.21.01.png?alt=media&#x26;token=a889e80b-4cb9-4389-b8c2-83338c68fe2b" alt=""><figcaption></figcaption></figure>

**Step4.** 即可進入 TINKERCAD，點擊右上的「Import」，上傳剛剛轉好的 SVG 檔。

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2F5EYS3t44NLZi9GrgSANs%2F%E6%88%AA%E5%9C%96%202023-06-13%20%E4%B8%8B%E5%8D%888.41.29.png?alt=media&#x26;token=aa8e21ba-7a25-4d60-90df-39f6a0384efd" alt=""><figcaption></figcaption></figure>

⚠️ 若上傳的圖片太大，可將 Scale 調小至符合規範，再按右下的「Import」按鈕。

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2FzbO7OqnanlHQBLMAgM30%2F%E6%88%AA%E5%9C%96%202023-06-13%20%E4%B8%8B%E5%8D%888.41.59.png?alt=media&#x26;token=c4ce0804-e894-454d-96a8-0e88bc23863e" alt=""><figcaption></figcaption></figure>

**Step5.** 上傳成功後，可點擊調色盤更換該模型的顏色。

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2FxCivOrA2CE0hC6emzW4K%2F%E6%88%AA%E5%9C%96%202023-06-13%20%E4%B8%8B%E5%8D%889.07.24.png?alt=media&#x26;token=dbf97946-6c85-4f3a-a7c0-04c1bb9f8c93" alt=""><figcaption></figcaption></figure>

**Step6.** 擊模型「側邊」的小箭頭，並將圖片翻轉到 90 度，讓藍色平面正好卡在 <mark style="color:red;">**模型的中心點**</mark> 才正&#x78BA;**。**

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2FRT9oYB82k7bu5bO2iZ32%2F%E4%B8%AD%E5%BF%83%E9%BB%9E.gif?alt=media&#x26;token=c9e1cc61-0321-44c0-96db-d559e2c243d3" alt=""><figcaption></figcaption></figure>

**Step7.** 可再點擊模型的 <mark style="color:red;">**中心點**</mark>，往前 <mark style="color:red;">**將模型的厚度拉寬**</mark>，讓模型更有立體感。

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2F9wL1AIAxFxazjhlVy5KV%2F%E6%8B%89%E5%8E%9A.gif?alt=media&#x26;token=ec578def-0761-49cf-96b3-471f2358542c" alt=""><figcaption></figcaption></figure>

**Step8.** 完成模型後，點擊右上的 <mark style="color:red;">**Export**</mark> 輸出，並選擇輸出 <mark style="color:red;">**GLTF (.glb)**</mark> 的格式。

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2FHMPqr1LbVTKC4iKpMcBT%2F%E6%88%AA%E5%9C%96%202023-06-13%20%E4%B8%8B%E5%8D%889.15.03.png?alt=media&#x26;token=bffbbef4-8116-4007-8e6c-84e58dc18ca0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2FQfEpVDJSqf3rDzkPDY3Y%2F%E6%88%AA%E5%9C%96%202023-06-13%20%E4%B8%8B%E5%8D%889.15.11.png?alt=media&#x26;token=ea700ac2-30d6-4524-9207-6a49aa1ff056" alt=""><figcaption></figcaption></figure>

**Step9.** 即可將做好的模型上傳至 3D 舞台模型的點位，並替換成功！

<figure><img src="https://4092478488-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg8PrFuQF0gHocoRsYWhd%2Fuploads%2FcybgrogP1ZVh861rkmWs%2F%E8%88%9E%E5%8F%B0%E6%A8%A1%E5%9E%8B.gif?alt=media&#x26;token=b86a3e16-27a3-47b2-8caf-3eadc353a2c3" alt=""><figcaption></figcaption></figure>