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

# Cara Membuat Ikon 3D yang Berputar

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

## Berikutnya

[Menghidupkan Robot 3D Interaktif13 mntPemula](https://spline.design/id/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)[Lanjutkan](https://spline.design/id/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)

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