首发于Motion Fun
AE 脚本: CSS Sprite Exporter  - 将AE动画导出为雪碧图动画

AE 脚本: CSS Sprite Exporter - 将AE动画导出为雪碧图动画

继续炒冷饭凑数~
这个脚本可以把 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 代码也可以从中复制

(图不动点 raw.githubusercontent.com)

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

项目地址
bigxixi/CSS-Sprite-Exporter

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

编辑于 2017-05-18 00:51