免费教你AE制作loading动效

用户头像
天津/UI设计师/7年前/699浏览
免费教你AE制作loading动效

简单几步,教你快速学会AE制作loading动效。从此loading不再难!

小伙伴们~好久不写东西了,近期好多朋友咨询AE的学习教程,其实AE还是挺好学的,也很好玩,当你看到你的作品能动起来时,那种欢喜的心情也是难以掩饰的。哈哈~

好啦,废话不多说啦,今天先以loading动效为例,给大家讲讲AE蒙版以及波形的使用。这两种也是做loading动效常用的两种功能。

先给大家看看效果

此动效的制作需要学些两个知识点:

1.    蒙版的使用

2.   波形工具的使用


1.   首先,打开AE后先点击“新建合成”,创建一个1000*1000px ,帧速率是25帧/秒,持续时间为10s的合成文件。




2.   快捷键ctrl+y,新建一个纯色,命名为:by。


3.    提前在AI软件里制作好水滴的底图样式。(当然也可以直接在AE里用钢笔工具画出来,在这就不做演示了。)把AI文件直接拖拽进来就可以了。


4.   接下来我们来制作水波纹的动效。

同样Ctrl+y新建纯色。更改图层的颜色,色值为#AEDAFF,点击确定。将图层命名为“水滴蓝色”。


5.   鼠标选择在“水滴蓝色”图层,点击矩形工具。建立蒙版。


6.   在效果和预设栏中,搜索“波形”,选择“波形变形”。


7. 根据自己需求调整各个参数。尽量调的细一些,增加水波纹的细节。


8.   现在我们给“水滴蓝色”图层打关键帧。快捷键P调出位置属性,在3秒出打一关键帧。


9.   然后将关键帧移到0s处,将图层下移,到水滴底部,打一关键帧。

10.   最重要的一步,现在在“水滴”图层,选择“Alpha遮罩“水滴蓝色”。

11. 即可得到以下效果。

12.   如果想要画面丰富一些,可以加入loading文字,放在下面一层。

13.   最后,Ctrl+m,加入渲染队列。可以在“输出模块”中根据自己需求选择视频格式,再点击“渲染”按钮就可以渲染啦。

14.   最后展示一下最终效果。

怎么样?是不是很简单!赶快动手做起来吧!

7
举报
|
13
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】旅行icon
【新年UI图标】珠宝icon
高级表盘系列UI源文件
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】礼物/活动icon
【新年UI图标】30个图标
户外旅行飞机情侣假日出行
Security Camera UI kit
3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
科技医疗透明柜UI界面设计
钱包ui模板
新拟态风格 UI设计组件库
手表表盘UI系列
UI界面 组件
新能源APP应用UIKit
【新年UI图标】活动icon
UI通用设计素材1
高级感金属拟物 UI设计组件库
UI 登录界面设计模板包
我的钱包-UI界面设计-app
拟物风质感写实UI卡片合集源文件
你可能喜欢
相关收藏夹
大家都在看
登录注册