Create 3D UI Interactions for Websites with Spline - Free course
DesignCode DesignCode
293K subscribers
332,761 views
0

 Published On Nov 28, 2023

Learn to create 3D designs and UI interactions such as 3D icons, UI animations, components, variables, screen resize, scrolling interactions, as well as exporting, optimizing, and publishing your 3D assets on websites. Sponsored by https://spline.design

Spline files: ➡ https://www.dropbox.com/scl/fo/6jr06j...

00:00:00 Introduction to Spline
00:10:23 3D Shapes and Materials
00:20:11 Weather Icon and Sculpting
00:33:40 Icon Animation
00:43:08 Path Animation
00:52:42 Waves Animation
01:08:15 3D Card with Parallax
01:18:12 Button Components
01:29:55 Screen Resize Adaptive Layout
01:40:38 Tab Bar Animation
02:02:02 UI Charts and Variables
02:18:56 Scroll Interaction and Scenes
02:28:15 Export to USDZ and Optimizations
02:37:43 Publish to 3D Site

🚀 Follow this course on Design+Code's website
➡ https://designcode.io/spline-ui

#spline #3ddesign #uidesign

show more

Share/Embed