今天又给大家送上一波福利。相信大家都和本人一样,每当看到很多app都有上下刷新动画,loading动画,都在想这些动画是怎么导出的呢?今天本汪带这大家一起来探讨下吧。

工具/原料

电脑、Adobe After Effects

方法/步骤

这个是之前做的动画,导出的gif文件,圆变衣服动画做好了,现在开始保存

ae怎么导出gif(ae如何导出gif动画)(1)

ae怎么导出gif(ae如何导出gif动画)(2)

点击菜单合成--添加到渲染队列

ae怎么导出gif(ae如何导出gif动画)(3)

左下角到输出模块,点击蓝色字无损,弹出弹窗

ae怎么导出gif(ae如何导出gif动画)(4)

视频输出:通道----选择:RGB+Alpha,带透明通道,点击确定

ae怎么导出gif(ae如何导出gif动画)(5)

点击输出到后面蓝色到字,弹出弹窗

ae怎么导出gif(ae如何导出gif动画)(6)

选择输出位置,并输入一个名称,确定

ae怎么导出gif(ae如何导出gif动画)(7)

点击渲染,有一个进度条从左往右,结束时听到清脆到滴一声,说明渲染完成

ae怎么导出gif(ae如何导出gif动画)(8)

我放桌面到,找到圆变衣服2.mov文件,双击

ae怎么导出gif(ae如何导出gif动画)(9)

点击播放

ae怎么导出gif(ae如何导出gif动画)(10)

播放完,点击关闭,弹出弹窗,选择存储

ae怎么导出gif(ae如何导出gif动画)(11)

存储后,桌面自动多出一个圆变衣服2(已转换)

ae怎么导出gif(ae如何导出gif动画)(12)

mac机,选中圆变衣服2(已转换),在按空格,播放

ae怎么导出gif(ae如何导出gif动画)(13)

把圆变衣服2(已转换)文件,拖入到ps中

ae怎么导出gif(ae如何导出gif动画)(14)

文件---导出----存储web所用格式(旧版)

ae怎么导出gif(ae如何导出gif动画)(15)

弹窗选择:gif----图案---永远---存储

ae怎么导出gif(ae如何导出gif动画)(16)

弹窗存储位置和名字,默认,存储

ae怎么导出gif(ae如何导出gif动画)(17)

桌面上多了一个gif文件,选择gif文件,空格播放

ae怎么导出gif(ae如何导出gif动画)(18)

最终效果如下

ae怎么导出gif(ae如何导出gif动画)(19)

感谢学习,今天的分享就到这里了。