在一起计时器_三种在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里制作计时器的方法，超详细！超漂亮！的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 移动端meta标签
- 下一篇： Python2和Python3的兼容性写