# Hana’da progressive blur ve gradyanlar - Spline blog (https://spline.design/tr/blog/introducing-progressive-blur-gradients) > Göz alıcı bulanıklıklar ve gradyanlarla tasarımlarını bir üst seviyeye taşı [Blog](https://spline.design/tr/blog) 27 Mayıs 2025 # Hana’da progressive blur ve gradyanlar Göz alıcı bulanıklıklar ve gradyanlarla tasarımlarını bir üst seviyeye taşı [Hana’yı aç](https://app.spline.design) Progressive blur’ler birkaç yıl önce iOS’un cam arayüz estetiğiyle popüler oldu ve son zamanlarda arayüz tasarım araçlarında da yaygınlaştı. Ancak hareket tasarımında ya da gerçek zamanlı etkileşimli ortamlarda kullanılması zor, karmaşık bir teknik olarak kaldı. Bugün Hana’ya gerçek zamanlı progressive blur’ü getiriyoruz. Bu tür bir bulanıklık ilk kez gerçek zamanlı kullanıma sunuluyor: sezgisel kontrollerle, hiçbir teknik bilgi gerektirmeden ve tamamen Hana’nın sonsuz tasarım tuvalinde. Nasıl çalıştığını görmek için aşağıdaki sahneyle oynayabilirsin. Etkileşim için üzerine gel ya da dokun (Hana ile yapılmış deneyim) ## Hana’da progressive blur nasıl eklenir Herhangi bir katmanı seçip Layer Blur ya da Background Blur ekleyebilirsin. Her iki durumda da bulanıklığın Uniform mu Progressive mi olacağını seçebilirsin. Progressive blur neredeyse bir gradyan gibi çalışır; ama renk yerine iki bulanıklık yarıçapı değeri arasında geçiş yapar. Hana’da progressive blur böyle çalışıyor ## Hana’da yumuşak gradyanlar Artık Hana’da gradyan oluşturabilirsin. Doğrusal, radyal ya da polar gradyanlar arasından seçim yapabilir ve konumu doğrudan tuvalden ayarlayabilirsin. Ayrıca renkler arasında daha doğal bir geçiş elde etmek için Smooth Step enterpolasyonu kullanan Smooth Gradients’ı da tanıtıyoruz. Çoğu tasarım aracı doğrusal enterpolasyona dayanan gradyanlar kullanır; bu da her gradyan “durağı” rengi arasında belirgin kırılma noktaları oluşturur. Smooth Gradients’ı birkaç yıl önce ilk olarak Spline’ın 3D editöründe hayata geçirdik, şimdi de Hana’ya getiriyoruz. ## SVG içe aktarma ve dahası Son birkaç haftada Hana’ya SVG dosyası desteği (artık sürükleyip bırakman yeterli), daha iyi performans ve daha küçük runtime boyutu dahil çeşitli iyileştirmeler de getirdik. Ayrıca daha iyi bir renk seçici davranışı, geliştirilmiş seçim araçları ve deneyimi daha tutarlı hale getiren çok sayıda küçük düzeltme dahil birkaç kullanım kolaylığı iyileştirmesi ekledik. Hana ile yapılmış deneyimler ## Hemen dene! Progressive blur ve gradyanların olanaklarını keşfetmen için bir [Spline Hana dosyası](https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3) hazırladık. ## Tasarım iş akışları gelişiyor Özünde basit olsalar da bu yeni özellikler daha önce hiç olmadığı kadar yaratıcı kontrol ve yaratıcı sonuç sunuyor. Bunun gibi gerçek zamanlı etkileşimleri canlandırmak ya da oluşturmak daha önce hiç kolay değildi; artık Hana ile bunu birkaç saniyede yapabilirsin. Neler oluşturabileceğini görmek için sabırsızlanıyoruz! — Spline Ekibi [Daha fazla bilgi](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## Blogdan daha fazlası [3 Kasım 2026Spline Arena karşınızda](https://spline.design/tr/blog/introducing-spline-arena)[21 Ekim 2026ChatGPT için Spline karşınızda](https://spline.design/tr/blog/introducing-spline-for-chatgpt)[27 Ağustos 2026Hana V2 karşınızda](https://spline.design/tr/blog/hana-v2) [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.