华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

今天在华为官网看到一个,非常不起眼却又很有意思的动画。

就是华为产品介绍下方的小进度条,我感觉很有创意,而且还可以用在PPT里。

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

图片为华为官网截图

那么该怎么用PPT制作进度条呢?

其实很简单,接下来跟大家分享一下:

01 进度条动画教程

我们先来放大看一次华为的动画:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

图片来自华为官网截图

其实这个进度条,在PPT里,用镂空背景和路径动画就可以做到。

首先,我们先准备一张背景图,并插入一个合适大小的长方形,作为进度条尺寸,填充为白色:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

大家也可以利用样机,设计出自己喜欢的产品图,我也给大家准备了一些常用的样机素材~

关注,点击我的头像,进入主页,点击私信,回复关键词【0521】,即可获取~

接着,我们选中背景图和形状,利用布尔运算中的“剪除”:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

背景图被剪掉了与长方形相交的一部分,图片就变成了镂空的了。

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

这时,我们在准备两个,同样大小的形状,其中一个填充为灰色,无轮廓:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

然后,我们将灰色的这个形状,置于底层,并将其位置调整到背景图镂空处:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

下面将另一个形状,置于背景图下方,并将其位置调整到镂空处左侧:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

接着,为这个形状添加路径动画:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

效果选项中,选择方向为“右”,并将路径的起始点调整到合适的位置:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

调整好持续时间后,我们来看一下最终效果:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

这个进度条,可以用于年会倒计时、毕业答辩,老师还可以用于提问计时等等。

当然,你也可以结合数字滚动效果,做出更高级的进度条:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

02 数字滚动效果

那么,该如何做出数字滚动效果呢?

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

很简单,只需要借助PPT中一个不起眼的小功能——幻灯片背景填充

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

听名字就知道,它的作用就是将形状填充为页面背景,简单来说就是,它能够让形状在页面中“隐身”:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

接下来,我们就来用它制作数字滚动效果:

1.首先,先将页面背景设置为图片填充。

选择图片并剪切,在设置背景格式中选择图片或纹理填充,最后点击“剪贴板”即可:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

2.在页面中插入4个文本框,纵向随机输入一些数字,并将文本框错位摆放:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

3.分别对四个文本框添加直线路径动画:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

添加完动画之后,数值滚动的大致效果就完成了:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

4.接下来,我们就需要用色块盖住不需要展示的文字:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

5.最后,把色块设置为幻灯片背景填充,色块就在背景中“隐身”啦!

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

来看一下最终效果:

华为官网这个进度条,PPT一分钟就能搞定!太实用了(华为官方ppt)

是不是很酷?

今天的分享就到这里了,希望能对大家有所帮助~

大家不要忘记领取,今天分享的样机素材哦~

关注@旁门左道PPT,点击我的头像,进入主页,点击私信,回复关键词【0521】即可获取~

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年6月11日 下午10:25
下一篇 2024年6月11日 下午10:37

相关推荐