一直以來，我都有拆解、臨摹發布會 PPT 動畫的習慣。
比如去年臨摹蘋果發布會的動畫：
今年年初三星發布會：
.
上周，我在觀看小米十周年公開演講的時候，發現一個頁面的動畫效果還挺有意思的，於是周末在家臨摹一下。
原稿動畫很靈動，應該是用 AE 做成的視頻，再導入到 PPT 中：
下面是我用 PPT 還原的：
另外，還製作了一個深色版的：
效果也還不錯。
這個動畫，看似複雜，但只要你要明白其中的原理，用 PPT 也能很快搞定！
那麼，接下來，就跟各位分享一下這個動畫的製作方法。
動畫主要分為兩個部分，先是手機觸碰音箱，接著音箱波紋擴散。
我們先來說第一個
手機觸碰動畫
動畫分為 3 步，從底部旋轉出現，彈動觸碰音箱，最後旋轉消失。
為了各位看的更清楚，這裡我放慢了動畫的速度：
同樣的，咱們逐個擊破。
旋轉位移出現
原理很簡單，就是淡化進入+陀螺旋+路徑：
首先是準備工作，將手機向逆時針旋轉 45°，置於頁面外側，音箱的正下方：
然後，為其添加陀螺旋動畫，時間 1.5 秒：
調整旋轉角度為順時針旋轉 45°，並設置平滑開始及結束，這樣動畫會更平順：
配合淡化進入，看下效果：
接著，再為添加直線路徑動畫，時間同樣為 1.5 秒，讓手機邊旋轉邊移動。
注意調整路徑動畫的終止位置：
到這兒，手機的進入效果就完成了：
彈動觸碰音箱
這個效果非常靈動，通過手機縮小再回彈，模擬真實觸碰的效果。操作不難，一個動畫即可搞定！
我們直接對手機添加放大/縮小動畫，持續 1 秒：
設置縮小尺寸為 90%，並勾選自動翻轉，只有這樣手機才能回彈到原來大小：
來看下效果：
旋轉位移消失
它所使用的動畫，與手機出現效果是一樣的，只需要反向設置手機的旋轉以及位移的方向即可：
最後，調整各個動畫化的起始時間，手機觸碰動畫就完成啦！
波紋擴散動畫
去年的時候，我就講過這個動畫的製作方法。當時主要藉助了插件，不過操作有些麻煩，而且效果並不是很好，波紋還沒法重複播放。
這篇文章，我會再跟各位分享一個，升級版的製作方法。做法簡單、效果更好、還能持續播放！
還是先做準備工作，這裡的波紋，我使用了多色漸變的圓形：
主要為了和音箱以及文字顏色形成呼應，從而讓頁面更加和諧：
它的製作方法也很簡單，由多個不同漸變角度的圓形重合組成：
將多色波紋組合後，為其添加基本縮放動畫：
在效果選項中設置動畫重複播放，直到幻燈片末尾：
得到這樣的效果：
目前動畫還有些生硬，為了解決這個問題，我可以添加淡化退出動畫：
同樣，設置重複播放，持續時間與基本縮放動畫一致。
再來看下效果：
柔和多了，對嗎？
通過複製、粘貼，得到 4 個擴散波紋：
調整動畫的起始時間，間隔 0.5 秒，讓波紋依次擴散：
再將波紋重合：
置於音箱的底部即可：
最後，我們再來看下完整的動畫效果：
對于波紋擴散動畫，它應用場景還蠻多的，比如手機廠商經常用它來表現音頻傳播：
當然，這個使用場景大多數人都遇不到的。日常工作中，我們可以用它來標註地圖頁的位置信息：
還可以利用它不斷擴散的特點，表達對外開放的含義：
甚至是用來展現產品的功能豐富性：
等等.
好了，思維拓展就到這了，以上就是本篇文章的全部內容啦。
哎，好餓，要去吃飯了。各位有問題可以留言區見哈。
文章沒看過癮，想要系統提升PPT技能？
歡迎加入旁友圈，已經有超過33000位讀者加入學習。
學PPT，看旁門左道。
如有幫助，歡迎點亮在看。