# Membuat Ikon 3D dari Nol - 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. [Tutorial](https://spline.design/id/academy/tutorials)
3. Membuat Ikon 3D dari Nol

# Membuat Ikon 3D dari Nol

Spline 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

## Bagian dari

- [Spline 101 | Membuat Scene Interaktif Pertama Anda](https://spline.design/id/academy/collections/spline-101-build-your-first-interactive-scene/create-3d-icons-from-scratch)

## Tutorial terkait

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

[Memulai 3D di SplineSpline 3DPemula26 mnt](https://spline.design/id/academy/tutorials/get-started-with-3d-in-spline)[Cara Menyematkan Scene 3D dari Spline ke ShopifySpline 3DPemula9 mnt](https://spline.design/id/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify)[Cara Menyiapkan API dan Webhook Real-Time untuk Scene 3D AndaSpline 3DLanjutan16 mnt](https://spline.design/id/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)

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