点击上方蓝字“课件研究所”关注公众号

即可免费获取500套说课模板下载链接

大家好，我是路加。

昨天的计时器教程发出来之后，阅读量前所未有的惨淡。

深刻反思了一晚上，也没想明白。

是因为我提前放出了源文件，所以大家不关心制作方法了吗？

还是因为其实大家本来就不关心制作方法呢？

还是因为大家忘记星标“课件研究所”，结果看不到我们的推送呢？

懂我的意思了吗？(恳求脸~)

01

钟表计时器

在之前计时器的分享里，最受欢迎的，应该就是下边这款复刻锤子时钟的计时器了吧。

这款简洁、优雅，好看的嗷嗷叫的计时器，灵感来源于锤子手机上的内置软件——锤子时钟。

锤子时钟软件截图

和进度条的灵感来源于网易云一样，我在做钟表计时器时的第一想法就是打开手机看看，手机上的计时器时怎么设计的。

作为基本上把各个品牌手机都用过摸过一遍的人来说，锤子时钟的简洁和创意，给我留下了过于深刻的印像。

所以，在找到足够的素材后，我决定在PPT上复刻一下锤子时钟里的计时器。

但在这之前，我得先说一下钟表类计时器的做法。

其实也不难，用到的就是强调动画里的“陀螺旋”动画。

这个动画的作用，就是让物体围绕中心点转圈圈。

但很明显，我们的钟表计时器要的是指针围绕一端转圈圈，而不是围绕中心点转圈圈，怎么办呢？

钟表计时器的指针是围绕端点转圈

陀螺旋的动画里并没有对应的设置，

怎么才能实现右边的效果呢？

其实也很简单，我们只需要以指针的一点为对称点，做一个看不见的指针，和现有的指针组合成一个形状就可以了。就像下边这样：

为了便于理解，我给需隐藏的指针留了一个轮廓

在制作时，填充和轮廓均应设置为无填充色

这样就只能看到其中一个指针

还有一种办法，既然是按照中心点移动，那我只要画个圆，把指针和圆形组合起来，不就是按照圆形移动了吗？就像下边这样：

其实是下边的圆在转

通过这种“补足”的方法，我们就很容易做出钟表指针的旋转动画，接下来只需要更改持续时间和添加素材及读数即可。

有了足够的素材，就不难做出来这样的一个钟表计时器了：

现在再看，是不是觉得很简单？

那么这个拉纸条的原理又是什么呢？

其实和昨天文章里介绍的进度条动画原理是一样的。都是通过路径动画的持续时间设置的。只不过这里添加了两次路径动画。

第一次，是点击后(点击抽出是触发动画，具体原理之前已经写过，不再赘述)，纸条直接抽出一段距离，动画持续时间1.5s。

第二次路径动画，是纸条抽出后，纸条沿原路径返回，动画持续时间30s。

这里需要强调一点，路径动画的起止点是可以分别设置的。第二次的路径动画的起点，就是第一次路径动画的终点。第二次路径的动画的终点，就是第一次路径动画的起点。

绕吗？看看动图就明白了。

第一个路径动画设置：

绿色三角箭头是起点，红色是终点。

第二个路径动画设置：

第二个路径动画要设置为“上一个动画之后”播放。

这样，拉纸条的回弹动画就做好了。既可以单独使用，也可以和钟表计时结合在一起用，非常酷。

最终效果就是上边这样了。

肯定会有人问，那这些素材是哪里来的？

当然，锤子时钟这个素材并不容易找，但如果已经获取了上周二我分享过的计时器源文件的话，里边都已经有这些素材，可以自己再拆解开练习一下。

如果没有获取过的，可以在看完这篇文章后，翻翻公众号的历史文章，不难找到。

02

数字计时器

这种应该是老师们比较喜欢的计时器，因为数字看起来很直观。但这个是做起来最麻烦的计时器，所以我个人并不是很喜欢……

麻烦归麻烦，还是给大家介绍两种做法。

第一种，切换计时法

这种方法，贼简单，就两步。

以1分30秒的计时器为例：

第一步：做90页ppt，从01:30，依次到00:00排列，耗时5分钟……

