题图：来自网络
文/彭宏豪，笔名/安哥拉
本文首发于「效率工具指南」
Hello 大家好，我是安哥。
今天想给大家介绍一个免费下载各类动画素材的网站——LottieFiles，这些动画由国内外的设计师制作并上传，虽然是免费的，但这些素材质量都是杠杠的。
在平时的 PPT 汇报或者剪辑的视频中适当加入一些动画素材，丰富内容形式，活泼画面，或许可以让你的作品增色不少。
图片
01. 免费可商用
在网站的首页，有一句醒目的标语，「你来到了世界上最大的免费动画库」，下方的小字声明了动画的使用范围：可以个人使用，也可以商业使用。
图片
02. 下载动画
点开任意一个动画，它会自动无限循环播放当前的动画，点击进度条右侧的循环按钮，可以取消无限循环，动画播放一次就自动停止。
图片
在动画下方，我们可以通过调整 Animation Speed、Background Color 的值，来分别修改动画的速度、背景颜色。
动画速度默认为 1x，最快可调至 2.5 倍速，如果你觉得动画太慢的话，可以适当提高这个值。
图片
点击右上角的 Download 按钮，可以看到网站为每个动画提供了多种下载格式，包含 Lottie JSON、ZIP 压缩包、GIF、自定义 GIF 和 MP4。
图片
选择好要下载的动画格式，在正式开始下载之前，还需要进行登录或注册账号的操作，网站支持使用 Facebook 和 Google 账号直接登录。
如果你没有这两种账号，可以使用个人邮箱注册一个新的账号。
图片
03. 在线编辑动画
如果你对原作者上传的动画不是特别满意，可以点击动画下方的「Edit Layer Colors」，来达到在线简单编辑动画的目的。
图片
点击编辑图层颜色后，它会在浏览器中打开一个新的标签页，页面中央是预览窗口，右侧可以修改动画的分辨率、帧率、动画的持续时间、背景颜色以及动画速度。
如果你修改了分辨率、帧率和持续时间这三个参数，修改好之后要点击下方的 Update 按钮进行更新。
图片
继续往下滑动右侧的面板，这里可以修改组成动画不同图层的颜色，点击色值之后，它会弹出取色器面板，供你调整为自己喜欢的颜色。
图片
对于用户自己编辑过的动画，这个网站支持导出两种格式，一种是 Telegram 的动态贴纸格式 TGS，另一种是 Lottie Json 格式。
动态贴纸格式 TGS 是 Telegram 专属的表情包格式，在导出这种格式之前，它还有一些额外的限制：动画帧率必须为 30 或 60 帧，分辨率必须为 512 * 512 px。
图片
自定义编辑后导出的另一种格式 Lottie Json，它是一种基于 Json 的动画格式，可以比较方便应用在网页设计或跨端设计中，但对普通人来说，使用门槛还是比较高的。
如果你想将 Lottie Json 转换为 MP4 格式，需要借助动效软件 After effects 和 AE 插件 bodymovin，将 Lottie Json 导入 AE，再从 AE 中导出 MP4 或者 Gif 等格式。
具体实现方法对我来说超纲了，感兴趣的朋友可以自行上网搜索相关的资料。
04. 将动画应用到不同的平台
这和我们上面说到的 Lottie 动画有关，在页面的下方，它给我们提供了动画的更多使用场景，例如用于网页设计、Elementor、Webflow、iOS 和 Android 开发。
图片
以将动画应用到网页设计为例，点击上面的 <html> 按钮之后，它会打开一个新的页面，页面提供了与动画相关的网页代码。
在将代码复制到自己的项目之前，你还可以更改其中的一些参数，例如修改动画播放速度，下面的代码中的 spped 属性也会随之修改。
这样设计，可以说是降低了不懂代码的人使用代码的成本哇，实在是太贴心了。
图片
LottieFiles 官网地址：
https://lottiefiles.com/
以上就是本次想和你分享的内容。
看完文章如果觉得对你有帮助的话，别忘了点击底部的「点赞/在看」鼓励一下我，谢谢。
效率工具指南：分享推荐效率工具，好的产品值得被更多人知道。
网友评论