search

airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
30.59k stars 2.88k forks source link

advice on quickly mimicking ae 3d effect in json output #1876

Open samiam2020 opened 4 years ago

samiam2020 commented 4 years ago

Tell us about your environment MacBook Pro

What did you do? Please explain the steps you took before you encountered the problem.

built credit card in AE that tilts in 3d with shimmer going across it. Throws visual errors on json playback. Have solved this by manually mimicking the 3d effect by doing key position distortions in illustrator and copy and pasting them back into 2d shape layer path vertices.

Needless to say this is very time consuming, are there any ways to speed up this process. I've seen 3d example animations are there tips for streamlining this process?

Thanks, S

Danjuanlab commented 4 years ago

There is no other trick. At present, the stereoscopic effect of fake 3d can only be made through the path. 3D operations such as extrusion cannot be exported to SVG animation.

bodymovin commented 4 years ago

if you are using the web player you can try the html renderer. It has a partial support for 3d layers.

samiam2020 commented 4 years ago

@bodymovin @Danjuanlab Thanks for the response, so you guys don't know of a script or something that could bake an active camera view into flat shape layers or make a movie file into sequence of vectorized shapes in illustrator or photoshop? Seems like there could be some automated process for this I just don't have the technical know-how on a way to do it.