# Cara Mencipta Ikon 3D Berputar - Spline Academy (https://spline.design/ms/academy/tutorials/how-to-create-a-spinning-3d-icon)

> Hai! Dalam tutorial ini, kami akan menunjukkan cara mencipta ikon 3D berputar dari mula hingga akhir! Anda akan belajar mereka bentuk dan menganimasikannya,…

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

# Cara Mencipta Ikon 3D Berputar

Spline 3DPemula15 min

Hai! Dalam tutorial ini, kami akan menunjukkan cara mencipta ikon 3D berputar dari mula hingga akhir! Anda akan belajar mereka bentuk dan menganimasikannya, menambah kelewatan yang licin dan menyediakan pencetus interaktif. Kami juga akan meneroka warna, bahan dan animasi yang dicetuskan oleh butang.

## Apa yang akan anda pelajari

1. [0:00Mencipta Ikon 3D](https://www.youtube.com/watch?v=bzbL6eNEfek&t=0s)
2. [2:13Menggunakan Warna dan Bahan](https://www.youtube.com/watch?v=bzbL6eNEfek&t=133s)
3. [6:29Menganimasikan Ikon 3D](https://www.youtube.com/watch?v=bzbL6eNEfek&t=389s)
4. [10:35Menambah Pencetus Interaktif](https://www.youtube.com/watch?v=bzbL6eNEfek&t=635s)

## Sumber berkaitan

- [Spinning 3d iconTemplat](https://app.spline.design/academy/tutorials/how-to-create-a-spinning-3d-icon?redirect-duplicate-template-uuid=785469cd-21c1-46d9-957c-7afc5a97f782&is-2d-file=false)
- [Extruding 2D objects in 3DDokumen](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Materials & ShadingDokumen](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Transition ActionDokumen](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Cloner MotionDokumen](https://docs.spline.design/designing-in-3-d/cloner-motion)

## Gambaran keseluruhan

- Spline 3D
- 15 min
- Pemula

## Sebahagian daripada

- [Animasi & Interaksi dalam Spline](https://spline.design/ms/academy/collections/animation-interactions-in-spline/how-to-create-a-spinning-3d-icon)

## Tutorial berkaitan

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

[Cara Menganimasikan Watak 3D yang BerjalanSpline 3DPemula14 min](https://spline.design/ms/academy/tutorials/how-to-animate-a-3d-walking-character)[Cara Membina Pelbagai Adegan 3D dan Mengimport AnimasiSpline 3DPertengahan18 min](https://spline.design/ms/academy/tutorials/how-to-build-3d-multi-scenes-and-import-animations)[Hasilkan Animasi Gelung 3D yang LancarSpline 3DPemula11 min](https://spline.design/ms/academy/tutorials/craft-seamless-3d-loop-animations)

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