您当前的位置:首页 > 计算机 > 软件应用 > 音像剪辑

AE制作加载页面的几个小方法

时间:10-08来源:作者:点击数:

首先这是最终效果,非常简单的一个小动效?(′ε` )

用AE制作加载页面的几个小方法

然后我们开始分解步骤~

1,新建合成取名loading,设置如下

用AE制作加载页面的几个小方法

2,用这个用AE制作加载页面的几个小方法工具画一个圆,命名circle,然后暂时放在一边。

3,我们的圆是按照规则的路径移动的,不能直接调整位置,那么该怎么办呢?新建一个纯色/固态层/soild(不同版本名字不一样 =-=)颜色什么的不重要,命名为path,选中path,再画一个大一点的圆(注意调整好这个圆的位置和大小)像这样

用AE制作加载页面的几个小方法

给它的蒙板路径打一个关键帧,隐藏path这个图层。

用AE制作加载页面的几个小方法

4,把打好的关键帧复制到cricle的位置上,噔噔~cricle能转圈圈了。还可以通过调整关键帧的位置和图表编辑器来控制速度

用AE制作加载页面的几个小方法

5,再复制3遍cricle,得到4个圆,根据个人喜好调整大小透明度~移动时间条位置,保持间距统一

用AE制作加载页面的几个小方法

6.这个时候雏形已经出来啦

用AE制作加载页面的几个小方法

效果图里只旋转两圈那么复制就好啦,但是想旋转10圈的话也要复制吗?这个时候就需要表达式啦~按住alt+鼠标点击用AE制作加载页面的几个小方法

如图cricle的位置上添加:loopOut()

用AE制作加载页面的几个小方法

小圆就会一直旋转到时间条结束。这一步适合懒人(比如我)~

7,然后是加载页上的数字,这里有2种方法~

1)打好字之后,如图点击动画后面的小三角,选择字符位移。

用AE制作加载页面的几个小方法

注意这里想要2位数的话就要打01。然后调整字符位移并打关键帧。

用AE制作加载页面的几个小方法

这种方法有个缺点。字符位移为25时数字是56,而字符位移为26的时候,数字就变成了67,中间的数字不会出现。另一种方法可以克服这个缺点。

2)先随便打一个数字。

然后新建一个空对象或者调整图层,在这个图层上面添加:效果-表达式控制-滑块控制。

把数字的源文本与滑块控制的滑块连接,如图

用AE制作加载页面的几个小方法

给滑块加关键帧从0 -100,成功客服上一种方法的缺点~but又一个问题出现了,2个关键帧位置远的话会有小数点出现,咋办呢?

还是表达式~

数字的源文本在没加表达式前这里是这样的用AE制作加载页面的几个小方法

加过之后是这样的:

n = thisComp.layer("空 3").effect("滑块控制")("滑块")

Math.round(n)

效果完成~

8,加载完成后的界面没啥技巧我就不讲啦。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门