# Fareye tepki veren animasyonlu 3D blob’lar oluştur - Spline 101 | İlk etkileşimli sahneni oluştur - Spline Academy (https://spline.design/tr/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)

> Yeni başlayanlara uygun bu eğitimde sıfırdan başlayıp Shape Blend ile renkli, animasyonlu ve etkileşimli 3D blob’lar oluşturmayı öğreneceğiz.

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. Fareye tepki veren animasyonlu 3D blob’lar oluştur

# Fareye tepki veren animasyonlu 3D blob’lar oluştur

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

Yeni başlayanlara uygun bu eğitimde sıfırdan başlayıp Shape Blend ile renkli, animasyonlu ve etkileşimli 3D blob’lar oluşturmayı öğreneceğiz.

Akıcı geçişler ve doğal görünümlü gradyanlar oluşturmak için renk ve doku uygulamaya dair bazı kolay ipuçlarını anlatıyoruz.

Ayrıca üzerine gelindiğinde blob’un şeklinin değişmesi gibi etkileşimli olayların nasıl ekleneceğini de keşfedeceğiz.

\--

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

## Neler öğreneceksin

1. [0:00Giriş](https://www.youtube.com/watch?v=l32kDk5DU00&t=0s)
2. [0:24Shape Blend ile bir blob oluşturmak](https://www.youtube.com/watch?v=l32kDk5DU00&t=24s)
3. [1:31Renk eklemek](https://www.youtube.com/watch?v=l32kDk5DU00&t=91s)
4. [3:21Parıltı efektleri ve doku eklemek](https://www.youtube.com/watch?v=l32kDk5DU00&t=201s)
5. [5:20Blob’umuzu canlandırmak](https://www.youtube.com/watch?v=l32kDk5DU00&t=320s)
6. [6:49Animasyon nasıl döngüye alınır](https://www.youtube.com/watch?v=l32kDk5DU00&t=409s)
7. [8:32İmleçle etkileşimli efekt](https://www.youtube.com/watch?v=l32kDk5DU00&t=512s)
8. [9:44Hızlı ipuçları](https://www.youtube.com/watch?v=l32kDk5DU00&t=584s)
9. [10:38Shape Blend ile diğer etkileşimli sahne örnekleri](https://www.youtube.com/watch?v=l32kDk5DU00&t=638s)
10. [11:00Spline topluluğumuz](https://www.youtube.com/watch?v=l32kDk5DU00&t=660s)
11. [11:05Haftanın bir sonraki tasarımcısı sen ol!](https://www.youtube.com/watch?v=l32kDk5DU00&t=665s)

## İlgili kaynaklar

- [Animated Shape BlendŞablon](https://app.spline.design/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse?redirect-duplicate-template-uuid=546ba9b3-f563-43e4-bbd7-a72c5941902e&is-2d-file=false)
- [Shape BlendDoküman](https://docs.spline.design/designing-in-3-d/shape-blend)
- [Materials & ShadingDoküman](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [How state-based animation worksDoküman](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Follow EventDoküman](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Genel bakış

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

## Sıradaki

[Spline tasarımlarını etkileşimli web deneyimlerine dönüştür10 dkBaşlangıç](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)[Devam et](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)

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