© Jshowy|Powered by LOFTER

继续炒冷饭凑数~
这个脚本可以把 AE 做的动画导出为 CSS 雪碧图动画( CSS Sprite Animation)并自动生成代码,做H5、网页动画也许用得着。

使用方法:
1.下载 CSS-Sprite-Exporter.jsx 文件
2.在 AE 中打开需要导出的动画
3.运行 CSS-Sprite-Exporter.jsx , 界面大概是这样


4.设置好参数导出,如果没有意外,就会帮你打开到该动画导出的文件夹
5.打开DEMO_XXX.html 文件(建议用 chrome 打开),可以预览导出的动画, css 代码也可以从中复制


(图不动点 https://raw.githubusercontent.com/bigxixi/ReadMe-Resources/master/CSS-Sprite-Exporter/cssSpriteExporterDemo.gif)

6.雪碧图文件在 image 文件夹下

项目地址
bigxixi/CSS-Sprite-Exporter

在 AE CC2014 mac 下测试通过,经朋友的 win7 同版本 AE 测试也 OK ,理论上只要是 CC 以后的版本都可以使用


原文:<知乎> 

作者:西西(UX motion designer)