快速生成雪碧图制作小动效-AE

雪碧图

CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。

---百度百科

效果图

原来做雪碧图，都是直接在PS里一帧一帧的粘贴，憨憨式拼图层，边做边告诉自己 我🉑️

偶然间发现了AE的一个脚本，可以快速生成雪碧图，再也不用在ps里一个一个图层的拼凑了，在这里分享一下

前提

在AE里做好动画后，下载“CSS-Sprite-Exporter”脚本（可在附件📎下载）

操作

1、按图示操作，运行下载好的脚本

2、运行后你将会看到这个界面

3、修改“最大宽度”（当图片第一行拼接后宽度达到这个值，就会折到下一行继续拼接，默认是5000像素，直接修改为你的画布宽度即可）

4、点击“生成”，完成后会弹窗这个窗口，就可以直接预览效果，同时也会生成雪碧图啦

5、预览

6、雪碧图

效果图

懒人改变世界，快去试试吧

吧

吧

吧