Animation
3D Logo Animation Website in Framer
This is a cool 3D logo scroll animation of Framer University logo. I used Endless tool to create the 3D version of the logo exported it as an MP4, and added it to my scroll media component to make it play on scroll.
About the resource
To create this 3D logo in the Endless Tools, I started by uploading the logo as an SVG using the shape tool. By pressing 'R' and dragging, I rotated the shape into position. Then, I applied a material of choice and fine-tuned details like light direction, depth, roughness, and environment power all in the Endless Tools. After finalizing, I exported the shape as a looping video in MP4 format.
About the resource
To create this 3D logo in the Endless Tools, I started by uploading the logo as an SVG using the shape tool. By pressing 'R' and dragging, I rotated the shape into position. Then, I applied a material of choice and fine-tuned details like light direction, depth, roughness, and environment power all in the Endless Tools. After finalizing, I exported the shape as a looping video in MP4 format.
About the resource
To create this 3D logo in the Endless Tools, I started by uploading the logo as an SVG using the shape tool. By pressing 'R' and dragging, I rotated the shape into position. Then, I applied a material of choice and fine-tuned details like light direction, depth, roughness, and environment power all in the Endless Tools. After finalizing, I exported the shape as a looping video in MP4 format.
The material and editing options in Endless Tools.
The material and editing options in Endless Tools.
The material and editing options in Endless Tools.
In Framer, I added this video to the scroll media component, so the 3D logo smoothly rotates as you scroll through the site.
In Framer, I added this video to the scroll media component, so the 3D logo smoothly rotates as you scroll through the site.
In Framer, I added this video to the scroll media component, so the 3D logo smoothly rotates as you scroll through the site.
The scroll media component properties in Framer.
The scroll media component properties in Framer.
The scroll media component properties in Framer.
