美文网首页App开发笔记-模仿【糖水】
【App开发笔记】2.6 AI+AE做一个简单的loading

【App开发笔记】2.6 AI+AE做一个简单的loading

作者: 7abbcd54a89d | 来源:发表于2017-08-25 01:14 被阅读0次

源码地址

所用软件
Adobe Illustrator CC 2015
Adobe After Effects CC 2015

2.6.1 先在AI中画出我们所需要的素材,保存成ai格式

① 先画一个杯子


画一个杯子

② 再画一段波浪


一段波浪

2.6.2 打开AE新建合成

宽度和高度设置300px即可,帧速率用25,持续时间2s

新建合成
合成参数

2.6.3 将刚才画的ai素材拖进素材库中,然后拖进合成中

快捷键:Ctrl+Alt+f,素材适应画布

拖进合成

2.6.4 在波浪图层上方用钢笔画一个杯子的形状图层

画一个杯子的形状

2.6.5 wave.ai图层的TrkMat选择Alpha 遮罩“形状图层1”

wave.ai图层的TrkMat选择Alpha 遮罩“形状图层1”

2.6.6 给wave.ai的位置添加关键帧

添加关键帧

2.6.7 空格键预览一下,调整一下波浪的大小

2.6.8 觉得可以就Ctrl+M 渲染

① 输出模块设置成,格式:PNG序列,通道:RGB+Alpha

输出模块设置
② 然后点击渲染
渲染
最终效果

相关文章

网友评论

    本文标题:【App开发笔记】2.6 AI+AE做一个简单的loading

    本文链接:https://www.haomeiwen.com/subject/pgmydxtx.html