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

> Halo! Dalam tutorial ini, kami akan menunjukkan cara membuat ikon 3D yang berputar dari awal hingga akhir! Anda akan belajar mendesain dan…

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

# Cara Membuat Ikon 3D yang Berputar

Spline 3DPemula15 mnt

Halo! Dalam tutorial ini, kami akan menunjukkan cara membuat ikon 3D yang berputar dari awal hingga akhir! Anda akan belajar mendesain dan menganimasikannya, menambahkan jeda yang halus, dan menyiapkan pemicu interaktif. Kita juga akan menjelajahi warna, material, dan animasi yang dipicu oleh tombol.

## Yang akan Anda pelajari

1. [0:00Membuat ikon 3D](https://www.youtube.com/watch?v=bzbL6eNEfek&t=0s)
2. [2:13Menerapkan warna dan material](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:35Menambahkan pemicu interaktif](https://www.youtube.com/watch?v=bzbL6eNEfek&t=635s)

## Sumber terkait

- [Spinning 3d iconTemplate](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)

## Ikhtisar

- Spline 3D
- 15 mnt
- Pemula

## Bagian dari

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

## Tutorial terkait

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

[Cara Menganimasikan Karakter 3D yang BerjalanSpline 3DPemula14 mnt](https://spline.design/id/academy/tutorials/how-to-animate-a-3d-walking-character)[Cara Membuat Multi-scene 3D dan Mengimpor AnimasiSpline 3DMenengah18 mnt](https://spline.design/id/academy/tutorials/how-to-build-3d-multi-scenes-and-import-animations)[Membuat Animasi Loop 3D yang MulusSpline 3DPemula11 mnt](https://spline.design/id/academy/tutorials/craft-seamless-3d-loop-animations)

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

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

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

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

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

#### Kontak

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

© 2026 - Spline, Inc.