🎓 Framer University: framer.university
👉 Create a free Framer account: framer.university/free-account
In this tutorial, you'll learn how to create 3D text scroll animations in Framer.
I'll show how to structure your layers and set 3D transforms to achieve a whole 3D tube made of text.
I'll also show how you can animate those 3D transformations so you get a nice scroll animation.
With the help of this video, you'll be able to create stunning 3D text animations on your Framer websites, without writing any code.
3D Transforms Crash Course:
framer.university/lessons/framer-3d
Scroll Animation Technique Tutorial:
framer.university/lessons/beginner-scroll-animations
3D Text Project Remix:
framer.university/resources/3d-card-flip-interaction-in-framer
00:00 - Introduction
00:17 - 3D transforms crash course
01:10 - Making the front and the back
05:30 - Creating the wrapping frame
07:23 - Creating a full 3D tube
09:39 - Adding perspective distortion
10:30 - Animating the 3D transforms
15:25 - Bringing it closer to us
16:02 - Extra customization
17:21 - Additional resources
Follow me on:
X: x.com/learnframer
Instagram: framer.university
26 апр 2024