How to Convert After Effects Animations for the Web
HTML-код
- Опубликовано: 18 окт 2024
- Interested in having ExpandTheRoom provide a custom workshop for your company? Contact us - expandtheroom....
Hope you find this useful, I sure did.
from 3:35 to 19:10 I do a little animation tutorial, you can skip to 19:10 for some plugin action
The amazing plugin I used : aescripts.com/...
** update - this video is a few years old and might be a little outdated compared to the plugin today. The output of the plugin is .json, not .svg. Not every AE feature is supported and will render correctly, here's a list of supported effects - salihabdul-kar...
For more Knowledge Hour videos, subscribe to this channel. To learn more about ETR, visit www.expandthero...
It's an SVG based animation powered by HTML, it's not really an animated SVG, you end up with a .json file and HTML as a demo. Thanks for the tutorial though. Great looking animations! ^_^
Is there any way to get .svg animated file?
The exported file is json not svg. how can I get a file extension with svg that I can use?
Following
its an html file not SVG
@@MercuryRisingFast have you found out how to export an animation to an actual SVG file?
@@MercuryRisingFast I hope your waffles tasted wonderful
@@MercuryRisingFast Thanks bro!
It's Lottie, not SVG! SVGs are XML-based and have nothing to do with Lottie, that is JSON based. This video caused lots of confusion just because of false naming. Stuff like that matters...
Thanks for the demo!
Hey, I made an animation and exported it using the same method and it is not working properly. The animations in the text is not working at all. It is even overlapping other text at some point. Could you please help me with it. I am really struggling with this thing. It would be great if you could tell me if there's a different method to add illustrator animations to web
Awesome!
So do I just copy that code from the HTML file into a nother file and just give it the extension . SVG?
Have you solved the problem already bro? Kinda confuse here as well, i get html not svg
@@diographyprod no I never worked out how to create an svg from after effects, my only option is to create a .json file
Luckily for me divi page builder has modules specially for .json files
So I have given up as .json files that bodymovin creates are good enough
SVG and JSON File is Same Working ? is There no difference ?
what if there is png in my animation ? is it gonna work ? I dont think it will but can it work if I convert the pngs to svg first and then import those svg images in after effect ?
It seems that the plug in doesn't work for the newest version of AE
Thank you !!!
I have a text layer with a slider effect that counts the text up from 0 to 69 with an animated circular bar that fills up to 69% to go along with it. The bar animation works fine but I can't find a way to convert the text layer to a shape layer without losing the slider count up effect. How would you go about doing someting like that?
Thank you
can i use this an implemented on a website?
It does not work well when the composition has .pngs
Hi, very useful.Thanks!!! Do you know if I can use this code in elementor Wordpress ?
It should work as long as you are able to paste in custom code
Hi, hope you are still here to answer me. It looks like ALLOT of code. Won't this slow down your website?
anyhow, great tutorial!
Hi Dimitri, Bodymovin minifies the code for you and the demo.html file contains everything you need, so it's actually not a very large file at all. It shouldn't affect your website speed. glad you liked the tutorial!
It is .json not .svg
I came to watch about SVG, not Html or JSON!
I hope someone will be here to answer. My Render failed can any one plz tell the solution
There are some effects that the plugin can't render, like masks. here's a list - airbnb.io/lottie/#/supported-features