Spline
Hubungi tim penjualanMulai berkarya

Membuat Animasi Scroll 3D & Mengintegrasikannya ke Framer

Pelajaran 4 dari 8Spline 3DPemula12 mnt

Dalam tutorial ini, kita akan belajar membuat animasi scroll 3D, tempat sebuah tanaman tumbuh saat pengguna menggulir halaman. Kita akan menyiapkan event scroll, menambahkan transisi, dan memasukkan gerakan kamera. Terakhir, kita akan menyematkan scene 3D interaktif ini ke situs web dengan Framer sebagai web builder.

👇Pakai tautan di bawah untuk me-remix desain yang ditampilkan dalam video:

🪴 Remix situs web dan scene akhir: https://inspired-walkthroughs-144071.framer.app/ 🌱 Desain tanaman 3D (tanpa animasi): https://app.spline.design/file/c4dc75ac-ebaf-4b00-a6cc-a1e47347f522

---

Temukan lebih banyak kreator dan proyek luar biasa #MadeInSpline di https://community.spline.design/

Yang akan Anda pelajari

  1. 0:00Intro
  2. 0:18Latihan dasar dengan kubus
  3. 1:20Melihat pengaturan event Scroll
  4. 2:42Menyesuaikan Play Settings untuk animasi scroll
  5. 3:06Menganimasikan pertumbuhan daun
  6. 7:59Menambahkan rotasi pada animasi tanaman
  7. 9:10Menambahkan gerakan kamera
  8. 10:29Mengekspor sebagai Viewer
  9. 10:40Menyematkan animasi 3D Anda ke situs Framer

Sumber terkait