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
Смотрите видео Framer Tutorial: Creating a 3D Text Scroll Animation онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Framer University 26 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,222 раз и оно понравилось 196 людям.