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

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

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

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

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

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

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

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

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

FreeUID-UI设计资源分享,提供各种UI设计资源下载,UI动效资源下载,UI PSD源文件,UI Sketch源文件,AE动效源文件,运营设计源文件,插画设计源文件,各种类APP设计源文件,各种手机样机模板,mockup源文件,平面VI模板,产品包装模板等。2020年最新UI设计源文件下载。

FreeUID,免费UI资源下载 » AE导出雪碧图(精灵图)插件 CSS-Sprite-Exporter
分享到:
赞(1)

评论抢沙发

评论前必须