# Spline ve Framer ile 3D bir web sitesi tasarlamak - Spline Academy (https://spline.design/tr/academy/tutorials/designing-a-3d-website-with-spline-and-framer)

> Selam! Bu eğitimde Spline’da yapılmış 3D bir cam sahneyle 3D bir web sitesi oluşturmayı ve tam işlevli bir web sitesi oluşturup yayınlamak için onu Framer’a…

1. [Academy](https://spline.design/tr/academy)
2. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. Spline ve Framer ile 3D bir web sitesi tasarlamak

# Spline ve Framer ile 3D bir web sitesi tasarlamak

Spline 3DBaşlangıç14 dk

Selam! Bu eğitimde Spline’da yapılmış 3D bir cam sahneyle 3D bir web sitesi oluşturmayı ve tam işlevli bir web sitesi oluşturup yayınlamak için onu Framer’a (web sitesi oluşturucu) entegre etmeyi öğreneceksin. Spline’a göz at: <https://spline.design/> Demo site: <https://healthy-others-546063.framer.app/> Spline’ı takip et: <https://instagram.com/splinetool/>

## Neler öğreneceksin

1. [0:00Giriş](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=0s)
2. [0:33Küreleri oluşturmak](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=33s)
3. [1:40Malzemeleri eklemek](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=100s)
4. [2:52Camı yapmak](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=172s)
5. [7:503D sahneyi Spline’dan dışa aktarmak](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=470s)
6. [8:263D sahneyi Framer’a aktarmak](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=506s)
7. [10:00Web sitesi kompozisyonunu ayarlamak](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=600s)
8. [11:30Üzerine gelince Orbit eklemek](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=690s)
9. [12:25Son ayarlar](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=745s)

## Genel bakış

- Spline 3D
- 14 dk
- Başlangıç

## İlgili eğitimler

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

[3D bir nesneye Follow etkileşimi nasıl eklenirSpline 3DBaşlangıç6 dk](https://spline.design/tr/academy/tutorials/how-to-add-a-follow-interaction-to-a-3d-object)[3D’de bir cam küp tasarlaSpline 3DBaşlangıç11 dk](https://spline.design/tr/academy/tutorials/design-a-glass-cube-in-3d)[3D kaydırma animasyonu oluştur ve Framer’a entegre etSpline 3DBaşlangıç12 dk](https://spline.design/tr/academy/tutorials/create-a-3d-scroll-animation-integrate-into-framer)

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