从AEUX到Bodymovin的插件小技巧(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

从AEUX到Bodymovin的插件小技巧

5.打开AE,After Effect CC-首选项-常规,勾选允许脚本写入文件和访问网络

从AEUX到Bodymovin的插件小技巧

从AEUX到Bodymovin的插件小技巧

6.打开窗口-扩展查看是否添加成功

从AEUX到Bodymovin的插件小技巧

7.调出 Bodymovin 面板,选择需要导出的合成

从AEUX到Bodymovin的插件小技巧

8.点击你要保存的json文件地址,点击Render

从AEUX到Bodymovin的插件小技巧

9.点击Brown载入刚导出的json文件,检查动效是否有误

从AEUX到Bodymovin的插件小技巧

10.这时候就可以把json文件给到开发,如果AE合成中有图片,需要把图片放在文件夹内一起提供给开发,同时也会给到一个gif文件,如果实现有不一样的地方,开发可以询问设计师

从AEUX到Bodymovin的插件小技巧

11.如果想再移动端上浏览可以打开网址:https://www.lottiefiles.com/下载安装移动端客户端(Ios/Android)

从AEUX到Bodymovin的插件小技巧


12.注册登录成功后打开Lottie Preview添加AE里用bodymovin导出的json文件

从AEUX到Bodymovin的插件小技巧


13.打开手机里下载的Lottie App扫描右下角的二维码就完成啦~

以上就是关于动效实现的一些插件小技巧,希望对有需要的设计师有一定的帮助,如果有不完善的地方,欢迎补充~

作者:罗大曼

转载请注明:学UI网 » 从AEUX到Bodymovin的插件小技巧

登录收藏

 

你可能喜欢的:

新手容易忽略的10个Sketch冷门技巧

新手容易忽略的10个Sketch冷门技巧  

这5大Sketch核心功能,作为UI设计师的你用对了吗?

这5大Sketch核心功能,作为UI设计师的你用对了吗?
 

如何用sketch画好一个卡通吉祥物

如何用sketch画好一个卡通吉祥物
 

Sketch提升效率的常用技巧和快捷键

Sketch提升效率的常用技巧和快捷键
 

这四款Sketch插件一定不能错过

这四款Sketch插件一定不能错过
 

Sketch 54 Beta版本探秘,看看都有什么新功能

Sketch 54 Beta版本探秘,看看都有什么新功能
 

你不知道的Sketch黑科技-段落自动排版

你不知道的Sketch黑科技-段落自动排版
 

你不知道的Sketch黑科技-智能排版

你不知道的Sketch黑科技-智能排版
   

设计师进阶笔记|Sketch遇上劲敌XD?这是一份体验报告

设计师进阶笔记|Sketch遇上劲敌XD?这是一份体验报告
 

继续浏览有关 Sketch 的文章

上一篇 佳作欣赏:何哲超2018作品集合 佳作欣赏:PICK PIG-做只精致的猪猪女孩 下一篇

 收藏