# Hana ve Spline ile bir yol boyunca nasıl animasyon yapılır - Spline Academy (https://spline.design/tr/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline)

> Bu eğitimde Hana’daki son güncellemelerimizden birini nasıl kullanacağını ve şekilleri ya da tasarımları özel bir yörünge boyunca nasıl kolayca…

1. [Academy](https://spline.design/tr/academy)
2. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. Hana ve Spline ile bir yol boyunca nasıl animasyon yapılır

# Hana ve Spline ile bir yol boyunca nasıl animasyon yapılır

HanaBaşlangıç7 dk

Bu eğitimde Hana’daki son güncellemelerimizden birini nasıl kullanacağını ve şekilleri ya da tasarımları özel bir yörünge boyunca nasıl kolayca canlandırabileceğini gösteriyoruz.

Hana’da bir yol tasarlamanın farklı yollarını, şekilleri o yola hizalamayı, animasyon oluşturmayı, konum ofsetlerini ayarlamayı ve world ile tangential yönelim arasında seçim yapmayı adım adım anlatıyoruz.

Demolar 👉 <https://app.spline.design/ui/6a36d303-a217-4466-95f5-85a1561c5725>

## Neler öğreneceksin

1. [0:00Giriş](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=0s)
2. [0:16Vector Tool ile yol nasıl oluşturulur](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=16s)
3. [1:00Align to Path nasıl yapılır](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=60s)
4. [2:07Animasyon oluşturmak](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=127s)
5. [3:23Bir şekille yol nasıl oluşturulur](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=203s)
6. [4:03Konum ofsetlerini ayarlamak](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=243s)
7. [4:53World ve tangential yönelim](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=293s)
8. [6:133D’de Align to Path](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=373s)

## İlgili kaynaklar

- [Shapes Follow PathŞablon](https://app.spline.design/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline?redirect-duplicate-template-uuid=86ecf61d-28ed-4c69-9f76-029bd8130eed&is-2d-file=true)
- [Algin to Path ModiferDoküman](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana#%F0%9F%8E%A2-modifiers)

## Genel bakış

- Hana
- 7 dk
- Başlangıç

## Ait olduğu kurs:

- [Hana | Bilmen gereken her şey](https://spline.design/tr/academy/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline)

## İlgili eğitimler

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

[2D bir Follow etkileşimi oluşturHanaBaşlangıç8 dk](https://spline.design/tr/academy/tutorials/create-a-2d-follow-interaction)[Hana’da etkileşimli 2D’ye başlaHanaBaşlangıç17 dk](https://spline.design/tr/academy/tutorials/get-started-with-interactive-2d-in-hana)[Hana ile fareye tepki veren etkileşimli tasarımlar oluşturHanaBaşlangıç6 dk](https://spline.design/tr/academy/tutorials/create-interactive-designs-that-react-to-your-mouse-with-hana)

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