今天要来教大家如何再PR简易的做出进度条效果!

首先点选File > New > Legacy Title,

新增一个Legacy Title。

在Legacy Title的视窗中点选工具列的圆角矩形工具。

在画面中央拉出一个圆角长条。

接着跳出来到Project视窗复制一个Title物件。

双击Title物件的Icon来到刚才的视窗,

这次先将图形的Fill选像取消勾选并点击Stroke > Outer Strokes > Add,

新增外框线。

调整外框线的颜色。

并在Legacy Title视窗中调整物件的大小位置。

现在我们有内部的实心物件以及外部的框线物件了。

我们替内部的实心物件新增一个Venetian Blinds效果。

在Venetian Blinds中可以调整Transition Completion来调整分隔的宽度,

Direction调整旋转角度、Width调整宽度,

让进度条调整为自己喜欢的样式。

目前看起来像这样:

接下来我们要让它动起来!

我们替实心物件再加入Crop效果。

再Crop调整Right参数,设置两个关键影格来让物件一开始看不见之后慢慢往右边延伸,

因为物件在中间的关系参数并不是设定100%到0%,需要自行拉动参数并观察正确的数字。

这边我们是设定从75%到24%,这两个数字刚好代表进度条的两边顶点。

目前效果看起来像这样:

接着新增一个Color Matte。

将Color Matte,放置最底下的图层。

替Color Matte加入Timecode效果。

再Timecode中先将底下的色块透明度调整为0%。

接下来点选Format选择Frames,

点选Timecode Source选择Clip,

让数字呈现只有单个数字的状态。

接着将时间轴拉到100格的位置,

也就是Timecode刚好显示100的时间点。

用裁切工具(快捷键C)把Color Matte再数字100以后的部分裁掉。

右键Color Matte > Nest,

将整个涂层包括效果群组。

并对Nest右键 > Speed/Duration…。

在Speed/Duration视窗中的Duration中输入进度条刚好跑完的时间,

我们一开始设定让进度条5秒时跑完,这边就输入500,

PR会自动换算为5秒00桢。

设定好了之后按OK,并将时间轴移到Nest的最后一格。

对Nest右键 > Add Frame Hold。

Add Frame Hold会裁切目前的图层并且将右侧的图层转换为静止的,

我们可以拉长右侧的物件来延长静止时间。

目前进度条的雏型就完成囉!

可以替进度条的颜色更改一下、加上%,

甚至也可以复制另一个内部实心物件调整为不同颜色,

在想要变色的时机加入Cross Dissolve效果,

就能做出变色的感觉囉!

此教学专案档下载(cc 2018以上):