使用aftereffect制作进度条GIF的快速方法:1.变化的百分数

使用aftereffect制作进度条GIF的快速方法:1.变化的百分数

最近的天气在晴天和下雪之间波动。早上下大雪,到了下午,阳光明媚的睁不开眼睛~ 也是别有风味。

快速使用aftereffect制作进度条GIF的方法: 1.百分比变化;2.进度条动画——条/圆;3. 从视频导出为 GIF。我们从百分比变化开始。

百分比变化

1.新建一个空对象,重命名为“Counter”

unity 圆形进度条_unity自动存储进度_unity关卡进度

2. 在效果和预设中搜索滑块并选择滑块控件。单击并拖动到新创建的空对象以添加它。

unity自动存储进度_unity 圆形进度条_unity关卡进度

3. 选择文字工具来创建一个新的文本层。输入任意百分比橙光游戏,例如 10%。选择源文本,按住 Option 键的同时单击停止表小图标,可以调出输入源文本的窗口。

unity关卡进度_unity自动存储进度_unity 圆形进度条

4、在原文中输入如下内容:注意Math.round(x)/1unity 圆形进度条,如果要两位小数,就是/100,以此类推,三位小数/1000,四位小数/1000 ...

unity关卡进度_unity自动存储进度_unity 圆形进度条

x = thisComp.layer("Counter").effect("Slider Control")("Slider");
Math.round(x)/1 + "%";

5.现在可以试一试了~,当你拖动滑块控件时,屏幕上的数字也会发生变化。

unity自动存储进度_unity关卡进度_unity 圆形进度条

unity关卡进度_unity自动存储进度_unity 圆形进度条

6.最后一步是设置自动播放。展开 Counter's Effects 并在滑块控件中设置关键帧。右键选择编辑值,开始设置为0UI界面,结束设置为100。这样播放时会自动从0%到100%~

unity自动存储进度_unity 圆形进度条_unity关卡进度

unity自动存储进度_unity 圆形进度条_unity关卡进度

制作条形/圆形进度条

根据上面设置的百分比,我们一起做一个进度条。下面是一个圆形进度条的例子~

1.新建一个形状图层,画一个圆。

unity自动存储进度_unity 圆形进度条_unity关卡进度

将绘制的圆形填充设置为透明或该位置的背景色unity 圆形进度条,并调整描边的宽度来决定是要圆形进度条还是实心圆形饼形进度条。想要饼形,把笔画调得很粗就行了~

unity自动存储进度_unity 圆形进度条_unity关卡进度

unity关卡进度_unity 圆形进度条_unity自动存储进度

2.选择形状图层,在内容中添加“修剪路径”

unity 圆形进度条_unity关卡进度_unity自动存储进度

3、打开刚刚添加的Trim Path 1的具体设置,按住option键点击End前面的小停止表图标,可以看到设置的具体内容;点击并按住小漩涡?图标,并将其拖到效果控制窗口那里的滑块~

unity关卡进度_unity自动存储进度_unity 圆形进度条

4、现在你会发现,当你拖动滑块的时候,进度条和对应的数字都在移动。使用第一部分设置的关键帧,可以自动播放~

(●°u°●)