ae下载进度条时快时慢,数据如何跟上动画节奏?

2025-10-22 01:57:48

1、打开ae工程文件,点击选中绿色进度条图层,按下键盘的U键

ae下载进度条时快时慢,数据如何跟上动画节奏?

2、在打开的修建路径结束属性关键帧中,我们将时间线移动到差不多1s位置,可以看到,如果进度条保持匀速前进的话,当前显示的是22.7%,我们调整下结束属性参数

ae下载进度条时快时慢,数据如何跟上动画节奏?

3、如下图所示,我们将结束属性参数调整为2.7%,让进度条开始的时候慢一下,表示下载速度处于比较缓慢的阶段

ae下载进度条时快时慢,数据如何跟上动画节奏?

4、依次类推,我们再创建多几个关键帧,让进度条不是处于匀速前进的状态,而是有时候快有时候慢的节奏,如下图所示

ae下载进度条时快时慢,数据如何跟上动画节奏?

5、点击选中数字文本图层,按下位置属性快捷键P

ae下载进度条时快时慢,数据如何跟上动画节奏?

6、我们必须记下当前0帧位置属性X轴参数:347

ae下载进度条时快时慢,数据如何跟上动画节奏?

7、接着,记下3s(动画结束关键帧)位置属性X轴参数:1630

ae下载进度条时快时慢,数据如何跟上动画节奏?

8、按住键盘的Alt键,鼠标左键点击位置属性前面的小码表,打开表达式窗口

ae下载进度条时快时慢,数据如何跟上动画节奏?

9、鼠标按住表达式位置属性右侧的表达式关联器,拖入到绿色进度条的修剪路径结束属性

ae下载进度条时快时慢,数据如何跟上动画节奏?

10、这时,我们需要对当前表达式内容进行重新编辑

ae下载进度条时快时慢,数据如何跟上动画节奏?

11、笔者将表达式内容修改如下:

temp = thisComp.layer("绿色进度条").content("修剪路径 1").end;

a=linear(temp,0,100,347,1630);

[a, value[1]]

注:0,100表示的是数字显示范围,347,1630则是数字首末的位置X轴参数

ae下载进度条时快时慢,数据如何跟上动画节奏?

12、鼠标点击选中百分号文本图层,按下位置属性快捷键P

ae下载进度条时快时慢,数据如何跟上动画节奏?

13、这时我们可以看到,虽然数字已经跟上了进度条的动画节奏,但是百分号并没有跟上,那么,我们先按住键盘的Alt键,鼠标左键点击位置属性前面的小码表,打开表达式窗口

ae下载进度条时快时慢,数据如何跟上动画节奏?

14、鼠标按住百分号位置属性右侧的表达式关联器拖入到编号(数字)位置属性的X参数

ae下载进度条时快时慢,数据如何跟上动画节奏?

15、此时,我们需要对百分号位置表达式的Y参数进行重新编辑,为了让百分比跟数字一样处于同一个Y轴高度,那么,只需要将Y参数变量temp改为value[1]即可

ae下载进度条时快时慢,数据如何跟上动画节奏?

16、不过,我们依然会发现到一个问题,百分号与数字发生了交叉,影响了美观,我们还必须对百分号位置表达式的X参数重新编辑

ae下载进度条时快时慢,数据如何跟上动画节奏?

17、只要给X参数变量temp增加几个常数单位即可,如下图所示,笔者改为temp+40,数字跟百分号将很好地跟上了进度条的动画节奏

ae下载进度条时快时慢,数据如何跟上动画节奏?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