免费教你AE制作loading动效

用户头像
天津/UI设计师/7年前/701浏览
免费教你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
盲盒APP UI设计
【新年UI图标】30个图标
【新年UI图标】钱包icon
我的钱包-UI界面设计-app
科技医疗透明柜UI界面设计
钱包ui模板
智能家居中心 简约 UI设计组件库
Security Camera UI kit
高级表盘系列UI源文件
3D卡通UI界面图标可爱插画免扣素
UI 登录界面设计模板包
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
高级感金属拟物 UI设计组件库
新能源APP应用UIKit
【新年UI图标】影音icon
手表表盘UI系列
户外旅行飞机情侣假日出行
【新年UI图标】会员icon
拟物风质感写实UI卡片合集源文件
UI应用平面图标
【新年UI图标】汽车icon
UI界面 组件
你可能喜欢
相关收藏夹
大家都在看
登录注册