create Apple-level scroll animations without writing code...

Published: 15 November 2024
on channel: Framer University
5,016
341

✔︎ 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.