我用PPT复刻了Mate30发布会上的充电动画。网友：看这动画就想买它！

华为Mate 30新品发布会上，CEO余承东在介绍手机充电续航能力的时候，用了一个电池充电的演示动画。

前些日子，小松塔后来心血来潮，制作了一个教学视频发布到了网上。

这段表现续航能力的充电动画教学视频，反响还不错。在这里，小松塔再次谢过各位同学的支持！

不过，很多小伙伴在学习中遇到了问题，在私信和评论里向我询问。今天，小松塔特别献上图文版教学，希望你看的清楚，学的明白。

制作这个充电动画还是比较简单的。需要的只有三个步骤：准备素材+画圆+添加动画

第一步：准备素材

做好准备工作，背景图，数据线PNG图，手机样机素材。如果手机的样机素材界面太亮，你需要为它制作一个蒙版（插入圆角矩形，调整透明度即可）

 

第二步    画圆

画第 1 个圆

绘制三个圆形，将他们叠放在一起（不要完全重叠。为了让你清晰辨别，我在下面的GIF图中为圆形加了轮廓）。

选中三个圆形，在【形状格式】中选择布尔运算【结合】。

再绘制一个圆形，放在三个组合圆形的顶部。先选中三个组合圆形，按住ctrl 键，加选顶部的圆形，在【形状格式】中选择布尔运算【剪除】

画第 2 个圆

我们已经完成了“第一个圆”，接下来绘制第二个圆。

绘制三个小圆形，全部选中进行组合。将它们另存为图片，再次插入图片后，裁剪成一半的圆形，置于手机底部。

画第 3 个圆

绘制若干个小圆形（直径大小≤上方大圆的边缘宽度），将他们放置在幻灯片的底部。

为了增加效果，你可以随机调整一下圆形的透明度。

第三步   添加动画

1、主元素添加动画

先为数据线添加【飞入】动画，再为手机底部的组合圆形添加【出现】动画。

然后，为上方的大圆添加【强调】动画中的【陀螺旋】（注意调整陀螺旋动画的重复次数，最好在5次以上）。最后给文字添加【出现】动画。

以上动画的“开始”，全部选择“与上一动画同时”

先来看一下效果  ↓

2、小圆添加动画

接下来就是为页面下方的若干小圆形，添加【路径】动画了。

路径动画选择由下至上，终点（路径动画红点）要与上方的组合圆形的边缘重叠。

然后，为这些圆形随机的调整【延迟】时间（0秒-4秒不等）。建议你一边预览动画效果，一遍调整。这里是个细活，你得慢慢来~

这些无数的圆形飞上去以后，需要消失在大圆形的边缘。否则无数小圆越积越多，最后会露出破绽。

肿么办？

选中这些小圆形，为它们添加【退出】动画里的【消失】，然后逐一为它们调整延迟时间。

重点来了！

这里的消失动画的延迟时间=出现动画的持续时间+延迟时间。

举个例子：椭圆14消失动画的延迟时间是2.5秒，这是它出现动画0.2秒与延时时间0.5秒之和。

    

3、裁剪图添加动画

此时，无数的小圆飞上去后，会遮盖上方的数据线，再次露出破绽……

为它添加一个图层。

裁剪带有数据线的完整图片，将它与原图的位置 完！全！重！叠！

然后，为这个裁剪的图片添加【出现】动画。注意动画的位置要在数据线飞入动画之后（如下图，图片48为裁剪图片的出现动画位置）

到现在为之，就制作完成了~

小松塔最后想说，写文不易。为了让你充分理解，短短的一篇文章，我截取了无数图片，制作了若干GIF图。如果你觉得不错的话，记得关注和转发！

最重要的来了！如果你需要这个完整的作品话，可以在公众号主页回复【我要充电】就可以获取了~

祝你PPT的技能天天上上！

---

往期内容：

我用了一周的时间，制作了《奇葩说第6季》PPT模板

PPT别只会傻傻插入图片，只要学会简单处理一下，秒变高颜值