子沐design
每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
CSS Sprite Exporter 是知乎大神西西写的一款AE脚本，它能将序列帧合成为一张大图--雪碧图，并生成相应的前端代码供开发使用，非常便捷高效！
1、插件下载
已放置文末尾，点击下载按钮进行下载
2、插件安装
复制 CSS-Sprite-Exporter.jsx 到AE的脚本文件夹:
Windows: C:\Program Files\Adobe\Adobe After Effects <版本>\Support Files\Script\
Mac: /Applications/Adobe After Effects <版本>/Scripts/
安装完成再打开AE，从 文件->脚本 中直接选择CSS-Sprite-Exporter了
大致的界面如下：
也可以从窗口菜单下找到该插件
3、插件使用
打开插件后的界面如下所示：
最大宽度为5000，我们不需要做参数的修改和设定，直接点击Generate，选择导出的文件路径，导出后自动生成一个雪碧图大图文件夹和代码文件如图所示：
直接点击代码浏览器进行预览如下：
最最最重要的是它还提供了自定义背景和透明背景模式的选择，对于这里粒子效果的实现真的太友好了，强烈推荐！
设计人员直接将代码和文件夹交付开发使用即可！
Powered by Froala Editor
全部评论：0条
更多作品
发表评论