爱意满满的作品展示区。
bigxixi

写了一个制作 CSS 雪碧图动画( CSS Sprite Animation)的 After Effect 脚本

  •  
  •   bigxixi ·
    bigxixi · Mar 4, 2017 · 5053 views
    This topic created in 3368 days ago, the information mentioned may be changed or developed.

    把 AE 做的动画导出为 CSS 雪碧图并自动生成代码的 AE 脚本,欢迎使用

    使用方法:
    1.下载 CSS-Sprite-Exporter.jsx 文件
    2.在 AE 中打开需要导出的动画
    3.运行 CSS-Sprite-Exporter.jsx , 界面大概是这样

    4.设置好参数导出,如果没有意外,就会帮你打开到该动画导出的文件夹
    5.打开DEMO_XXX.html 文件(建议用 chrome 打开),可以预览导出的动画, css 代码也可以从中复制


    6.雪碧图文件在 image 文件夹下

    项目地址
    https://github.com/bigxixi/CSS-Sprite-Exporter

    在 AE CC2014 mac 下测试通过,经朋友的 win7 同版本 AE 测试也 OK ,理论上只要是 CC 以后的版本都可以使用
    如有问题欢迎提 issue

    2 replies    2019-04-26 16:25:47 +08:00
    tank
        1
    tank  
       Mar 5, 2017
    感谢,已 Star
    goodbyennn
        2
    goodbyennn  
       Apr 26, 2019
    mac ae2019 导出空白。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5544 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 49ms · UTC 08:35 · PVG 16:35 · LAX 01:35 · JFK 04:35
    ♥ Do have faith in what you're doing.