Framer Tutorial: Creating a 3D Text Scroll Animation
🎓 Framer University: https://frameruni.link/yt
👉 Create a free Framer account: https://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:
https://framer.university/lessons/fra...
Scroll Animation Technique Tutorial:
https://framer.university/lessons/beg...
3D Text Project Remix:
https://framer.university/resources/3...
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: https://x.com/learnframer
Instagram: / framer.university
Auf dieser Seite können Sie das Online-Video Framer Tutorial: Creating a 3D Text Scroll Animation mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Framer University 26 April 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 7,732 Mal angesehen und es wurde von 221 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
