# Cara Mencipta Ikon 3D Berputar - Animasi & Interaksi dalam Spline - 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. [Kursus](https://spline.design/ms/academy/collections)
3. [Animasi & Interaksi dalam Spline](https://spline.design/ms/academy/collections/animation-interactions-in-spline)
4. Cara Mencipta Ikon 3D Berputar

# Cara Mencipta Ikon 3D Berputar

Pelajaran 6 daripada 14Spline 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

## Seterusnya

[Hidupkan Robot 3D Interaktif13 minPemula](https://spline.design/ms/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)[Teruskan](https://spline.design/ms/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)

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