# 如何在 Spline 中製作 3D 路徑 - Spline Academy (https://spline.design/zh-hant/academy/tutorials/how-to-create-3d-paths-in-spline)

> 嗨！在這個教學中，你將學到如何使用 Spline 的 3D 路徑實現各種視覺效果。你也會學到如何讓物件沿著路徑移動，以及將複製器和物理與路徑結合。

1. [Academy](https://spline.design/zh-hant/academy)
2. [教學](https://spline.design/zh-hant/academy/tutorials)
3. 如何在 Spline 中製作 3D 路徑

# 如何在 Spline 中製作 3D 路徑

Spline 3D入門37 分鐘

嗨！在這個教學中，你將學到如何使用 Spline 的 3D 路徑實現各種視覺效果。你也會學到如何讓物件沿著路徑移動，以及將複製器和物理與路徑結合。

範例場景：<https://app.spline.design/library?category=3D%20paths> 物理場景：<https://app.spline.design/file/6ed98e23-602d-40b1-b390-30222b3808cf> 追蹤 Spline：<https://instagram.com/splinetool/>

從文件中進一步了解 3D 路徑：<https://docs.spline.design/2a23d8021f594f87958ee43b6f19ab14>

注意：在第 34 分鐘似乎有一個快速剪接，但其實那句話基本上已經說完了。

## 你將學到

1. [0:00簡介](https://www.youtube.com/watch?v=5pU7tGajw2E&t=0s)
2. [0:00建立路徑](https://www.youtube.com/watch?v=5pU7tGajw2E&t=0s)
3. [1:45加入圓角](https://www.youtube.com/watch?v=5pU7tGajw2E&t=105s)
4. [2:20路徑擠出](https://www.youtube.com/watch?v=5pU7tGajw2E&t=140s)
5. [3:15厚度與偏移](https://www.youtube.com/watch?v=5pU7tGajw2E&t=195s)
6. [4:10角度與扭轉](https://www.youtube.com/watch?v=5pU7tGajw2E&t=250s)
7. [5:47使用自訂向量形狀](https://www.youtube.com/watch?v=5pU7tGajw2E&t=347s)
8. [8:33使用文字形狀](https://www.youtube.com/watch?v=5pU7tGajw2E&t=513s)
9. [10:25在路徑上使用漸層圖層](https://www.youtube.com/watch?v=5pU7tGajw2E&t=625s)
10. [11:50為路徑參數製作動畫](https://www.youtube.com/watch?v=5pU7tGajw2E&t=710s)
11. [14:04製作無限循環動畫](https://www.youtube.com/watch?v=5pU7tGajw2E&t=844s)
12. [15:30在路徑上加入複製物件](https://www.youtube.com/watch?v=5pU7tGajw2E&t=930s)
13. [17:08混合多種技巧](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1028s)
14. [18:30探索 3D 手寫風格](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1110s)
15. [20:50探索管狀風格](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1250s)
16. [21:55讓物件沿路徑移動](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1315s)
17. [28:58物理與路徑動畫](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1738s)
18. [30:20將 2D 向量轉換成 3D 路徑](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1820s)
19. [31:24在路徑中探索玻璃與 Matcap](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1884s)
20. [32:23探索霓虹燈效果](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1943s)
21. [33:29複雜的自訂形狀與風格](https://www.youtube.com/watch?v=5pU7tGajw2E&t=2009s)
22. [34:05為不同物件使用多重偏移](https://www.youtube.com/watch?v=5pU7tGajw2E&t=2045s)
23. [34:43用星形探索糖果字母](https://www.youtube.com/watch?v=5pU7tGajw2E&t=2083s)

## 相關資源

- [3D Paths - Handwritten範本](https://app.spline.design/academy/tutorials/how-to-create-3d-paths-in-spline?redirect-duplicate-template-uuid=9a8c8fa8-82b8-458b-872c-c5facf58f513&is-2d-file=false)
- [3D Paths文件](https://docs.spline.design/designing-in-3-d/3d-paths)

## 概覽

- Spline 3D
- 37 分鐘
- 入門

## 所屬課程

- [Spline 101｜打造你的第一個互動場景](https://spline.design/zh-hant/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-paths-in-spline)

## 相關教學

[所有教學](https://spline.design/zh-hant/academy/tutorials)

[為複製物件製作動畫，打造 3D 動態圖像Spline 3D中級25 分鐘](https://spline.design/zh-hant/academy/tutorials/animate-clones-for-3d-motion-graphics)[用狀態為有機 3D 團塊製作動畫Spline 3D入門5 分鐘](https://spline.design/zh-hant/academy/tutorials/animate-organic-3d-blobs-with-states)[打造會回應滑鼠的 3D 動態水滴Spline 3D入門12 分鐘](https://spline.design/zh-hant/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)

[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.