✔︎ Framer University: https://frameruni.link/yt
✔︎ Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, I'll walk you through my step-by-step process of creating this 3D scroll animation without writing any code. We'll be editing a 3D file in Spline to customize the laptop opening animation and export it as an image sequence (works with video export too). Then we'll be using my Scroll Media component to play the image sequence (or video) as we scroll down the website. By the end of the video, you're going to have the skills to create sick 3D scroll animations in Framer without writing any code.
→ Remix the tutorial project: https://framer.university/resources/s...
→ Remix the Spline project: https://app.spline.design/community/f...
→ Bulk image cropper: https://bulkimagecrop.com/
→ Bulk image resizer: https://imageresizer.com/bulk-resize
0:00 - Introduction
1:01 - Basic setup
2:45 - Customizing The 3D file
4:29 - Exporting the sequence
7:15 - Bulk Editing the Sequence
11:28 - Creating the animation in Framer
26:24 - Additional resources
Follow me on:
X: / learnframer
Instagram: / framer.university
Watch video create Apple-level scroll animations without writing code... online without registration, duration hours minute second in high quality. This video was added by user Framer University 15 November 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,016 once and liked it 341 people.