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
Watch video Framer Tutorial: Creating a 3D Text Scroll Animation online without registration, duration hours minute second in high quality. This video was added by user Framer University 26 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,222 once and liked it 196 people.