Animation not working after exporting in Bodymovin plugin in After Effects, it's only static image - Githubissues

airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/

MIT License

30.49k stars 2.87k forks source link

Animation not working after exporting in Bodymovin plugin in After Effects, it's only static image #1790

Open DicePL opened 5 years ago

DicePL commented 5 years ago

Like in topic

Ive made simple spinning loading circle animation and it doesnt work in json. I can see after rendering only static image. File: Comp 1.zip

Newest After Effects, Windows 10, Bodymovin plugin installed through Adobe website.

Thanks in advance ;)

bodymovin commented 5 years ago

hi, can you share the .aep?

DicePL commented 5 years ago

Sure :

tmpAEtoAMEProject-Comp 3.zip

Danjuanlab commented 5 years ago

Radial wipe is not supported by now.you can use trim paths to make animation that you want.

DicePL commented 5 years ago

thx a lot for info and tip guys ;) appreciate!

DicePL commented 5 years ago

Last question - Ouroboros 2 is supported by Bodymovin?

bodymovin commented 5 years ago

@DicePL It's mostly supported, but not all features are if I'm not mistaken.

abbadmus commented 4 years ago

I'm trying to convert comp 5 to SVG animation using bodymovin but not working

bodymovin commented 4 years ago

@abbadmus can you share more info? What is it that is not working?

abbadmus commented 4 years ago

I am trying to export the comp 5 to svg but it is not converting the psd, png and the number slider.

bodymovin commented 4 years ago

@abbadmus files are missing, can you share the collected version of the project with the needed assets? Also, what AE version are you using?

abbadmus commented 4 years ago

this is the file new idea.zip I am using after effect cc 2018

bodymovin commented 4 years ago

@abbadmus that zip file only has the .aep file. The other source files that the project need are still missing.

abbadmus commented 4 years ago

@bodymovin avivson.zip please check the screenshot in the zip files. thank you very much for the help.

bodymovin commented 4 years ago

It seems that AE 2018 won't export images correctly because the images server doesn't work. Can you upgrade your AE to 2019 or 2020?

abbadmus commented 4 years ago

I will do that, also I animate numbers using slider, but it's exporting as a single value without the animation what can I do to rectify that.

bodymovin commented 4 years ago

if you are exporting text as glyphs, you need to export an extra lyer with all the glyphs you animation will need. In your case I guess you need to add a text layer with characters ranging from 0 to 9 with the same font your text layer is using.

abbadmus commented 4 years ago

Alright, thanks very much but I don't know how to do that. Do you have any tutorial I can refer to.

bodymovin commented 4 years ago

I don't know if there is one, but it should't be too hard. Create an extra text layer with the characters you need and that should be enough.

abbadmus commented 4 years ago

Thanks you very much.

richard420vankuik commented 4 years ago

Hello, Please could someone assist me in troubleshooting my animation... I want to convert this animation consisting of trim paths, simple 'floating' and a rotating circle to lottie

shrutikoshiya commented 2 years ago

Hi.. I've made some particles effect in my project in after effect, if I'm playing in after effect, it is working properly, but if I'm moving that file in bodymovin plugin, that effect I can't see.

kris2ffer22 commented 2 years ago

Dear Danjuanlab, if you have said that the radial wipe effect is not supported for now, may I know if you can advise me what is the best effect needed to replace the "wave wrap" on aftereffect, maybe this is also the issue why my animation is not working after I converted it using Bodymovin. Please advice. Thanks a lot in advance.

nftconstructer commented 2 years ago

Hi there I am trying to use body movin plugin to make a animation for on svg format or svg path but after rendering it on svg format I can only see a plain static svg file without any animations I had tried for weeks found no solution .Anyone can bail me out from the issue please ??? https://drive.google.com/file/d/1Opp270Um4NjxPLfbmyL_SBl4Nm1aKKW-/view

nnall commented 1 year ago

I have downloaded the 'bodymovin' extension for Adobe After Effects twice, once from from aescripts.com using their zxp installer (which is the one I have now), and before the official Adobe version from their store.

My After Effects animation is a simple single-layer 'wave warp' text animation for 6 seconds. In the bodymovin window, I click 'render' and the extention outputs a demo.html 'demo' file, along with the demo.json file.

The .json file is the animation information, which is fed tobodymovin.loadAnimation() function in js in order to display/play that .json file as animated svg onscreen.

I know the .loadAnimation() function is definitely being activated, since the .json is being rendered as .svg onscreen, however it is just a static .svg image.

I also noticed, while exporting using bodymovin, that the 'preview' option did not play a video but displayed only a static img of the .svg, no animation.

I have already already successfully been exported the animation in .mp4 and it played normally, successfully. So nothing's wrong with the animation itself.. Its the .json file being fed to the .loadAnimation() which is the problem.

This is my After Effects file, As you can see it's just a single layer with text and using a 6 s 'wave warp' animation on it.

I just want to know why the 'bodymovin' extension svg output doesn't play..

https://drive.google.com/drive/folders/1bxSmQdNpx9V83OFyXa8vGrxgdoz0TRfu?usp=sharing