当下很多人喜欢用vlog记录生活分享生活,给自己的vlog加点有趣的动画能大大丰富视频的内容增加亮点。
最近跟B站的UP主学到了用pr制作vlog中的进度条(有些小可爱会说用ae、flash制作更简单方便,咱们这只做教程,先学到一个方法,后面根据需要再使用别的软件辅助也是很棒滴),下面视频简单演示一下成果,如果是你需要的请往下看制作过程。
![15ad9670ac993c53e2e076bf27dce196.png](https://i-blog.csdnimg.cn/blog_migrate/980cad31d699ecf0b580db15bfeb8809.jpeg)
下面还是和之前的教程一样简单的制作过程:
- 导入你的背景视频,然后菜单栏选择文件-新建-字幕(可能有的版本是新建旧版标题,一样的),参数保持默认即可,当然你也可以自定义自己需要的尺寸(可以参考我设置的名称,便于区分)
![272f9ee848a90c2aea868619806c8012.png](https://i-blog.csdnimg.cn/blog_migrate/924a7840663b083af17488cc9b68f5c9.png)
2. 选择左边工具栏的圆矩形工具,画出你需要的进度条的大小,借助左下角的工具调整位置,完成后关闭,素材库中会出现“里”这个素材;
![10b633e81a9cd492abdac8b91504af99.png](https://i-blog.csdnimg.cn/blog_migrate/4a9e610dcdd6142f6f14bf636c69addc.jpeg)
3. 将“里”素材复制一份,命名为“外”,“外”这个素材是进度条的边框,双击素材调整参数,去掉填充选项,添加内侧边
![c3ac67b7a0292645ff357dadb4947a3c.png](https://i-blog.csdnimg.cn/blog_migrate/cc735e5ebd5af4da8886d4b37e0c6b9a.jpeg)
4. 将素材拖到视频轨,给“里”素材中添加裁剪、百叶窗两种视频效果,具体操作在下面。
![85dbf1a423aa44f54f3904be64a0fbfc.png](https://i-blog.csdnimg.cn/blog_migrate/64c1663243faa288c9c347ca6b37baae.png)
裁剪:搜索“裁剪”效果,拖到“里”素材中,在素材的开始打下一个关键帧,再调整“右侧”参数将进度条置零(一定要先key帧再调参数)
![d0f84cf64a9e6169675ebcb973394e77.png](https://i-blog.csdnimg.cn/blog_migrate/19bbaa76a45a404f5f507716c38d8a40.png)
拖动进度条到“里”素材的最后一帧,打下另一个关键帧,再调整“右侧”参数,将进度条填满(一定要先key帧再调参数),到此播放素材已经可以得到进度条的效果,再添加百叶窗效果进行优化
![7e019be05fc2a7742bdb1b46d1a9571f.png](https://i-blog.csdnimg.cn/blog_migrate/c5e5304fb870f96d62fc9d8805b7aaa2.png)
百叶窗:搜索“百叶窗”效果拖到“里”素材中,调整“过渡完成”参数为10%,宽度根据素材来调整
![da8380ce4fe10a8ee2a6a318bf3826ec.png](https://i-blog.csdnimg.cn/blog_migrate/1a50a4ce0754df16ea3f30f6dc25dabf.png)
![389a1eb0973a2c8e9f18022232a7a7f5.png](https://i-blog.csdnimg.cn/blog_migrate/6750ee1e9e035a59d23f0c76534a3049.png)
至此还差个数据显示
5. 项目新建透明视频,将透明视频拖到新的视频轨,搜索“时间码”效果,拖到透明视频中
![eda7704be53b902cce376aa449610e2a.png](https://i-blog.csdnimg.cn/blog_migrate/f9e7f248a2319c29f640406418d949ef.jpeg)
![fac0ad4d0d28ea7426c28e552fe0aff5.png](https://i-blog.csdnimg.cn/blog_migrate/e2cc640f63b967b912c9ea9a4c42707a.png)
时间码:透明度设为0,去掉场符号选项,格式选择“帧”,时间码源选择“生成”,位置及大小自行调整
![500352ea0ecff0afb26bce8f1c8b7880.png](https://i-blog.csdnimg.cn/blog_migrate/38847183a0f76275e13ea58fccf637a4.png)
![a190ba40fa0439e343a893a8faba04f7.png](https://i-blog.csdnimg.cn/blog_migrate/f6df333361532ed2506ba787adc172f3.png)
拉动进度条使显示为100帧(此时进度条显示不完整不用担心)
![4ac7b75b595e879ad72a8c72617be2fb.png](https://i-blog.csdnimg.cn/blog_migrate/66888251a4d6b201a66638e759e37934.jpeg)
选择剃刀工具,将后面的视频剪掉
![537a356070190afa8959aa2c9666517e.png](https://i-blog.csdnimg.cn/blog_migrate/8d27a1189b76a349a61ef171833e6602.png)
右键透明视频选择嵌套得到嵌套序列,选择速率选择工具将嵌套序列拉到和进度条素材一样的长度
![7dc1d27f5a72f8980d72d098b21f1bbe.png](https://i-blog.csdnimg.cn/blog_migrate/6791128c931ef3da9c69671f3dea4389.png)
此时播放已经能够根据进度条显示从0加载到100,那咱们还差一个百分号
6. 新建字幕,添加文本框,打一个%,调整位置,完成后关闭,将素材拉到新的视频轨
![7c0746235bd8742585e00e9ad2e3262a.png](https://i-blog.csdnimg.cn/blog_migrate/1aacc372294d869552c173ec6bc7bbee.jpeg)
![dcdda307ca5b6ca58a75e25fa0f4958f.png](https://i-blog.csdnimg.cn/blog_migrate/a485ee0200376e1d7ba8021a559973c9.png)
7.至此进度条已经可以完整播放,如果你想播放完后进度条仍显示在画面上,请往下看
将进度条拉到100%位置,把主视频的小眼睛点掉,点击导出单帧,选择导出为png,路径自选,然后将这张png导入到素材库,拉到2~5任意一个视频轨的后面即可
![22f2bc58101397b25ea07da3fa6aa99c.png](https://i-blog.csdnimg.cn/blog_migrate/379dbd715f33e9b791b0a0b088fa212d.jpeg)
![406d647cab23ed1d6d4f429f4d869050.png](https://i-blog.csdnimg.cn/blog_migrate/aec1fffc2f46f10f4c194a71d4813bc9.png)
进度条加载的快慢可以根据需要自行切割调整速率,在进度条加载时根据自己的需要,可以用添加字幕的方法加上一些自己的文案,有兴趣的可以看一下我制作的小视频(小红书链接):
小红书xhsurl.com![8c6d6467e8de0248124dc9d46d87f1c5.png](https://i-blog.csdnimg.cn/blog_migrate/eacad9da5802b04ff7cb712675945b2a.jpeg)
进度条就是一个框框加上填充,文章篇幅看似长,但是实际上都是图(为了更直观的演示操作)。如果刚好是你需要的,小星星和大拇指点一下啦~