Tạo hoạt ảnh cuộn 3D và tích hợp vào Framer

Spline 3DCơ bản12 phút

Trong hướng dẫn này, chúng ta sẽ học cách tạo một hoạt ảnh cuộn 3D, trong đó một cái cây lớn dần khi người dùng cuộn trang. Chúng ta sẽ thiết lập sự kiện cuộn, thêm chuyển tiếp và kết hợp chuyển động camera. Cuối cùng, chúng ta sẽ nhúng cảnh 3D tương tác vào website bằng Framer làm công cụ dựng web.

👇Dùng các liên kết bên dưới để remix thiết kế trong video:

🪴 Website và cảnh hoàn chỉnh để remix: https://inspired-walkthroughs-144071.framer.app/ 🌱 Thiết kế cây 3D (không có hoạt ảnh): https://app.spline.design/file/c4dc75ac-ebaf-4b00-a6cc-a1e47347f522

---

Khám phá thêm nhiều nhà sáng tạo và dự án tuyệt vời #MadeInSpline tại https://community.spline.design/

Bạn sẽ học được gì

  1. 0:00Giới thiệu
  2. 0:18Bài tập cơ bản với một khối lập phương
  3. 1:20Xem qua thiết lập của sự kiện cuộn
  4. 2:42Điều chỉnh Play Settings cho hoạt ảnh cuộn
  5. 3:06Tạo hoạt ảnh lá mọc
  6. 7:59Thêm chuyển động xoay cho hoạt ảnh cây
  7. 9:10Thêm chuyển động camera
  8. 10:29Xuất dưới dạng Viewer
  9. 10:40Nhúng hoạt ảnh 3D vào website Framer

Tài nguyên liên quan

Hướng dẫn liên quan

Tất cả hướng dẫn