# Membuat Ikon 3D dari Nol - Spline 101 | Membuat Scene Interaktif Pertama Anda - Spline Academy (https://spline.design/id/academy/tutorials/create-3d-icons-from-scratch)

> Halo! Dalam tutorial ini, kita mendalami pembuatan ikon 3D dengan Spline, termasuk mengubah vektor 2D menjadi 3D, memakai pen tool, serta mengimpor dan…

1. [Academy](https://spline.design/id/academy)
2. [Kursus](https://spline.design/id/academy/collections)
3. [Spline 101 | Membuat Scene Interaktif Pertama Anda](https://spline.design/id/academy/collections/spline-101-build-your-first-interactive-scene)
4. Membuat Ikon 3D dari Nol

# Membuat Ikon 3D dari Nol

Pelajaran 3 dari 16Spline 3DPemula16 mnt

Halo! Dalam tutorial ini, kita mendalami pembuatan ikon 3D dengan Spline, termasuk mengubah vektor 2D menjadi 3D, memakai pen tool, serta mengimpor dan mengonversi SVG. Bersama-sama kita akan membuat sebuah ikon dari awal hingga akhir, menambahkan material untuk menciptakan efek kaca buram. Kita juga akan menjelajahi cara membuat ikon interaktif dan memanfaatkannya untuk proyek web atau aplikasi.

Mari kita mulai!

\---

Sumber belajar di sini! 👋: 🏃Tutorial bagus untuk mempelajari lebih lanjut cara membuat sesuatu interaktif di Spline: <https://www.youtube.com/watch?v=JPUSjRxQEKI&t=352s>

🏗️ Cara lain membangun di Spline: <https://www.youtube.com/watch?v=xc-ExwgYDQI>

💻 3D untuk situs web Anda:

<https://www.youtube.com/watch?v=ncoSN9mgWe8&t=165s>

💖 3D untuk proyek iOS:

<https://www.youtube.com/watch?v=44OPMq7FdD0&t=18s>

\--- Temukan lebih banyak kreator dan proyek luar biasa #MadeInSpline di <https://community.spline.design/>

## Yang akan Anda pelajari

1. [0:00Pengantar ikon 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=0s)
2. [0:21Mengubah 2D menjadi 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=21s)
3. [1:00Memakai Pen Tool dan bentuk](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=60s)
4. [2:31Mengimpor dan mengonversi SVG](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=151s)
5. [4:38Menambahkan material untuk efek 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=278s)
6. [14:04Menambahkan interaksi sederhana pada ikon](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=844s)

## Sumber terkait

- [Message IconTemplate](https://app.spline.design/academy/tutorials/create-3d-icons-from-scratch?redirect-duplicate-template-uuid=806351b2-5c4c-4587-b4e1-eaeb698c5445&is-2d-file=false)
- [Pen ToolDokumen](https://docs.spline.design/designing-in-3-d/pen-tool)
- [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)

## Ikhtisar

- Spline 3D
- 16 mnt
- Pemula

## Berikutnya

[Menambahkan Interaksi Berbasis Mouse ke Objek 3D14 mntPemula](https://spline.design/id/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)[Lanjutkan](https://spline.design/id/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)

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