# Sıfırdan 3D ikonlar oluştur - Spline 101 | İlk etkileşimli sahneni oluştur - Spline Academy (https://spline.design/tr/academy/tutorials/create-3d-icons-from-scratch)

> Merhaba! Bu eğitimde Spline ile 3D ikonlar oluşturmaya dalıyoruz; 2D vektörleri 3D’ye dönüştürmek, kalem aracını kullanmak ve SVG’leri içe aktarıp…

1. [Academy](https://spline.design/tr/academy)
2. [Kurslar](https://spline.design/tr/academy/collections)
3. [Spline 101 | İlk etkileşimli sahneni oluştur](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene)
4. Sıfırdan 3D ikonlar oluştur

# Sıfırdan 3D ikonlar oluştur

Ders 3 / 16Spline 3DBaşlangıç16 dk

Merhaba! Bu eğitimde Spline ile 3D ikonlar oluşturmaya dalıyoruz; 2D vektörleri 3D’ye dönüştürmek, kalem aracını kullanmak ve SVG’leri içe aktarıp dönüştürmek gibi konuları ele alıyoruz. Birlikte baştan sona bir ikon oluşturacak ve buzlu cam efekti için malzemeler ekleyeceğiz. Ayrıca ikonları etkileşimli hale getirmeyi ve onları web ya da uygulama projelerinde kullanmayı da keşfediyoruz.

Hadi başlayalım!

\---

Kaynaklar burada! 👋: 🏃Spline’da etkileşim kurmayı daha iyi öğrenmek için harika bir eğitim: <https://www.youtube.com/watch?v=JPUSjRxQEKI&t=352s>

🏗️ Spline’da üretmenin başka yolları: <https://www.youtube.com/watch?v=xc-ExwgYDQI>

💻 Web siten için 3D:

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

💖 iOS projeleri için 3D:

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

\--- Daha fazla harika yaratıcıyı ve projeyi #MadeInSpline <https://community.spline.design/> adresinde keşfet

## Neler öğreneceksin

1. [0:003D ikonlara giriş](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=0s)
2. [0:212D’yi 3D’ye dönüştürmek](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=21s)
3. [1:00Kalem aracı ve şekilleri kullanmak](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=60s)
4. [2:31SVG’leri içe aktarmak ve dönüştürmek](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=151s)
5. [4:383D efektler için malzeme eklemek](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=278s)
6. [14:04İkona basit bir etkileşim eklemek](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=844s)

## İlgili kaynaklar

- [Message IconŞablon](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 ToolDoküman](https://docs.spline.design/designing-in-3-d/pen-tool)
- [Extruding 2D objects in 3DDoküman](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Materials & ShadingDoküman](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Genel bakış

- Spline 3D
- 16 dk
- Başlangıç

## Sıradaki

[3D nesnelere fare tabanlı etkileşimler ekle14 dkBaşlangıç](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)[Devam et](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)

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

Ekipler ve ajanları için 3D ve 2D editör. Web’de, iOS’ta ve Android’de yayınla.

#### Spline’ı yapay zekaya sor

#### Ürünler

- [3D Tasarım](https://spline.design/tr/3d-design)
- [Hana](https://spline.design/tr/hana)
- [Omma](https://omma.build)
- [Yapay Zekayla 3D Üretim](https://spline.design/tr/ai-generate)
- [Spline MCP](https://spline.design/tr/mcp)
- [Spline Arena](https://spline.design/tr/arena)
- [Fiyatlandırma](https://spline.design/tr/pricing)
- [Kurumsal](https://spline.design/tr/enterprise)

#### Runtime’lar

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

#### Uygulamalar

- [İndir](https://spline.design/tr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror’ı indir](https://spline.design/download-mirror)

#### Öğren

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/tr/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Çözümler](https://spline.design/solutions)

#### Topluluk

- [Spline Topluluğu](https://community.spline.design)
- [Blog](https://spline.design/tr/blog)
- [Sürüm Notları](https://spline.design/tr/changelog)
- [Eğitim](https://spline.design/tr/education)
- [Contra](https://spline.design/contra)
- [Ortaklık](https://spline.design/tr/affiliate)

#### Şirket

- [Müşteriler](https://spline.design/tr/customers)
- [Kariyer](https://www.ycombinator.com/companies/spline/jobs)
- [Güvenlik](https://spline.design/tr/security)

#### Yasal

- [Şartlar ve Koşullar](https://spline.design/terms)
- [Gizlilik](https://spline.design/privacy)

#### İletişim

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

© 2026 - Spline, Inc.