Subscribe
Sign in
Lottie in 3D by Vectary — Add Lottie and gif animations to 3D
✨ Add Lottie and gif animations to 3D products, UI designs and mockups
✨ Create impressive no-code 3D web elements
✨ Free online 3D design platform since 2016
✨ Create impressive no-code 3D web elements
✨ Free online 3D design platform since 2016
28
Replies
Hey there 👋
Michal here, the CEO of Vectary.
Excited to introduce this new feature for animating materials in Vectary Studio through a super simple way of importing Lotties and gifs.
We are a no-code, in-browser 3D design platform, with real-time rendering and a sharing function that allows users to export projects as single-serve websites with unique URLs. That means you can instantly publish to the web, embed on your site, or share your ideas with the world.
Adding animated materials was a very logical next step. Being able to add Lotties or gifs to 3D designs can achieve so much more depth and engagement. The whole workflow is very accessible, web-based, and easily integrated with other platforms.
The process has been so optimized, that the animations can be added not only by importing but also by a simple drag & drop function. The files can stay small and web-ready.
In the last few months, we have noticed that so many designers were using the Vectary viewer to showcase their product or UX design. Saying bye to large file transfers or zipped files was the most welcome parting of the ways. The viewer makes it look fantastic and allows the design to be viewed as it was meant to be, in 3D.
Adding animations that are also web-based and accessible is just icing on the cake. Vectary is free with a standard workspace, so give it a try. Go to https://www.vectary.com/
You can even use one of the sample templates available on the starting screen with the animations already added. Deconstruct them and make them your own.
We’d love to hear your opinion and feedback on how this feature can fit in with your design workflow.
Have fun creating!
Hello everyone!
We are very excited to launch on ProductHunt today.
Here is a demo video on how to use Lottie and gifs animations in 3D, easily:
Try it out in Vectary Studio.
Clone this scene from the 3D template (click on the logo on the bottom):
https://bit.ly/3d-animation-temp...
Assets used in the tutorial are free from amazing LottieFiles:
Lottie gradient background: https://lottiefiles.com/63812-gr......
Lottie graph: https://lottiefiles.com/97650-fi......
Lottie wifi animated icon: https://lottiefiles.com/18244-wi......
Thanks for the feedback!
Wow! That's super cool 😍 @michalkoor Vectary is what got me into 3D. Super excited to try this out!
Hey, Congrats for the launch, it look amazing. Can you explain what are the export options?
@raj_dhakad To preserve the animated material, embed the project on the web or share it as a link. Check the tutorial:
For a static version, you can download a hi-res png, or save it as a 3D file (most of the standard formats)
@maria_brm Hello, thanks for the nice words. To preserve the animated material, embed the project on the web or share it as a link.
Check the tutorial: https://youtu.be/Y-XM9_71oJw
You can also download a static version - hi-res png, or save it as a 3D file (most of the standard formats)
@mirkabiel Hello Mirka! Awesome! Thank you for the answer and the link! ^_^ I can't wait to create something with Lottie! *_*
Looks interesting, but I wish you had a blank canvas to try the tool without having to sign up. Unless I missed something? Or maybe there's a demo video video how it works?
@andrei_petrik2 Hey, thanks for the feedback. You can open a blank canvas as well. The registration is not skippable, so your project can be autosaved, and you can come back anytime to continue your project.
Vectary is a fully-featured 3D design platform. Here is a short introduction to Vectary Studio Beta:
Droplove