Any way to turn an AE project to HTML5 file?

[phudq90]

Hello,

I'm a designer, and want to create ad banners, and i'm really happy with AE, but i dont know how to exporting to html5 (to upload and use for google adwords).

I know there is a plugin called 'bodymovin' but when i do render it there's only .json file, i cant view in browser.

I know there is Google Web Designer is perfect for creating html5 animation ad banner, but it's lack of effect.

Is there any way to export AE to a ZIP packgage, which included a .html file and images, scrips,v..v... ?

[Mylenium · Accepted solution]

No. All AE can generate is pixel data for still images and video. It's the wrong tool for web stuff.

Mylenium

[Szalam]

I mean, you can do some stuff with AE and Bodymovin, you just seem to be missing a step. See this page.

[Szalam]

Hah! I knew I saw something about this recently. Have you seen Lottie yet? Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images (allegedly).

[Unicycle Rob]

If Lottie is good for web, how can you make it interactive with rollovers and or buttons? Or is it just for converting it to just a HTML5 video?

Thank you!

[Rick Gerard]

Converting vectors to HTML 5 is fairly straight forward and there are 3rd party solutions that will do that. Converting moving pixels, video, to HTML is frankly, next to impossible. I don't know any way to turn video from a camera into HTML or SVG without first running some kind of conversion filter like AutoTrace on steroids on the video and converting the pixels to vector shapes.

Animate is an Adobe App specifically designed to generate interactive and animated content for the web. A decision to use After Effects as the tool for such work is, in my opinion, a huge waste of time. You might be able to do it, but using the right tool for the job is going to give you a lot better chance to turn a profit.