html video 设置进度条不可拖动_pr制作vlog中的进度条(超详细教程!)

当下很多人喜欢用vlog记录生活分享生活,给自己的vlog加点有趣的动画能大大丰富视频的内容增加亮点。

最近跟B站的UP主学到了用pr制作vlog中的进度条(有些小可爱会说用ae、flash制作更简单方便,咱们这只做教程,先学到一个方法,后面根据需要再使用别的软件辅助也是很棒滴),下面视频简单演示一下成果,如果是你需要的请往下看制作过程。

15ad9670ac993c53e2e076bf27dce196.png
进度条演示https://www.zhihu.com/video/1212498424761163776

下面还是和之前的教程一样简单的制作过程:

  1. 导入你的背景视频,然后菜单栏选择文件-新建-字幕(可能有的版本是新建旧版标题,一样的),参数保持默认即可,当然你也可以自定义自己需要的尺寸(可以参考我设置的名称,便于区分)

272f9ee848a90c2aea868619806c8012.png

2. 选择左边工具栏的圆矩形工具,画出你需要的进度条的大小,借助左下角的工具调整位置,完成后关闭,素材库中会出现“里”这个素材;

10b633e81a9cd492abdac8b91504af99.png
“里”素材

3. 将“里”素材复制一份,命名为“外”,“外”这个素材是进度条的边框,双击素材调整参数,去掉填充选项,添加内侧边

c3ac67b7a0292645ff357dadb4947a3c.png
“外”素材

4. 将素材拖到视频轨,给“里”素材中添加裁剪、百叶窗两种视频效果,具体操作在下面。

85dbf1a423aa44f54f3904be64a0fbfc.png

裁剪:搜索“裁剪”效果,拖到“里”素材中,在素材的开始打下一个关键帧,再调整“右侧”参数将进度条置零(一定要先key帧再调参数)

d0f84cf64a9e6169675ebcb973394e77.png

拖动进度条到“里”素材的最后一帧,打下另一个关键帧,再调整“右侧”参数,将进度条填满(一定要先key帧再调参数),到此播放素材已经可以得到进度条的效果,再添加百叶窗效果进行优化

7e019be05fc2a7742bdb1b46d1a9571f.png

百叶窗:搜索“百叶窗”效果拖到“里”素材中,调整“过渡完成”参数为10%,宽度根据素材来调整

da8380ce4fe10a8ee2a6a318bf3826ec.png

389a1eb0973a2c8e9f18022232a7a7f5.png

至此还差个数据显示

5. 项目新建透明视频,将透明视频拖到新的视频轨,搜索“时间码”效果,拖到透明视频中

eda7704be53b902cce376aa449610e2a.png

fac0ad4d0d28ea7426c28e552fe0aff5.png

时间码:透明度设为0,去掉场符号选项,格式选择“帧”,时间码源选择“生成”,位置及大小自行调整

500352ea0ecff0afb26bce8f1c8b7880.png

a190ba40fa0439e343a893a8faba04f7.png

拉动进度条使显示为100帧(此时进度条显示不完整不用担心)

4ac7b75b595e879ad72a8c72617be2fb.png

选择剃刀工具,将后面的视频剪掉

537a356070190afa8959aa2c9666517e.png

右键透明视频选择嵌套得到嵌套序列,选择速率选择工具将嵌套序列拉到和进度条素材一样的长度

7dc1d27f5a72f8980d72d098b21f1bbe.png

此时播放已经能够根据进度条显示从0加载到100,那咱们还差一个百分号

6. 新建字幕,添加文本框,打一个%,调整位置,完成后关闭,将素材拉到新的视频轨

7c0746235bd8742585e00e9ad2e3262a.png

dcdda307ca5b6ca58a75e25fa0f4958f.png

7.至此进度条已经可以完整播放,如果你想播放完后进度条仍显示在画面上,请往下看

将进度条拉到100%位置,把主视频的小眼睛点掉,点击导出单帧,选择导出为png,路径自选,然后将这张png导入到素材库,拉到2~5任意一个视频轨的后面即可

22f2bc58101397b25ea07da3fa6aa99c.png

406d647cab23ed1d6d4f429f4d869050.png

进度条加载的快慢可以根据需要自行切割调整速率,在进度条加载时根据自己的需要,可以用添加字幕的方法加上一些自己的文案,有兴趣的可以看一下我制作的小视频(小红书链接):

小红书​xhsurl.com
8c6d6467e8de0248124dc9d46d87f1c5.png

进度条就是一个框框加上填充,文章篇幅看似长,但是实际上都是图(为了更直观的演示操作)。如果刚好是你需要的,小星星和大拇指点一下啦~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Go语言(也称为Golang)是由Google开发的一种静态强类型、编译型的编程语言。它旨在成为一门简单、高效、安全和并发的编程语言,特别适用于构建高性能的服务器和分布式系统。以下是Go语言的一些主要特点和优势: 简洁性:Go语言的语法简单直观,易于学习和使用。它避免了复杂的语法特性,如继承、重载等,转而采用组合和接口来实现代码的复用和扩展。 高性能:Go语言具有出色的性能,可以媲美C和C++。它使用静态类型系统和编译型语言的优势,能够生成高效的机器码。 并发性:Go语言内置了对并发的支持,通过轻量级的goroutine和channel机制,可以轻松实现并发编程。这使得Go语言在构建高性能的服务器和分布式系统时具有天然的优势。 安全性:Go语言具有强大的类型系统和内存管理机制,能够减少运行时错误和内存泄漏等问题。它还支持编译时检查,可以在编译阶段就发现潜在的问题。 标准库:Go语言的标准库非常丰富,包含了大量的实用功能和工具,如网络编程、文件操作、加密解密等。这使得开发者可以更加专注于业务逻辑的实现,而无需花费太多时间在底层功能的实现上。 跨平台:Go语言支持多种操作系统和平台,包括Windows、Linux、macOS等。它使用统一的构建系统(如Go Modules),可以轻松地跨平台编译和运行代码。 开源和社区支持:Go语言是开源的,具有庞大的社区支持和丰富的资源。开发者可以通过社区获取帮助、分享经验和学习资料。 总之,Go语言是一种简单、高效、安全、并发的编程语言,特别适用于构建高性能的服务器和分布式系统。如果你正在寻找一种易于学习和使用的编程语言,并且需要处理大量的并发请求和数据,那么Go语言可能是一个不错的选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值