# Hana’da Liquid Glass ve 3D - Spline blog (https://spline.design/tr/blog/hana-3d-glass-autolayout-video)

> Hana’da yeni: 3D Transform, Liquid Glass ve Autolayout

[Blog](https://spline.design/tr/blog)

9 Temmuz 2025

# Hana’da Liquid Glass ve 3D

Hana’da yeni: 3D Transform, Liquid Glass ve Autolayout

[Hana’yı aç](https://app.spline.design)

Bugün Hana için gerçek zamanlı Liquid Glass, 3D Transform, Autolayout ve Video Layers gibi çığır açan özellikler getiren büyük bir güncellemeyi duyuruyoruz.

## Hana’da Liquid Glass

iOS 26’nın gelişiyle Liquid Glass efekti tasarım topluluğunun ilgisini çekti. Artık bu efekti Hana’daki herhangi bir nesne katmanına uygulayabilirsin.

Kırılma miktarını kontrol etmek için Distortion gibi cam parametrelerini düzenleyebilirsin.

Ama iOS stilinin ötesine geçip özel cam efektleri de oluşturabilirsin. Efektlerin bazı davranışlarını abartmana ve daha çarpıcı bir görsel estetiğe ulaşmana izin vererek, parametrelerin çok çeşitli yaratıcı sonuçlara ulaşacak kadar genel olmasını sağladık.

Etkileşim için üzerine gel ya da dokun (Hana ile yapılmış deneyim)

## Üst üste dizilebilen cam

Çoğu tasarım aracında bulanıklık ya da cam efektleri genellikle tek bir katmanla sınırlıdır; yani birden fazla katmanı üst üste koyduğunda camın bozulması birikmez ve düz kalır.

Hana’da birden fazla cam katmanını kolayca üst üste dizebilir ve her birinin arkasındaki ya da altındaki öğeleri, tıpkı gerçek hayattaki gibi, nasıl kırdığını görebilirsin. Bu da bambaşka yaratıcı olanakların kapısını açıyor. Bu yalnızca cam efektleri için değil, arka plan bulanıklığı efektleri için de geçerli.

Hana’da birden fazla Liquid Glass katmanını düzenle

## 3D Transform

2D’den 3D’ye geçmek her zaman zorlu olmuştur. Bu özellik üzerinde çalışmaya başladığımızda, arada hiçbir şey kaybetmeden 2D ile 3D arasında kolayca geçiş yapmanın kusursuz bir yolunu sunmak istediğimizi biliyorduk.

Hana’da artık her nesne, 3D uzaydaki konumunu (Depth), dönüşünü ve perspektifini kontrol eden parametrelerle bir 3D nesne olabilir.

Bu parametrelerin hepsi canlandırılabilir ve state/olay sistemiyle uyumlu.

Hana’da nesnenin perspektifini, dönüşünü ve z konumunu kontrol et

## Frame’ler ve 3D portallar

Bir frame 3D olduğunda kendi 3D uzayına açılan bir pencereye de dönüşür. Bu, özellikle kendi içinde derinlik görebildiğin görsel öğeler olan portallar oluşturmak için çok kullanışlı.

Çok kolay: öğeleri bir frame’in içine koy, frame’i 3D yap ve içindeki öğelerin 3D konumunu ya da dönüşünü değiştir. Artık frame’in dönüşünü ya da konumunu değiştirdiğinde, içindeki öğelerin birden fazla derinlik seviyesiyle nasıl görüntülendiğini göreceksin.

Hana’da oluşturulmuş frame’lerin içindeki 3D portallar

## Autolayout

Hana artık tamamen canlandırılabilir parametrelere sahip yerleşimleri destekliyor. Özelleştirilebilir iç boşluk ve aralıklarla hem dikey hem yatay yerleşimler oluşturabilirsin.

Yerleşimler olaylar ve state’lerle birlikte çalışır ve etkileşimi güçlendirmek için gerçek zamanlı güncellenir.

Ayrıca Pinterest’in sütun yerleşimlerine benzeyen masonry yerleşimler için de destek ekledik.

Hana ile Layout kullanılarak yapılmış deneyimler

## Video katmanları

Artık Spline Hana’daki herhangi bir katmana kolayca video yerleştirebilirsin. Bu, etkileşimli bir sunum hazırlarken ya da hareket için tasarlarken çok işe yarıyor. Fill panelinde Video Layer’a geç ve videonu yükle ya da sürükleyip bırak.

Spline’ın 3D editöründe olduğu gibi, Hana’daki videolar da özel olaylarla tetiklenebilir. Varsayılan olarak video Start olayında oynar, ama bunu değiştirip fare olaylarıyla ya da başka herhangi bir olayla tetikleyebilirsin.

## Yeni yaratıcı olanaklar

Epey dolu bir güncelleme oldu! Bugün yayınladığımız tüm yeni özelliklerin hoşuna gitmesini ve heyecan verici yeni tasarımlar oluşturmaya başlamanı umuyoruz.

— Spline Ekibi

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