AE导出雪碧图(精灵图)插件 CSS-Sprite-Exporter

AE导出雪碧图(精灵图)插件 CSS-Sprite-Exporter

一个AE脚本,可帮助从AE组件生成CSS精灵动画。
将AE动画导出为雪碧图动画的脚本。

运行AE,单击File-> Script-> Run Script File...并选择CSS-Sprite-Exporter.jsx文件。

或者您可以将复制CSS-Sprite-Exporter.jsx到您的AE脚本文件夹中:

Windows:
C:\Program Files\Adobe\Adobe After Effects <version>\Support Files\Script\ScriptUI Panels\
Mac:
/Applications/Adobe After Effects <version>/Scripts/ScriptUI Panels/
然后您可以从AE窗口菜单运行它。

#使用方法:
1.在AE中打开合成。
2.运行脚本。
3.根据需要进行一些配置。
4.点击生成按钮。

然后,您将获得一个“ image”文件夹,其中包含sprite图像(png格式)和一个html页面以显示动画。
您可以从显示页面复制CSS代码。支持透明度。
我使用Clipboard.js进行“复制到剪贴板”功能。
(如果布局崩溃,请使用Chrome运行html。)

发表回复

登录... 后才能评论

评论(2)

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在本页面的评论建议处留言,或联络我们。

对于UI kit、网页模板、样机模板等类型的素材,界面内用于演示的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

请将下载后的figma文件在浏览器端(网址:www.figma.com)登录您的账号后直接将源文件拖进页面即可完成导入,请不要使用本地客户端导入可能会出现导入失败的情况

如果您已经成功付款但是网站没有弹出成功提示,请在此处进行留言,或者 提交工单进行处理

资源文件属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源