# Fareye tepki veren animasyonlu 3D blob’lar 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. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. Fareye tepki veren animasyonlu 3D blob’lar oluştur

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

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

## Ait olduğu kurs:

- [Spline 101 | İlk etkileşimli sahneni oluştur](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene/create-animated-3d-blobs-that-react-to-your-mouse)

## İlgili eğitimler

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

[State’lerle organik 3D blob’ları canlandırSpline 3DBaşlangıç5 dk](https://spline.design/tr/academy/tutorials/animate-organic-3d-blobs-with-states)[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.