在一起计时器_三种在PPT里制作计时器的方法,超详细!超漂亮!
点击上方蓝字“课件研究所”关注公众号
即可免费获取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制作的所有问题。
我是路加,我们下期再见!
记得点个“在看”~
在一起计时器_三种在PPT里制作计时器的方法,超详细!超漂亮!相关推荐
- android 计时器 三种,Android计时器的三种实现方式(Chronometer、Timer、handler)
本文实例为大家分享了Android计时器的三种方法,具体内容如下 目录: 1.借助Timer实现 2.调用handler.sendMessagedely(Message msg, long delay ...
- css里面li标签怎么加图片_分享三种给li标签添加图标的方法
我们在页面布局时,经常会用到li标签,单独使用li标签比较单调,有时候为了页面效果,需要加入图片,那怎么在li标签中添加图片呢?这篇文章就和大家分享三种给li标签添加图标的方法,希望对你有用. 1.使 ...
- adb 重命名_Linux操作系统:三种最基本的文件重命名方法
在我们的工作生活中,不管是程序员还是非程序员,我们都会遇到过一个需求,那就是对一堆的文件进行重命名.在Windows下有很多优秀的软件可以帮助我们完成这个需求,而在Linux环境下,我们可以简单敲一些 ...
- 三种获取Class类型的实例的方法
通过Object类中的getClass()方法: 通过静态方法Class.forName("全类名"): 通过类字面常量Class.class. 三种获取Class类型的实例的方法 ...
- 设置计算机的启动顺序CDROM.C.A,bios如何设置光驱启动顺序?三种BIOS设置光驱第一启动的方法详细图解...
在启动计算机时立即按 Delete (Del)[删除键]进入 BIOS[基本输入输出系统]设置 2 选择 Advanced BIOS Features [高级 BIOS 特性设置],并将 First ...
- 设置计算机的启动顺序CDROM.C.A,bios如何设置光驱启动顺序 三种BIOS设置光驱第一启动的方法详细图解...
在启动计算机时立即按 Delete (Del)[删除键]进入 BIOS[基本输入输出系统]设置 2 选择 Advanced BIOS Features [高级 BIOS 特性设置],并将 First ...
- Android手机电视投屏,三种手机投屏到电视的方法!苹果、安卓手机均可以使用!...
原标题:三种手机投屏到电视的方法!苹果.安卓手机均可以使用! 日常生活中,想把手机里的照片.视频.文档等内容分享给身边的朋友.但是手机这块"小屏幕"绝对不能令人满意.相信很多人都会 ...
- 三种快速转换PDF为TXT的方法:简单、高效、免费
如何将PDF转换为TXT文件?在日常生活中,PDF和TXT是常见的文本格式.PDF格式文件具有稳定的布局和易于存储的特点.然而,许多在线下载的电子书通常是以PDF格式提供的,而电子阅读器通常不支持PD ...
- 三种获得自动生成主键的方法,getGeneratedKeys,专用SQL和可更新的结果集
简单总结了一下我目前知道的方法. package test; import java.sql.Connection; import java.sql.DriverManager; import jav ...
- iframe的src怎么携带参数_三种传递gRPC动态参数方式的使用体验
gRPC是一个远程调用框架,使用Protobuf做为信息的载体来完成客户端和服务端的数据传输.关于怎么定义Protobuf消息.搭建gRPC服务在之前的系列文章中都有提及,今天来说一下在使用gRPC和 ...
最新文章
- python语言是谁发明的咋读-Python简史
- Python学习之==json处理
- 内核模块相关命令:lsmod,depmod,modprob...
- boost::geometry::model::multi_point用法的测试程序
- 日期减三个月oracle_Oracle如何对日期时间进行加减操作呢?
- 高德地图调用和添加标注
- Flink java模拟生成自定义流式数据
- 三相锁相 c 语言 程序,轻松玩转DSP——基于TMS320F2833x(Word+PDF+ePub+PPT)
- 【题解】(排序) —— POJ 0803:DNA排序
- 阿里每天纳税超 1.4 亿元;余承东:苹果很难和华为竞争;三星 Note 7 爆炸案终审 | 极客头条...
- 基于vue axios element-ui 的 demo
- static关键字_一题搞定static关键字
- 自定义控件2.第一个自定义view
- UG12.0运动仿真分析基础到精通视频教程
- PHP程序判断男女身高体重是否,最新男女标准体重对照表,快来看看你达标了没?...
- ent orm笔记2---schema使用(上)
- xor指令加解密(笔记)
- Android 手机直播聚合
- configure: error: Cannot find ldap libraries in /usr/lib
- SOLIDWORKS如何实现系列化参数建模