动效一:液体加载动效

用户头像
南京/UI设计师/6年前/328浏览
动效一:液体加载动效

运用AE效果中“快速模糊”和“简单阻塞工具”达到液体运动的状态

软件:Adobe  After  Effects  2019

效果:



第一步:


首先创建一个1000*800的合成,帧速率25帧每秒    


第二步:


在操作栏顶部新建一个圆




第三步:

然后调整圆的大小100.0,100.0   位置0.0,-100.0    

第四步:

在最初始的位置点击旋转左侧的小时间按钮,然后在02s处将旋转修改为1X

第五步:

在02S处点击“N”键,即可使动效的终点停留在02S处,这个时候点击“空格键”即可看到小圆绕着中心点转圈,接着选中2个点后按“F9”即可让其缓动。

N键:让整个工程只有2秒时间

F9键:让运动曲线缓进缓出 


第六步:    

接下来使用快捷键:选中椭圆1  CTRL+D  4次得到新的四个椭圆    


第七步:       

现在已经有5个小圆球了,只是都是重叠的,所以我们现在要将其时间轴错开

首先选择形状图层1后,按下“U”键,即可打开正在运动的关键帧  


第八步      

然后把每个椭圆向后依此移动5f,如下图

现在的时间轴已经超过最终点了,所以将时间轴移到最终点后按下“N”,接下来播放,一个循环loading已经完成了       

      

第九步:

接下来调整细节,将5个椭圆依次变小,打开每个椭圆下面的“椭圆路径”,即可看到“大小”

椭圆1:大小不变

椭圆2:72,72

椭圆3:68,68

椭圆4:64,64

椭圆5:60,60

将时间挪到中间即可看到如下图的样式       


第十步:       

接着选择整个形状图层,点击效果中过时-快速模糊(2019版:高斯模糊)


第十一步:

修改左上角的快速模糊中的模糊度为26


第十二步:

然后选择“效果 - 遮罩 - 简单阻塞工具”

  


第十三步:

修改左上角的简单阻塞工具中的阻塞为8(调整到模糊度消失为止)       


第十四步:       

接着就可以导出了

    


第十五步:

选中格式“QuickTime”通道“RGB+Alpha”即可导出透明背景的mov文件       

      

第十六步:

将mov文件拖进ps中,选择文件中的导出,然后选择存储为Web所属格式,然后选择GIF格式就可以了       


成品效果:








源文件下载:

链接:https://pan.baidu.com/s/1rBT3TmMuVP5ApGXiyF7edQ

提取码:jtu2


4
举报
|
14
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
大家都在看
登录注册