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。)

常见问题

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

首先需要确定几个因素:

  1. 文件下载是否完整?对比本地内存与网盘内存大小,如果不一样说明文件有缺失,换浏览器尝试重新下载
  2. 注意文件后缀选择相应的软件打开

.fig是figma设计工具的源文件,请使用www.figma.com打开此类文件,figma是一个在线的基于浏览器的UI设计工具,功能类似于sketch

源文件有一部分为UI模板或者kit类套件模板,演示图中的图片素材只是素材,你可以替换成自己的图片素材,而且有些图片是收费购买的图片,本站不提供图片素查找服务

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

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

评论抢沙发

评论前必须