一.导言
嗨,大家好,我是承祥莫英!
洛蒂是Airbnb开源的一套跨平台的完整动画效果解决方案,用起来总是不错的。将开发者和设计师完全解耦,让设计师设计的动画在程序中无缝还原。一旦你拿起它,你就永远不会放下它。
我之前也写过两篇关于洛蒂基金会的文章。如果还不知道,可以先看看。
从安卓开发的角度,说说洛蒂吧!
洛蒂里的图片怎么处理?
Lottie非常好用,但是从反馈来看,还是有一些问题。没有设计师的配合,如何找到适合自己App风格的洛蒂动画JSON文件?
之前也介绍过有一个LottieFiles的网站,提供很多设计师上传的Lottie动画,提供预览效果。只要我们喜欢,就可以下载使用,非常方便。
lottiefiles.com
虽然这个网站特别方便,但是有时候找到的动画并不符合我们App的风格或者我们的主观需求。
比如这个动画,如果我们想做一个圣诞节的礼盒动画,我们觉得这个动画非常合适,但是我们想把动画里的黄丝带和星星改成红色。我该怎么办?只能靠设计师小姐姐吗?
第二,编辑洛蒂动画
2.1洛蒂-编辑
一开始我以为动画用的颜色应该写在洛蒂动画的JSON里。然而,当你实际读取JSON文件时,你找不到任何类似ARGB或其他颜色值的东西,所以没有办法通过直接修改JSON文件来修改动画。
不过没关系,我们有工具可以修改。
今天给大家推荐洛蒂动画的另一个编辑器:洛蒂-编辑器。
已经在Github上开源了,有兴趣可以看看源代码。
简单来说,Lottie-editor为我们提供了编辑现成Lottie JSON文件的能力。它可以在动画中编辑不同的颜色,使用起来非常简单。
将JSON文件拖到Lottie-editor中。左侧的每个色块对应当前动画中的一个颜色区域,我们可以修改它的颜色。一眼望去,所见即所得。最后可以下载我们修改过的动画JSON,直接使用。
2.2在lottiefiles中编辑
LottieFiles考虑到快速编辑的问题,已经支持Lottie-editor编辑动画。
我们只需要在动画的预览界面中点击‘用身体运动编辑器定制’就可以直接编辑动画了。
第三,修改动画AEP
LottieFiles还提供了下载AE动画源文件的功能(部分支持),这样如果我们不仅仅是对动画的色彩不满意,还需要修改一些更多的细节。我们可以下载。aep文件一起,然后请设计师姐姐帮我们修改。
请注意,支持下载AEP文件的洛蒂动画有自己独特的标志。
拿到AE源文件后,可以根据自己的需求进行微调。如果设计师小姐姐对AE动画不熟悉,也可以通过这种方式学习别人做动画的流程。
好吧,对于洛蒂动画,如果你能自己编辑,请自己编辑。如果不行,请抱紧小姐姐的大腿。
头条私信我。我会给你发一些我整理的学习资料,包括:Android反编译,算法,设计模式,虚拟机,Linux,Kotlin,Python,爬虫,Web项目源代码。
暂无讨论,说说你的看法吧