# 開始在 Spline 中製作 3D - Spline 101｜打造你的第一個互動場景 - Spline Academy (https://spline.design/zh-hant/academy/tutorials/get-started-with-3d-in-spline)

> ✨ 影片更新！✨

1. [Academy](https://spline.design/zh-hant/academy)
2. [課程](https://spline.design/zh-hant/academy/collections)
3. [Spline 101｜打造你的第一個互動場景](https://spline.design/zh-hant/academy/collections/spline-101-build-your-first-interactive-scene)
4. 開始在 Spline 中製作 3D

# 開始在 Spline 中製作 3D

第 1 課，共 16 課Spline 3D入門26 分鐘

✨ 影片更新！✨

我們重新上傳了這支影片，加入了更多範例和小觀點！💡 希望這能讓內容更清楚，特別是對剛起步的人！

留言 💬 告訴我們你下一個教學想學什麼！😊

\---

如果你還沒試過 Spline，這支影片非常適合你！它特別為從未接觸過 Spline 或 3D 創作的初學者設計。

在這支影片中，我們會一步步帶你認識 Spline。你將學到如何瀏覽介面、建立與操作 3D 物件、為場景製作動畫、移動攝影機、匯出與匯入內容等等。此外，我們也會分享實用技巧，幫助你更有效率地工作，並與 Spline 社群交流。

完成這個教學後，你就有了在 Spline 中開始創作的扎實基礎。我們開始吧！🚀

了解更多： Shape Blend → <https://youtu.be/JIcnI0kUnFM> 3D 動畫 → <https://youtu.be/pUamUyt7EDU> 布林運算 → <https://youtu.be/Ib-OD9gfBFI> 建模工具 → <https://youtu.be/JlrzLhEwMGI> 網站用 3D → <https://youtu.be/ncoSN9mgWe8>

在 <https://community.spline.design/> 探索更多優秀創作者與作品 #MadeInSpline

## 你將學到

1. [0:00開場](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=0s)
2. [0:19開始](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=19s)
3. [0:27了解 Spline 的介面](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=27s)
4. [2:27版本紀錄](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=147s)
5. [3:05探索工具列](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=185s)
6. [3:17Spline Library](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=197s)
7. [4:13調整框架大小](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=253s)
8. [4:313D 中的留言與意見回饋](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=271s)
9. [4:41如何分享你的場景](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=281s)
10. [5:53攝影機控制](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=353s)
11. [6:53建立新的攝影機](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=413s)
12. [7:27從 2D 形狀建立 3D 物件](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=447s)
13. [8:29探索右側邊欄](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=509s)
14. [12:21探索右側邊欄（物件屬性）](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=741s)
15. [16:20移動物件的樞紐點位置](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=980s)
16. [17:39文字工具](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1059s)
17. [18:18以狀態為基礎的動畫如何運作](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1098s)
18. [19:56如何匯出你的場景](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1196s)
19. [20:40探索播放設定與總覽](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1240s)
20. [22:40如何把場景嵌入網站](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1360s)
21. [22:56整合](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1376s)
22. [23:11把內容匯入 Spline](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1391s)
23. [24:05Spline 社群](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1445s)
24. [24:17如何在 Spline 社群分享設計](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1457s)
25. [24:59Shape Blend](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1499s)
26. [25:56加入我們的社群！](https://www.youtube.com/watch?v=Kxz8fzU2OUE&t=1556s)

## 相關資源

- [Mini Room - Art範本](https://app.spline.design/academy/tutorials/get-started-with-3d-in-spline?redirect-duplicate-template-uuid=40f4582f-cf38-4304-adcf-6de37f8c49ca&is-2d-file=false)
- [What is Spline?文件](https://docs.spline.design/basics/what-is-spline)
- [How is Spline different?文件](https://docs.spline.design/basics/how-is-spline-different)
- [Understanding Spline's UI文件](https://docs.spline.design/basics/understanding-splines-ui)
- [Creating your first scene文件](https://docs.spline.design/basics/creating-your-first-scene)
- [Version History文件](https://docs.spline.design/designing-in-3-d/version-history)

## 概覽

- Spline 3D
- 26 分鐘
- 入門

## 下一課

[在 Spline 中打造俏皮的 3D 抽象插畫24 分鐘入門](https://spline.design/zh-hant/academy/collections/spline-101-build-your-first-interactive-scene/create-playful-3d-abstract-illustrations-in-spline)[繼續](https://spline.design/zh-hant/academy/collections/spline-101-build-your-first-interactive-scene/create-playful-3d-abstract-illustrations-in-spline)

[Spline](https://spline.design/zh-hant)

為團隊及其 AI 代理打造的 3D 與 2D 編輯器。一鍵發布到網頁、iOS 和 Android。

#### 向 AI 詢問 Spline

#### 產品

- [3D 設計](https://spline.design/zh-hant/3d-design)
- [Hana](https://spline.design/zh-hant/hana)
- [Omma](https://omma.build)
- [AI 3D 生成](https://spline.design/zh-hant/ai-generate)
- [Spline MCP](https://spline.design/zh-hant/mcp)
- [Spline Arena](https://spline.design/zh-hant/arena)
- [價格](https://spline.design/zh-hant/pricing)
- [企業](https://spline.design/zh-hant/enterprise)

#### Runtime

- [Web](https://spline.design/zh-hant/web)
- [iOS](https://spline.design/zh-hant/ios)
- [Android](https://spline.design/zh-hant/android)

#### App

- [下載](https://spline.design/zh-hant/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [下載 Spline Mirror](https://spline.design/download-mirror)

#### 學習

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/zh-hant/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [解決方案](https://spline.design/solutions)

#### 社群

- [Spline 社群](https://community.spline.design)
- [Blog](https://spline.design/zh-hant/blog)
- [更新日誌](https://spline.design/zh-hant/changelog)
- [教育](https://spline.design/zh-hant/education)
- [Contra](https://spline.design/contra)
- [聯盟行銷](https://spline.design/zh-hant/affiliate)

#### 公司

- [客戶](https://spline.design/zh-hant/customers)
- [工作機會](https://www.ycombinator.com/companies/spline/jobs)
- [安全性](https://spline.design/zh-hant/security)

#### 法律資訊

- [條款與細則](https://spline.design/terms)
- [隱私權](https://spline.design/privacy)

#### 聯絡我們

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.