进度条上的起伏_“技智过人” | 超可爱的动漫风格进度条

37b0b9f9e0c49c82979f25016f396884.png

本期“技智过人”

技术崽带你挖掘

社会人心底的小秘密

用Pr制作酷炫又不失可爱的

动漫风格进度条

210617ee954a7b8b14bc7acd0ed16ab2.png

1

c4fe38b83073dd4965dc7b05b32b1839.png

首先我们先建一个颜色遮罩

ea14ab7a38f5f6a330dcedc04dae842b.png 210617ee954a7b8b14bc7acd0ed16ab2.png

2

c4fe38b83073dd4965dc7b05b32b1839.png

然后点击文件选择新建--旧版标题

52fe671d132bf5b0133f5de04d07858a.png 210617ee954a7b8b14bc7acd0ed16ab2.png

3

c4fe38b83073dd4965dc7b05b32b1839.png

点击圆角矩形标志,取消填充

选择一个喜欢的颜色

给圆角矩形添加一个外描边

将外描边的大小改到5,并居中

62839b9f9d2c65ee8fe070b1a21effc6.gif 210617ee954a7b8b14bc7acd0ed16ab2.png

4

c4fe38b83073dd4965dc7b05b32b1839.png

将之前做的框复制粘贴

然后我们将他的外描边取消

选一个喜欢的颜色,进行填充

deb4712d2abe09d0723f3f8981334b85.gif 210617ee954a7b8b14bc7acd0ed16ab2.png

5

c4fe38b83073dd4965dc7b05b32b1839.png

将三个素材拖到进度条上

分别关闭v2和v3我们会发现

外描边的是做边框而填充是做加载条

9215a31989dd5d532efd825bdf26d497.png 210617ee954a7b8b14bc7acd0ed16ab2.png

6

c4fe38b83073dd4965dc7b05b32b1839.png

下面由技术崽给大家介绍

四种较为实用的方法

一起来制作动漫风卡哇伊的进度条吧~

1

通过效果搜索裁剪

将其拖到v3轨道上

e2bce270a505df813024be3bfcb08433.gif

在右侧打上关键帧

并将关键帧拖到进度条完全消失为止

然后在快结尾的地方

再将其拖动到进度条完全出现为止

39ef44c6f35010c2ba9b778d4bc60f8c.gif

效果如图:

4a1c9c0ac6e525a67943e4e301b72379.gif

2

通过效果搜索线性擦除

在过度完成这里打上关键帧

并将擦除角度改为270°

然后后面就和擦除用的方法一致

1526501f61b5e471c10675a0fa40354d.gif

3

通过效果搜索划出,将其拖到v3上

会发现划出的效果直接做好了

我们可以通过拉动它的长短来控制快慢

adbd3f0d9994c8c7f0115f7c1531f9c5.gif

4

通过蒙版,点击不透明度中的矩形

可以发现在被选区中效果才会显示

然后我们就可以通过类似

第一种方法和第二种方法一样

打上关键帧

控制出现和结束的时间就可以了

2f58ef1aede17c0b374c5a8c9b7ca5db.gif 210617ee954a7b8b14bc7acd0ed16ab2.png

7

c4fe38b83073dd4965dc7b05b32b1839.png

接着添加动画效果

技术崽准备了三个素材图案

下面先用“猪”图案来进行演示

b9e02d75b5fbe8270d47575d9892ad6d.png

调整图案的位置和大小

给图案打上关键帧,第七帧剪一刀

然后每隔十帧再剪一刀,以此类推

(剪完后记得把十帧的删除)

原理就是七帧显示,十帧消失

ece2932e65ebc64a4ba35e82f2ff6c91.gif 210617ee954a7b8b14bc7acd0ed16ab2.png

8

c4fe38b83073dd4965dc7b05b32b1839.png

添加文字效果,在图片旁边添加“loading”

(也可随意添加一些文字效果)

d9b0b9f6ed95902ed19bce55a6c75155.png

接下来做“。。。”的 闪动效果

在源文本上打上关键帧

后每三帧打一个点,以此类推

“。。。”的闪动效果就完成了

70ba27c8f5d2d582c428b89e19b2146a.gif 210617ee954a7b8b14bc7acd0ed16ab2.png

9

c4fe38b83073dd4965dc7b05b32b1839.png

若觉得进度条效果有点单调

可以通过效果搜索彩色浮雕

将方向改到90°,起伏改成22

f67b6ca0dae2fb19c65409a9e7e833fa.gif 210617ee954a7b8b14bc7acd0ed16ab2.png

10

c4fe38b83073dd4965dc7b05b32b1839.png

最后添加音效

这样一个动漫风格的进度条就大功告成了

下面就让我们一起来看看做好的视频吧~

add0e9b16ed77f09f0c5ce066246bbaf.gif 63ae2f51cb25737347d82c9ff76984d7.gif cf85f789763a4db65d33283322e5dc9f.gif

上述内容就是制作

动漫风格进度条的方法

快使用pr为你喜欢的角色制作定格出场效果吧!

进度条练习素材:https://pan.baidu.com/s/1auhnQY_K5zx6N6_oXpMo5g

提取码:upex

a69cad4ce81fca8e36e4e10c515ac658.png

本期“技智过人”到这里就结束啦~

 你学会了么

下期“技智过人”

咱们不见不散

01bc2c8d6bbcee40d44b6be82da32d27.png

往期回顾

73a6475debfe686016ecf2326316317d.png 006cb4eecca89cc8379e2cb37350b2c1.png 613c2219dfc04afd2478f1056cf5c0a6.png

-校团委宣传部技术组-

海报 | 陈艳婷

图片 | 胡广星

撰文 | 胡广星

编辑 | 毛玉雯

初审 | 李萍  陈浩荣 谭心怡

复审 | 程彦祺 黄澍仪

终审 | 彭俊杰

59201f3169cb4f022156ade6517092bd.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值