动效一:液体加载动效

南京/UI设计师/5年前/312浏览
动效一:液体加载动效

运用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
Report
|
14
Share
相关推荐
动效
动效
动效
动效
作品收藏夹
AI可视化动效设计合集
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
动效
动效
动效
动效
作品收藏夹
学习文章
学习文章
学习文章
学习文章
作品收藏夹
教材
教材
教材
教材
作品收藏夹
学习
学习
学习
学习
作品收藏夹
动效
动效
动效
动效
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
大家都在看
Log in