飞特网

  • 飞特网官方微博
  • 飞特网微信公众号

动效运用|一键将AE动效导出成JSON文件

小树发布于:2019-11-14 10:36 |原作者: 你王叔sunley
简介: 这篇文章要解决的问题是:网页和APP的动效设计完成后,如果运用过去呢?来吧,一起来get这个知识点!

版权申明:本教程出自“你王叔sunley”原创,感谢“你王叔sunley”的原创教程分享!

本文要用的到AE的Bodymovin插件

随首时间的发展,我们对网页和APP的视觉要求更高了,当然少不了要做动效(强人锁男的是:要怎么和程序员小哥哥沟通让效果更容易落地呢~)

SO,将Bodymovin插件,安插在你的AE上吧,直接导出JSON文件,方便你我他,具体方法如下,follow me:

step 1

先下载好上传的压缩包,先打开第一个.dmg文件安装它!没错,打开这个安装好的软件。

动效运用|一键将AE动效导出成JSON文件 飞特网 AE实例教程

step 2

然后将bodymovin.zxp拖入软件,按下OK,就OK了(是不是很OK)

动效运用|一键将AE动效导出成JSON文件 飞特网 AE实例教程

动效运用|一键将AE动效导出成JSON文件 飞特网 AE实例教程

step 3

打开你的AE,菜单栏>首选项>常规,允许脚本写入文件和访问网络,勾上它>确定。之后在窗口>扩展里,就可以看到Bodymovin,点击打开面板就可以使用它了。

动效运用|一键将AE动效导出成JSON文件 飞特网 AE实例教程

动效运用|一键将AE动效导出成JSON文件 飞特网 AE实例教程

动效运用|一键将AE动效导出成JSON文件 飞特网 AE实例教程

step 4

各个功能如下:动效运用|一键将AE动效导出成JSON文件 飞特网 AE实例教程

step 5

做好后可以丢进这个地址查看:

https://lottiefiles.com/preview(将json文件拖进去可以预览动画,还可以在网站上下载资源)

FEVTE编注:更多After Effects实例教程学习交流和After Effects作品发布请访问飞特网After Effects实例教程栏目,地址:https://www.fevte.com/moive/AE/AESL/

1

好评

差评

刚表态过的朋友 (1 人)

小树
江苏省 镇江市 平面设计师
+ 关注 私信
  • C4D制作玻璃球小教程
  • C4D玻璃球和金属材质视频教程
  • C4D数据可视化设计——3D粒子模型科技感动效

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

关于飞特| 广告服务| 付款方式| 友情链接| 网站地图| 联系我们| 加入我们| 举报| 飞特网旧版| 手机版| 飞特网