# Dönen 3D ikon nasıl oluşturulur - Spline’da animasyon ve etkileşimler - Spline Academy (https://spline.design/tr/academy/tutorials/how-to-create-a-spinning-3d-icon)

> Merhaba! Bu eğitimde dönen bir 3D ikonu baştan sona nasıl oluşturacağını gösteriyoruz! Onu tasarlayıp canlandırmayı, akıcı gecikmeler eklemeyi ve…

1. [Academy](https://spline.design/tr/academy)
2. [Kurslar](https://spline.design/tr/academy/collections)
3. [Spline’da animasyon ve etkileşimler](https://spline.design/tr/academy/collections/animation-interactions-in-spline)
4. Dönen 3D ikon nasıl oluşturulur

# Dönen 3D ikon nasıl oluşturulur

Ders 6 / 14Spline 3DBaşlangıç15 dk

Merhaba! Bu eğitimde dönen bir 3D ikonu baştan sona nasıl oluşturacağını gösteriyoruz! Onu tasarlayıp canlandırmayı, akıcı gecikmeler eklemeyi ve etkileşimli tetikleyiciler kurmayı öğreneceksin. Ayrıca renkleri, malzemeleri ve düğmeyle tetiklenen animasyonları da keşfedeceğiz.

## Neler öğreneceksin

1. [0:003D ikonu oluşturmak](https://www.youtube.com/watch?v=bzbL6eNEfek&t=0s)
2. [2:13Renk ve malzeme uygulamak](https://www.youtube.com/watch?v=bzbL6eNEfek&t=133s)
3. [6:293D ikonu canlandırmak](https://www.youtube.com/watch?v=bzbL6eNEfek&t=389s)
4. [10:35Etkileşimli tetikleyiciler eklemek](https://www.youtube.com/watch?v=bzbL6eNEfek&t=635s)

## İlgili kaynaklar

- [Spinning 3d iconŞablon](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 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)
- [Transition ActionDoküman](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Cloner MotionDoküman](https://docs.spline.design/designing-in-3-d/cloner-motion)

## Genel bakış

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

## Sıradaki

[Etkileşimli bir 3D robota hayat ver13 dkBaşlangıç](https://spline.design/tr/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)[Devam et](https://spline.design/tr/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)

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