这次，真的要发车了

之前推送的文章中承诺过要公布下图动画的制作教程

今天，正式发车

灵感来源

某天骑共享单车去买菜，扫码后加载好长时间（想砸），理智的我想到了我的座右铭（生活处处皆Shit学问），然后我就想能不能用PPT把这个画面做出来？然后这个动画就诞生了......

PS：其实当时骑的是哈罗单车，但是没办法，打心眼里喜欢青桔单车，谁让我们都是幻云色呢

在设计任何动画之前，一定要先构思想要的效果是什么样子，然后先设计静态的样子，慢慢再加动画和其他效果，下面直接进入制作教程

第一步：先根据自行车的样子，绘制静态的自行车。这一步含金量不高，但是需要一只强大的右手，要把一个一个形状进行颜色填充，渐变设置，布尔运算等

布尔运算详细教程公众号幻云PPT回复“布尔”

首先我们来看下自行车的形状构成：

小时候拆过家里的自行车，并且还成功安装过一次，所以对自行车部件还算熟悉

首先根据自行车的大概外观，把它分解成多个相对规则些的形状，把形状逐个绘制出来，然后添加颜色和无线条设置，以及车轱辘部分的渐变设置

这一步需要注意三个点

1.两个车轱辘转动的圆环部分，设置成双色渐变填充，其中一个颜色设置透明度为100%，然后调整色块位置即可。

2.自行车鞍子部分使用的是形状中的“曲线”绘制的，绘制后点击“编辑顶点”，对绘制好的形状进行凹凸部分的线条调整，复制一层一个填充为黑色，一个填充为青色，调整两个位置及大小即可。

3.自行车筐部分，绘制曲线后，插入两个矩形，填充为幻灯片背景，从而让外框更圆润，遮盖住不需要的线条部分

得到静态的自行车

第二步：为车轱辘部分添加动画（旋转选择“陀螺转”），开始为与上一动画同时，想让它转快一点，就设置持续时间短一些，想让它转慢一点，就设置持续时间长一些。

设置完之后，你放映时会发现，车轱辘转一圈完事了，怎么办？怎么设置持续转呢？

打开动画窗格，然后在动画窗格里选中两个圆环，右键选择【计时】，把最后一项“重复”设置为“直到幻灯片末尾”就可以一直转动了（适用于任何需要重复的动画动作）

到这里，自行车部分的图片和动画完成。

第三步：添加自行车后边穿梭的形状及动画效果。穿梭效果其实就是有多个圆角矩形一直从右侧快速移动到左侧。

所以思路是：绘制多个圆角矩形，颜色填充比幻灯片背景深一些，无线条。然后全部无序放到幻灯片外右侧部分。

添加动画：同时选中所有圆角矩形，添加动画“飞出”，设置与上一动画同时，并右键设置计时为直到幻灯片末尾。

然后再分别给每个圆角矩形单独设置不同的持续时间和延迟时间，目的是让多个圆角矩形分散开出现，使得穿梭效果更自然。

此步，穿梭效果完成。

第四步：接下来看进度条的设置。

其实进度条是由三层组成，最底层深黑色背景，第二层，青色圆角矩形，最顶层，与幻灯片同颜色的遮盖层（此层需要先使用布尔运算剪除法，剪除一个小的圆角矩形长条，并将青色那层的圆角矩形与这个剪除掉的矩形长条放在同一水平线上）

然后考虑，让青色进度条向右慢慢移动，产生正在加载的效果。所以，考虑为青色圆角矩形添加“向右”的动作路径

设置这一动画开始为与上一动画同时，持续时间为10秒（需要与后边的数字轮流出现时间之和相同，才能使得进度条完成时，正好100%）。

此步，进度条加载效果完成~

第五步：添加数字加载百分比变动效果

思路：多层矩形内输入数字，矩形设置与幻灯片同色并无线条，大的数字（100%）在上层，最小的数字（38%）在最底层，中间添加几个比如48%，52%......

然后为每个带数字的矩形设置“出现”动画，数字最小的先出现，数字最大的最后出现，并依次递增设置延迟时间（100%出现时，设置延迟时间在10秒左右，也就是进度条加载完成时即可）

此步，数字加载百分比动画完成~

最后，添加两段音频，第一段音乐，播放设置自动即可。

第二段是铃铛声，在10秒时加载完成时播放，设置这个音频的动画-播放-与上一动画同时-延迟时间在10秒左右即可

音频下载网址推荐

http://sc.chinaz.com/站长之家

搜索关键词，筛选音效即可在线下载

本篇教程~完

源文件获取方式

免费获取：转发本文到朋友圈，留存1个小时以上，截图私信留邮箱；

跟我上车：所有教程源文件+海量PPT新玩法+大量资源永久免费领取，更有机会获得稿酬

如何上车：公众号幻云PPT回复关键词：云友圈

​