如何用管道符"|"制作视频进度条

～风介～ · 发表于 2025-5-6 19:08:10

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由～风介～于 2025-5-6 19:16 编辑

不知道大家有没有自己制作过视频，有时候想要给自己的视频添加进度条却不知道怎么制作

接下来给大家分享如何用管道符“|”制作进度条

首先我们添加文本输入管道符“|”

将文本长度设置与视频一样，这样我们的进度条就不会提前消失了

1添加.png

接下来我们将添加的管道符修改一下透明度，旋转90度，调整大小与视频宽度一致，

将其放置视频底部当做我们的进度条底框

1放置底部.png

接着我们复制一层相同的管道符，修改一下颜色

opt_复制一层.png

我们将修改颜色后的管道符开头结尾各打上一个关键帧，接着在第一个关键帧调整位置

将带颜色的管道符刚好拉出屏幕外

1打关键帧.png

这样点击播放预览，我们简易的进度条就做好了

接下来我们小小的加工一下

我们再多添加几个管道符，调整好透明度和大小，

直接放在视频底部，放在我们想给视频分隔的节点上，

在贴上相对应的文字，这样别人看起来，我们视频的结构就清晰明了了

1分段.png

这样我们的进度条就制作完成了，是不是很简单呢

压缩.gif

大家也可以在进度条中添加喜欢的贴纸，然后运用关键帧，让它来带领进度条跑起来

比如：

鸡你太美.gif

FishC · 发表于 2025-5-6 19:09:07

用管道符"|"制作视频进度条教程

步骤1：创建基础进度条
添加文本层输入||||||||||||||||（约20-30个"|"），将文本时长设为与视频总时长一致
步骤2：调整底框样式
透明度50% → 旋转90度 → 调整宽度与视频画幅一致 → 拖到视频底部
步骤3：创建动态进度条
复制底框层 → 颜色改为醒目色 → 在开头和结尾打关键帧：
2. 开头关键帧：将进度条左移出画面
3. 结尾关键帧：将进度条恢复原位
复制代码
步骤4：添加时间节点
用短管道符|在进度条上方添加：
2. 00:00 开头介绍
3. |------|-------|-------|
4. 05:00 实操演示
复制代码
进阶技巧：动态贴纸
添加箭头贴纸 → 设置移动路径关键帧：
2. 开头关键帧：贴纸在进度条最左端
3. 结尾关键帧：贴纸移动到最右端
复制代码

提示：建议使用剪映/PR/FCPX等支持关键帧动画的软件，实际效果比静态截图更直观！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

小甲鱼的二师兄 · 发表于 2025-5-6 19:11:30

这个厉害了！

clollipops · 发表于 2025-5-6 19:13:53

学习制作进度条

伶俜6 · 发表于 2025-5-6 19:14:03

！成功了！

qiuhan1987 · 发表于 2025-5-6 19:14:36

学习制作进度条

bohu · 发表于 2025-5-6 19:14:59

关键帧非常厉害

DickenS1995 · 发表于 2025-5-6 19:14:59

学习制作进度条

Gyoushinn · 发表于 2025-5-6 19:15:06

影视后期！！？！

杰拉德格林 · 发表于 2025-5-6 19:15:16

奇怪的知识点又增加了！加油！

每天提高一点点 · 发表于 2025-5-6 19:15:33

厉害

科007 · 发表于 2025-5-6 19:15:39

成功了

lovemark1314 · 发表于 2025-5-6 19:15:52

我想

maric123 · 发表于 2025-5-6 19:16:34

新学习方向出现了

winnieGarden · 发表于 2025-5-6 19:17:12

冲冲冲

kyo890814 · 发表于 2025-5-6 19:17:23

努力学习～

jeremy1101 · 发表于 2025-5-6 19:17:37

学习了，谢谢

Citalopram · 发表于 2025-5-6 19:18:14

学到了

疯狂的小熊 · 发表于 2025-5-6 19:19:03

好厉害的！！学到啦

空木松 · 发表于 2025-5-6 19:19:09

学习学习

账号		自动登录	找回密码
密码			立即注册

[技术交流] 如何用管道符"|"制作视频进度条

马上注册，结交更多好友，享用更多功能^_^

评分