疫情期间,在线生活迎来爆发 ,视频行业成了广大网民放松娱乐和了解疫情、学习防护知识的重要平台。
短视频行业的日活用户规模较平日增加 16.7%,日人均使用时长较平日增加 9.3%。长视频成为很多网友在家消磨时间的方式。腾讯视频独播剧《三生三世枕上书》和芒果TV独播剧《下一站是幸福》,更是让平台日活分别增加 22% 和 26%。
可以说,视频行业的利好趋势,基本上不受疫情影响。短期内疫情会带来较大增幅,但是疫情过去之后还会保持自己的增长节奏。
第一次接触它是在 3 年前,做视频社交的时候,需要做视频编辑功能,后来因为产品方向的变革,没有使用成功,但第一次的接触让阁主认识到这个软件的存在。
当时遇到一个什么样的问题呢,设计师可以用 AE(Adobe Effect)设计出各种酷炫的视频效果,但开发真的要将设计师所做的效果显现出来并适配各个系统和各种大小的屏幕,会耗费很大的工程量,成本比较大,为了尽量缩小开发成本,于是引用了 lottie。
lottie 最大的好处,就是可以将做好的 AE 文件,直接导出 json 文件,让开发直接运用,基本上实现了 0 成本的开发量,真是太棒了,大大减少了设计师和开发之间的沟通成本。
1. 安装Adobe Effect,最好是安装英文版本的
lottie 是由 Airbnb 团队研发出来的,因为是国外的公司,所以汉化版本,或多或少会出现各种兼容的问题。
但别担心,各个设计软件的界面长得都差不多,基本能猜到各个图标是干什么的,以及相应的操作提示是什么意思,哪怕有一两个单词不认识,网上翻一下也就都懂了,界面英文不会太难。
2.下载文件并安装
1. 设置AE脚本权限
路径为在「 AE-首选项-常规 」中勾选「允许脚本写入文件和访问网络」,英文路径就是「Adobe Effects」-「Preferences」-「Scripting&Expressions」-勾选「Allow Scripts to Write Files and Access Network」,如下图:
2. 用 AE 做好你想要的视频,这一步按各自的想要做的内容来
3. 导出
导出路径为「Windows」-「Extensions」-「Bodymovin」,如下图。
4. 选择相应要导出的文件,以及选择导出的路径
5. 做好 Bodymovin 的设置,设置项如下图
6. 点击绿色按钮「Render」就大功告成了
如果出现如下图的现象,插件卡在某个图片上,导不出来,可以尝试以下几个方法:
在使用 bodymovin 的时候将电脑的语言系统也换成英文,如果不习惯,不用的时候再换回来中文。系统语言有时候也会影响导出的成功率,阁主用的是正版 AE 2020 会遇见语言问题,用 2017 英文版就不会,也跟 AE 软件本身版本相关。
导出 json 的路径如果含有空格,也可能导致不能导出,直接导出到桌面是最直接的。
太复杂的动画可能导出会有问题,简单的遮罩是支持的,建议不要用太复杂的逻辑做动效。
更多关于 Lottie 的教程:
动效设计,是 UI 设计当中不可或缺的一环。
优秀设计师
2012年成立至今,是国内极具人气的设计师交流学习平台
优设是国内专业设计师平台,2012年创办至今,作为行业风向标,我们13年来专注于设计师创作者的学习成长交流。 通过优设网、优优教程网、优创网分别沉淀优质内容。是一家集齐媒体、内容、服务的多元化平台。MCN矩阵@优设AIGC 在微博、微信、小红书、抖音、B站布局,全网粉丝过千万。