# State’lerle organik 3D blob’ları canlandır - 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. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. State’lerle organik 3D blob’ları canlandır

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

Spline 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ıç

## Ait olduğu kurs:

- [Spline’da animasyon ve etkileşimler](https://spline.design/tr/academy/collections/animation-interactions-in-spline/animate-organic-3d-blobs-with-states)

## İlgili eğitimler

[Tüm eğitimler](https://spline.design/tr/academy/tutorials)

[Fareye tepki veren animasyonlu 3D blob’lar oluşturSpline 3DBaşlangıç12 dk](https://spline.design/tr/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)[Spline ile 3D blob’lar nasıl oluşturulurSpline 3DBaşlangıç14 dk](https://spline.design/tr/academy/tutorials/how-to-create-3d-blobs-using-spline)[3D ikonları malzemelerle iyileştir ve stillendirSpline 3DBaşlangıç9 dk](https://spline.design/tr/academy/tutorials/refine-style-3d-icons-with-materials)

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