Hướng dẫn tạo webite 3D bằng Spline và Figma | Spline cơ bản | Phần 2: Dải ký tự tương tác

Subscribers:
771
Published on ● Video Link: https://www.youtube.com/watch?v=HlVrUNi1kvE



Duration: 38:38
147 views
7


Facebook: https://www.facebook.com/phanductrong34/
Instagram: https://www.instagram.com/trongph.animation/

Tài nguyên trong video :
https://drive.google.com/drive/folders/1whVA41irWJqSIh3L301GtGcKDzVeD_rV?usp=sharing

Typeface Beautique Display:
https://beautique.vn/showcase/BeautiqueDisplay

Playlist Spline cơ bản cho người mới bắt đầu (Tiếng Việt) :
https://youtube.com/playlist?list=PLFZ_t4qVuHisRcUEbRWwP0qL_NeEVfNCw&si=NkwavifXAVfLui-N

0:00 Giới thiệu về Spline
1:25 Import File
2:48 Làm chất liệu cho Ký tự
8:10 Modeling logo Beautique
12:58 Boolean
13:44 Đặt tên group Ký tự
14:27 Làm animation xoay cho Ký tự
16:58 Tạo hitbox
21:43 Set Event cho từng hitbox
23:06 Tổ chức lại layer
24:15 Tạo animation loop
34:07 Hoàn thiện sản phẩm
35:25 Export Setting
16:38 Tích hợp vào FIgma


Chào các bạn, mình là Phan Đức Trọng - một Motion Designer tâm huyết và ham học tại Hà Nội, Việt Nam

Spline là 1 công cụ được xây dựng trên nền tảng web, cho phép bạn có thể tạo, tích hợp các animation 3D tương tác mà không cần code. Nó là một công cụ đơn giản hoá quy trình dựng và làm 3D giúp cho bất cứ ai có cũng có thể dễ dàng sử dụng dù bạn có kiến thức nền về 3D hay không.

Sau một quá trình tìm hiểu về ứng dụng này, mình quyết định sẽ tạo một khoá học hoàn toàn miễn phí hướng dẫn về Spline bằng cách làm lại các sản phẩm mình đã thực hiện cho website của Studio BeauType. Nếu bạn quan tâm về chủ đề này có thể like subscribe ủng hộ mình để đón xem các nội dung mới.

#splines #spline3d #3d #3danimation #blender #cinema4d #C4D #interactivedesign #typeface #typography #font #website #rive #riveapp #illustrator #tiengviet #vietsub




Other Videos By Motion By Trong


2024-05-11Cuối tuần rồi, chơi game cùng em Linh thôi | The Gardens Between
2024-05-05Chơi game tí cùng em Linh | Lost in Play
2024-04-29Advanced Motion Graphic Full Process | Explainer Video | TopCV SHiring app - Live Stream No Talk
2024-04-23Rive Animation - Live Stream No Talk
2024-04-20SLIME IN SPLINE ? #splines#spline3d #3d #interactivedesign #webflow
2024-04-20Tạo nhân vật 3D Slime CỰC DỄ | Spline Tutorial
2024-04-07Boba Bunny #2 | Strawberry Exchange 🍓🎣🐰 #animation2d #vfx #aftereffects
2024-04-07Boba Bunny | Born from Easter Egg #animation2d #vfx #aftereffects
2024-03-25The Boba Bunny- Spline 3D + Webflow portfolio idea #splines#spline3d #3d #interactivedesign #webflow
2024-03-24Spline 3D + Webflow portfolio idea with character #splines#spline3d #3d #interactivedesign #webflow
2024-03-18Hướng dẫn tạo webite 3D bằng Spline và Figma | Spline cơ bản | Phần 2: Dải ký tự tương tác
2024-03-09Hướng dẫn tạo đồ hoạ 3D trên website bằng Spline | Spline cơ bản | Phần 1: Floating Typography
2024-03-092023 Beautique Showreel | Motion Graphic
2024-03-09Beautique | 2023 Showreel | Cultural
2024-03-09Beautique | 2023 Showreel | Corporation
2024-03-09Beautique | 2023 Showreel | Technology
2024-03-09Beautique | 2023 Showreel | Typography
2024-03-09Beautique | Thang Long University REBRAND 2024
2024-03-09Beautique | Nguyen Sieu Mascot Animation
2024-03-09BeauType | Beau Sans Typeface Introduction
2024-03-09Faux 3D Intro | Motion Graphic