# Etkileşimli animasyonlar oluştur: Hana’da dönüşen arayüz ve tepki veren parıltı (adım adım) - Spline Academy (https://spline.design/tr/academy/tutorials/build-interactive-animations-morphing-ui-reactive-glow-in-hana-step-by-step)

> Arayüzünü canlı hissettirmeye hazır mısın? Bu adım adım Hana eğitiminde, kullanıcı girdisine canlı bir organizma gibi tepki veren akıcı ve duyarlı bir…

1. [Academy](https://spline.design/tr/academy)
2. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. Etkileşimli animasyonlar oluştur: Hana’da dönüşen arayüz ve tepki veren parıltı (adım adım)

# Etkileşimli animasyonlar oluştur: Hana’da dönüşen arayüz ve tepki veren parıltı (adım adım)

HanaBaşlangıç13 dk

Arayüzünü canlı hissettirmeye hazır mısın? Bu adım adım Hana eğitiminde, kullanıcı girdisine canlı bir organizma gibi tepki veren akıcı ve duyarlı bir arayüzün nasıl kurulduğunu parça parça inceliyoruz.

💬 Sorun mu var? Aşağıdaki yorumlara yaz!

👍 Daha fazla Spline eğitimi ve haber için beğenmeyi ve abone olmayı unutma

Bağlantılar: 🌸 Hana → <https://spline.design/hana> 💖 Spline → <http://app.spline.design> 📚 Spline dokümantasyonu → <https://docs.spline.design> 👋 Spline Topluluğu → <https://app.spline.design/community>

Sosyal medya hesaplarımız: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

## Genel bakış

- Hana
- 13 dk
- Başlangıç

## İlgili eğitimler

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

[Spline ile 3D tasarım nasıl öğrenilir: yeni başlayandan profesyonele pratik bir yol haritasıSpline 3DBaşlangıç8 dk](https://spline.design/tr/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Hana’da kırılımlı 3D metin oluşturmakHanaBaşlangıç7 dk](https://spline.design/tr/academy/tutorials/creating-refractive-3d-text-in-hana)[Spline’da 3D Drag & Drop etkileşimi nasıl eklenir | Web siteni birkaç tıkla bir üst seviyeye taşıSpline 3DBaşlangıç5 dk](https://spline.design/tr/academy/tutorials/how-to-add-a-3d-drag-drop-interaction-in-spline-level-up-your-website-in-just-a-few-clicks)

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