# İmleci takip eden etkileşimli 3D akışkan şekiller oluştur - 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. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. İmleci takip eden etkileşimli 3D akışkan şekiller oluştur

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

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

## Ait olduğu kurs:

- [Spline’da animasyon ve etkileşimler](https://spline.design/tr/academy/collections/animation-interactions-in-spline/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

## İlgili eğitimler

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

[3D bir nesneye Follow etkileşimi nasıl eklenirSpline 3DBaşlangıç6 dk](https://spline.design/tr/academy/tutorials/how-to-add-a-follow-interaction-to-a-3d-object)[3D kaydırma animasyonu oluştur ve Framer’a entegre etSpline 3DBaşlangıç12 dk](https://spline.design/tr/academy/tutorials/create-a-3d-scroll-animation-integrate-into-framer)[Spline ve Framer ile 3D bir web sitesi tasarlamakSpline 3DBaşlangıç14 dk](https://spline.design/tr/academy/tutorials/designing-a-3d-website-with-spline-and-framer)

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