# İmleci takip eden etkileşimli 3D akışkan şekiller oluştur - Spline’da animasyon ve etkileşimler - Spline Academy (https://spline.design/tr/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

> Bu eğitimde şekil karıştırmayla sıvı ya da akışkan esintili tasarımlar oluşturmayı adım adım anlatıyoruz. Birlikte büyüleyici, su benzeri formlar…

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. İmleci takip eden etkileşimli 3D akışkan şekiller oluştur

# İmleci takip eden etkileşimli 3D akışkan şekiller oluştur

Ders 4 / 14Spline 3DBaşlangıç12 dk

Bu eğitimde şekil karıştırmayla sıvı ya da akışkan esintili tasarımlar oluşturmayı adım adım anlatıyoruz. Birlikte büyüleyici, su benzeri formlar oluşturacak, parlak bir estetik için şeffaflık ve başka efektler ekleyecek ve şekillerin imlecini takip etmesini sağlayan bir etkileşim kurarak tasarımlarına akıcı animasyonlarla hayat vereceğiz!

🌊 Remix: <https://app.spline.design/file/7f488663-6208-4bb0-802a-70bfaa865b27>

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=5W0BSoS24Jk&t=0s)
2. [0:21Soyut şekiller tasarlamak](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=21s)
3. [1:46Şeffaf ve parlak malzemeler nasıl oluşturulur](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=106s)
4. [4:38Hızlı ipucu: döngülü animasyonlar için Cloner + rastgelelik](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=278s)
5. [5:54Etkileşim büyüsü: şekillerin imleci takip etsin (Follow olayı)](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=354s)
6. [9:31Hızlı ipucu: göz alıcı, animasyonlu bir döner tabla oluştur](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=571s)

## İlgili kaynaklar

- [Water InteractionŞablon](https://app.spline.design/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor?redirect-duplicate-template-uuid=f4fc1df0-cb80-4a65-9db1-68f1440194c4&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)
- [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

[Etkileşimli 3D kutuları canlandır4 dkOrta](https://spline.design/tr/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)[Devam et](https://spline.design/tr/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)

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