前一段時間,寫了一篇關於修改企業微信PPT的文章,裡面用到了一些炫酷的動畫,有讀者私信問我,這些動畫效果怎麼做的?
所以,這篇文章就給大家覆盤一下動畫的操作過程,非常簡單但是效果很炫酷!
就拿這個動畫舉例:
用分支的曲線表示出企業微信功能眾多,同樣可套用在職場的組織架構圖,以及其他總分結構的頁面中。
關注 ,私信回覆關鍵詞【動畫拆解】,就可以領取動畫源文件了~
那具體是怎麼做的呢?
這個動畫線路眾多,看起來很是複雜。為讓方便各位理解,我只取頁面上的一條路線進行講解:
同樣,這個動畫由兩部分組成,一個是圓形縮放出現,另一個是線條的擦除動畫。
先來說說圓形縮放動畫:
先給企業微信圖標添加一個 [ 基本縮放 ] 動畫,持續時間設置為 0.25 秒。
接著,再添加一個 [ 放大/縮小 ] 效果,持續時間同樣設置為 0.25 秒,延遲為 0.1 秒。
最後,在 [ 效果選項 ] 中,調整放大尺寸,設置平滑開始、結束的時間相等,並勾選 [ 自動翻轉 ]。
一定要勾選 [ 自動翻轉 ],只有這樣,圖標在放大之後,才能自動縮小,恢復原來大小。
然後,再來說說曲線的擦出效果!
如果你用過 [ 擦除 ] 動畫,那麼應該知道,在一條線段中,PPT 的擦除只能夠直來直去,不會隨著線條彎曲的方向而改變:
那麼,我們該怎樣在一條線段中,改變擦出的方向呢?
答案很簡單,將線條分段。
藉助 LvyhTools 插件中的 [ 線條分段 ],即可快速把曲線分段:
這樣就可以分別為它們添加動畫,從而控制擦除的方向:
最後,調整不同線段擦除的時間,讓其首位相接即可:
看到這兒,相信你再看下面的案例,就會明白它們是怎麼做的了!
案例介紹
時間軸的擦除呈現:
模擬充電線:
只要學會了擦除動畫,這些案例操作起來完全不是問題!
趕緊試試吧,如果你覺的麻煩,也可以直接套用源文件,關注 ,私信回覆關鍵詞【動畫拆解】,就可以了~
另外,你還可以看看我寫的這些PPT乾貨:
免費圈子,點擊加入: