# Cara Mencipta Laluan 3D dalam Spline - Spline Academy (https://spline.design/ms/academy/tutorials/how-to-create-3d-paths-in-spline)

> Helo! Dalam tutorial ini, anda akan belajar cara menggunakan laluan 3D dalam Spline untuk mencapai pelbagai hasil visual. Anda juga akan belajar cara…

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Cara Mencipta Laluan 3D dalam Spline

# Cara Mencipta Laluan 3D dalam Spline

Spline 3DPemula37 min

Helo! Dalam tutorial ini, anda akan belajar cara menggunakan laluan 3D dalam Spline untuk mencapai pelbagai hasil visual. Anda juga akan belajar cara menganimasikan objek di sepanjang laluan dan menggabungkan cloner dan fizik dengan laluan.

Contoh adegan: <https://app.spline.design/library?category=3D%20paths> Adegan fizik: <https://app.spline.design/file/6ed98e23-602d-40b1-b390-30222b3808cf> Ikuti Spline: <https://instagram.com/splinetool/>

Ketahui lebih lanjut tentang laluan 3D daripada dokumentasi: <https://docs.spline.design/2a23d8021f594f87958ee43b6f19ab14>

Nota: Pada minit ke-34, nampaknya ada potongan pantas, tetapi itu sebenarnya penghujung ayat.

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=5pU7tGajw2E&t=0s)
2. [0:00Mencipta laluan](https://www.youtube.com/watch?v=5pU7tGajw2E&t=0s)
3. [1:45Menambah penjuru bulat](https://www.youtube.com/watch?v=5pU7tGajw2E&t=105s)
4. [2:20Semperitan laluan](https://www.youtube.com/watch?v=5pU7tGajw2E&t=140s)
5. [3:15Kedalaman dan ofset](https://www.youtube.com/watch?v=5pU7tGajw2E&t=195s)
6. [4:10Sudut dan pintalan](https://www.youtube.com/watch?v=5pU7tGajw2E&t=250s)
7. [5:47Menggunakan bentuk vektor tersuai](https://www.youtube.com/watch?v=5pU7tGajw2E&t=347s)
8. [8:33Menggunakan bentuk teks](https://www.youtube.com/watch?v=5pU7tGajw2E&t=513s)
9. [10:25Menggunakan lapisan gradien dengan laluan](https://www.youtube.com/watch?v=5pU7tGajw2E&t=625s)
10. [11:50Menganimasikan parameter laluan](https://www.youtube.com/watch?v=5pU7tGajw2E&t=710s)
11. [14:04Menganimasikan gelung tanpa henti](https://www.youtube.com/watch?v=5pU7tGajw2E&t=844s)
12. [15:30Menambah klon pada laluan](https://www.youtube.com/watch?v=5pU7tGajw2E&t=930s)
13. [17:08Menggabungkan teknik](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1028s)
14. [18:30Meneroka gaya tulisan tangan 3D](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1110s)
15. [20:50Meneroka gaya tiub](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1250s)
16. [21:55Menganimasikan objek di sepanjang laluan](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1315s)
17. [28:58Fizik dan animasi laluan](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1738s)
18. [30:20Menukar vektor 2D kepada laluan 3D](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1820s)
19. [31:24Meneroka kaca dan matcap dalam laluan](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1884s)
20. [32:23Meneroka kesan lampu neon](https://www.youtube.com/watch?v=5pU7tGajw2E&t=1943s)
21. [33:29Bentuk dan gaya tersuai yang kompleks](https://www.youtube.com/watch?v=5pU7tGajw2E&t=2009s)
22. [34:05Menggunakan pelbagai ofset untuk objek berbeza](https://www.youtube.com/watch?v=5pU7tGajw2E&t=2045s)
23. [34:43Meneroka huruf gula-gula dengan bentuk bintang](https://www.youtube.com/watch?v=5pU7tGajw2E&t=2083s)

## Sumber berkaitan

- [3D Paths - HandwrittenTemplat](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 PathsDokumen](https://docs.spline.design/designing-in-3-d/3d-paths)

## Gambaran keseluruhan

- Spline 3D
- 37 min
- Pemula

## Sebahagian daripada

- [Spline 101 | Bina Adegan Interaktif Pertama Anda](https://spline.design/ms/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-paths-in-spline)

## Tutorial berkaitan

[Semua tutorial](https://spline.design/ms/academy/tutorials)

[Animasikan Klon untuk Grafik Gerakan 3DSpline 3DPertengahan25 min](https://spline.design/ms/academy/tutorials/animate-clones-for-3d-motion-graphics)[Animasikan Gumpalan 3D Organik dengan KeadaanSpline 3DPemula5 min](https://spline.design/ms/academy/tutorials/animate-organic-3d-blobs-with-states)[Cipta Gumpalan 3D Beranimasi yang Bertindak Balas terhadap Tetikus AndaSpline 3DPemula12 min](https://spline.design/ms/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)

[Spline](https://spline.design/ms)

Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Reka Bentuk 3D](https://spline.design/ms/3d-design)
- [Hana](https://spline.design/ms/hana)
- [Omma](https://omma.build)
- [Penjanaan 3D AI](https://spline.design/ms/ai-generate)
- [Spline MCP](https://spline.design/ms/mcp)
- [Spline Arena](https://spline.design/ms/arena)
- [Harga](https://spline.design/ms/pricing)
- [Perusahaan](https://spline.design/ms/enterprise)

#### Runtime

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

#### Aplikasi

- [Muat Turun](https://spline.design/ms/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Muat turun Spline Mirror](https://spline.design/download-mirror)

#### Belajar

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/ms/academy)
- [API Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Penyelesaian](https://spline.design/solutions)

#### Komuniti

- [Komuniti Spline](https://community.spline.design)
- [Blog](https://spline.design/ms/blog)
- [Log Perubahan](https://spline.design/ms/changelog)
- [Pendidikan](https://spline.design/ms/education)
- [Contra](https://spline.design/contra)
- [Afiliat](https://spline.design/ms/affiliate)

#### Syarikat

- [Pelanggan](https://spline.design/ms/customers)
- [Kerjaya](https://www.ycombinator.com/companies/spline/jobs)
- [Keselamatan](https://spline.design/ms/security)

#### Undang-undang

- [Terma & Syarat](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Hubungi

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

© 2026 - Spline, Inc.