# State’lerle organik 3D blob’ları canlandır - Spline’da animasyon ve etkileşimler - Spline Academy (https://spline.design/tr/academy/tutorials/animate-organic-3d-blobs-with-states)

> ☀️ Güncelleme: Spline arayüzü gelişti ve artık etkileşimler için çok daha fazla olanak sunan Actions kavramını getirdik. Olay panelinde eski “Objects”…

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. State’lerle organik 3D blob’ları canlandır

# State’lerle organik 3D blob’ları canlandır

Ders 13 / 14Spline 3DBaşlangıç5 dk

☀️ Güncelleme: Spline arayüzü gelişti ve artık etkileşimler için çok daha fazla olanak sunan Actions kavramını getirdik. Olay panelinde eski “Objects” bölümünün adı artık Transition (bir aksiyon). Transition aksiyonunun Current’tan (Base State) State’e gitmesini sağla.

Selam! Bu eğitimde Spline malzemeleri ve state geçişleriyle 3D bir blob oluşturup ona hareket/animasyon eklemeyi öğreneceksin.

Demo: <https://my.spline.design/animateblobtutorial-3cd0ff763c85d6c7932987288496472e/> Remix: <https://app.spline.design/file/8784fb55-d7a0-4a39-b00c-b88ab4524c2e>

## Neler öğreneceksin

1. [0:00Giriş](https://www.youtube.com/watch?v=KclCVV4bnow&t=0s)
2. [0:27Küreyi oluşturmak](https://www.youtube.com/watch?v=KclCVV4bnow&t=27s)
3. [1:28Malzemeleri oluşturmak](https://www.youtube.com/watch?v=KclCVV4bnow&t=88s)
4. [3:34Deformasyonu canlandırmak](https://www.youtube.com/watch?v=KclCVV4bnow&t=214s)
5. [4:13Alternatifleri keşfetmek](https://www.youtube.com/watch?v=KclCVV4bnow&t=253s)

## İlgili kaynaklar

- [Blob Soft AnimationŞablon](https://app.spline.design/academy/tutorials/animate-organic-3d-blobs-with-states?redirect-duplicate-template-uuid=8d2738da-646b-4647-8a1e-696489259738&is-2d-file=false)
- [Materials & ShadingDoküman](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Displace LayerDoküman](https://docs.spline.design/materials-shading/displace-layer)
- [Transition ActionDoküman](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Events & InteractivityDoküman](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)

## Genel bakış

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

## Sıradaki

[3D nesneleri döndür ve canlandır6 dkBaşlangıç](https://spline.design/tr/academy/collections/animation-interactions-in-spline/rotate-animate-3d-objects)[Devam et](https://spline.design/tr/academy/collections/animation-interactions-in-spline/rotate-animate-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.