第二步：Ctrl+A选中所有幻灯片页面，点击“切换”选项卡，勾选上“设置自动换片时间”，时间设置为“1秒”，这个计时器就做好了。

整个过程，耗时10秒钟……

效果是这样的，不得不说，相当可以：

顺便说一下，我用的这个字体，叫“DS-Digital”，是电子屏常用字体，用来做倒计时，再合适不过了。

这种计时器的好处是，直观，易做。

但缺点也很明显，做一个3分钟的倒计时，就得180页PPT。麻烦，而且臃肿。更重要的是，它只能单独用，没办法让它和题目显示在同一页。

那有没有办法在一个幻灯片页面里做到数字倒计时？有。

第二种，动画计时法

但这种更麻烦，为了解释的方便点，我就先做一个10s的倒计时。

第一步：先准备好10-1所有数字。(注意，每个数字一个文本框)

真正制作时不用排列这么整齐……

第二步：选中所有数字，为他们添加“出现”和“消失”两种动画。

这里必须要插播一个知识点，怎么给一个数字添加多个动画呢？

不要在动画栏里直接点！

不要在动画兰里直接点！

不要在动画兰里直接点！

这样操作，后添加的动画会取代之前的动画。

正确的操作是什么呢？点动画栏旁边的“添加动画”，就可以为同一个数字，添加多个动画，原理上可以添加无限多个动画。

第三步：调整动画顺序，添加“出现”和“消失”动画后，动画窗格应该是这样的。

应该调整成这样(10的进入动画和1的消失动画删去，因为是从10开始倒计时，到1结束。10的进入和1的消失就是多余的)：

第三步：同时选中第二个到最后一个动画，“开始”方式设置为“上一动画之后”，持续时间设置为0.5秒，这样，0.5s的“出现”动画+0.5秒的“消失”动画，每个数字的存在时间，刚好是1秒钟。但是数字10的消失动画，持续时间要设置为1秒。

设置好以后的效果，是这样的：

最后一步：把所有的数字，对齐到一起，一个10s钟的计时器就搞定了。

当然，也可以用其他进入和消失动画，只要保证同一数字的两个动画加起来是“1秒钟”即可。动画顺序则要保证，上一个数字的消失动画，紧接着下一个数字的进入动画，顺序就不会乱。

借助浮入和浮出动画，再加点小小的装饰，就不难做出来我上次分享的计时动画。

这个计时器的动画窗格，我上次也展示过了，是这样的：

所以这种计时器的好处也很明显，可以和其他内容一起展示，而且非常直观。

缺点也是肉眼可见的明显：太TM麻烦了，还很考验逻辑性，调整动画的时候，我经常会把自己绕进去……

03

沙漏计时器

这是我要介绍的最后一种计时器。

我不再写详细的过程，只做一个简单的动画拆解。应为有了上边的详细介绍后，大家对这个套路应该基本上理解了。

沙漏计时器的构成是这样的：

一个沙漏外壳+顶部的沙+底部的沙+流下的沙四个部分。

这些素材都可以用office自带的形状工具画出来，网上也不难找到。

它们对应的动画设置，是这样的：

顶部的沙：“退出动画”-“擦除”-方向向下-持续时间30s

底部的沙：“进入动画”-“擦除”-方向向上-持续时间30s

直接连接符(流动的沙)：“进入动画”-“淡入”-持续时间0.5s。(此动画和顶部及底部的沙同时开始)

“退出动画”-“擦除”-方向向下-持续时间0.5s。(此动画在上述三个动画之后出现)

最终效果就是这样的：

04

总结

最后总结一下，其实所谓的计时器动画，基本上都是借助于动画的持续时间+动画的进入/退出效果实现的。

基本上没有例外，所以只要找对动画组合，设置好动画的持续时间，计时器可以做出不同的种类和样式。

几乎没有任何难点。

当然如果你有任何关于课件制作的问题，欢迎加我好友，给我发送关键词“入群”，我会邀请您进入我的课件制作交流群，在群里，我会免费回答你关于PPT制作的所有问题。

我是路加，我们下期再见！

记得点个“在看”~