写了一个制作 CSS 雪碧图动画( CSS Sprite Animation)的 After Effect 脚本

2017-03-04 20:58:26 +08:00
 bigxixi

把 AE 做的动画导出为 CSS 雪碧图并自动生成代码的 AE 脚本,欢迎使用

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

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


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

项目地址
https://github.com/bigxixi/CSS-Sprite-Exporter

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

4393 次点击
所在节点    分享创造
2 条回复
tank
2017-03-05 14:12:46 +08:00
感谢,已 Star
goodbyennn
2019-04-26 16:25:47 +08:00
mac ae2019 导出空白。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/344958

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX