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