# 3D Timeline Animation karşınızda - Spline blog (https://spline.design/tr/blog/introducing-3d-timeline-animation) > Spline’ın timeline animasyonu, 3D tasarımlarına keyframe tabanlı akıcı hareketlerle hayat vermeni sağlıyor. [Blog](https://spline.design/tr/blog) 18 Eylül 2025 # 3D Timeline Animation karşınızda Spline’ın timeline animasyonu, 3D tasarımlarına keyframe tabanlı akıcı hareketlerle hayat vermeni sağlıyor. [Spline’ı aç](https://app.spline.design) Spline’da hareket tasarımını genişletme çabalarımızı sürdüren en yeni güncellememizi paylaşmaktan heyecan duyuyoruz: **Timeline Animation**. Bu yeni özellik, hem video dışa aktarımları hem de etkileşimli deneyimler için keyframe tabanlı akıcı hareketleri tamamen Spline editörü içinde oluşturmanı sağlıyor. ## State’ler ve keyframe tabanlı animasyon Spline’da başlangıçta animasyon oluşturmak state tabanlı bir sistemle mümkündü. Nesnelerin için farklı state’ler oluşturur, ardından olaylar ve bir geçiş aksiyonuyla bunlar arasında geçiş yapardın. Hâlâ bu sisteme derinden inanıyoruz. Kullanımı ve kurulumu kolay. Nesneleri bir geçişler dizisiyle A’dan B’ye, B’den C’ye canlandırırsın. Ama daha karmaşık hareketlerde birden fazla nesnenin state geçişlerinin zamanlamasını kontrol etmek söz konusu olduğunda bu sistemin sınırları var. Timeline ile artık daha hassas ve kontrollü animasyon yapabilirsin. Geçişlerini yatay bir zaman çizelgesine yerleşmiş olarak gördüğün için zamanlamalar üzerinde çok daha ince bir kontrolün olur. Bu yeni çözüm state’lerin üzerine inşa ediliyor ve Spline’daki animasyon olanaklarını genişletiyor. Spline’ın Timeline’ındaki keyframe’lerin gösterimi ## Akıcı hareket ve daha ince kontrol için grafik editörü Yerleşik grafik editörü (Graph Editor) sana yumuşatma ve hız üzerinde kontrol veriyor; böylece doğrusal geçişlerin ötesine geçip doğal, akıcı ya da dinamik hissettiren hareketler oluşturabilirsin. Spline’da eğri tabanlı timeline animasyonunun gösterimi ## Olaylar ve etkileşim Tıpkı state’ler gibi Timeline tabanlı animasyonlar da Spline’ın olay sistemine bağlanabilir; böylece hareketi kullanıcı aksiyonlarıyla ya da koşullu mantıkla tetikleyebilirsin. Bu da kullanıcıların sahnenle nasıl etkileşim kurduğuna dinamik olarak tepki veren etkileşimli zaman çizelgeleri oluşturmayı mümkün kılıyor. Konum, dönüş, ölçek, boyut, malzeme, cloner’lar ya da path ekstrüzyonları dahil her nesne özelliği canlandırılabilir. Görünüm alanında ya da özellikler panelinde ayar yaptıkça keyframe’ler otomatik olarak kaydedilir; böylece iş akışı akıcı ve tahribatsız kalır. Etkileşim için üzerine gel ya da dokun (Spline’ın Timeline’ıyla yapılmış deneyim) ## Birden fazla Timeline Tek bir projede birden fazla zaman çizelgesi oluşturabilirsin. Bu sayede hareketi temiz izlere ayırabilir, aynı nesne için farklı durumlar kurabilir ya da karmaşık sahnelerde animasyonları düzenleyebilirsin. Birden fazla zaman çizelgesine sahip olmak, etkileşime göre farklı hareketleri tetiklemeyi de kolaylaştırıyor. Örneğin bir zaman çizelgesi bir nesnenin giriş animasyonunu tanımlarken bir diğeri tıklandığında nasıl tepki vereceğini kontrol edebilir. Timeline ile canlandırılmış 3D path’ler ve kamera ## Video dışa aktarma Timeline yalnızca etkileşimli projelerle sınırlı değil. Animasyonları doğrudan Spline’dan yüksek kaliteli video olarak da dışa aktarabilirsin. Oluşturmak istediğin zaman çizelgesini seç; süreyi, kare hızını ve çözünürlüğü ayarla ve sunumlara, pazarlama kampanyalarına ya da döngülü içeriklere hazır bir video üret. Bu ikili yaklaşım Timeline’ı hem etkileşimli hem de geleneksel hareket tasarımı iş akışları için kullanışlı kılıyor. Spline’dan dışa aktarılmış Timeline tabanlı videolar ## Beta’da gelişiyor Timeline Animation Beta olarak yayınlandı. Onu aktif olarak geliştiriyoruz ve iş akışını geri bildirimlerinle iyileştirmeye devam edeceğiz. Hedefimiz, ister gerçek zamanlı etkileşimli deneyimler ister video için tasarla, 3D’de animasyon yapmayı olabildiğince akıcı ve ifade gücü yüksek hale getirmek. Projelerine Timeline ile nasıl hayat vereceğini görmek için heyecanlıyız. — 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.