大家好，我是利兄！
上周逛Dribbble的時候，看到一組非常好看的PPT，很多都是帶動畫效果的。
其中一個大家非常感興趣，今天給大家拆解一下。
案例一：
整個PPT從線條描繪輪廓，慢慢展示整張圖片的全貌，還是比較酷的。
我做了兩個案例，一個比較簡單。
下面這個就比較炫酷了。
那麼像這種效果，如何實現呢？
其實並不難的，我們一個一個的來，先看瑞幸咖啡這個。
首先我們要畫出杯子的外形輪廓。
可以用形狀工具裡面的【任意多邊形-形狀】來畫。畫出大概輪廓之後，用編輯頂點來微調。
我們來試一下，看一下動圖：
這是一種方法，還有一種更簡單的方法。
藉助一個插件，叫口袋動畫，它有一個矢量素描的功能。
我們選中PNG圖形，點擊矢量素描，一秒就可以畫出形狀輪廓。
第二步，給輪廓添加一個動畫，這裡有幾個動畫比較合適。
一個是輪子動畫，像下圖這樣。
輪子動畫，只能從上方中間段開始。
有沒有可能讓筆畫，從邊上開始，比如這樣。
那麼，這裡就需要把輪廓的線條給拆開，拆成四個部分，橫是橫，豎是豎。
這裡可以用布爾運算的拆分，然後用編輯頂點-開放路徑可以實現。
我們來操作一下，大家就明白了。
布爾運算得到的圖形是封閉的形狀，如果要變成線條，就要通過編輯頂點—開放路徑。
通過這種方法，可以得到四條線段組成的圖形。
然後，我們依次給四條線添加擦除動畫，而且設置，每一動畫都在上一動畫之後。
第三步，給圖片添加一個淡入動畫
出現的時間正好在輪廓動畫之後。
而且當圖片出現的時候，線條輪廓就要淡出消失，所以我們還需要給線條輪廓添加一個淡出動畫。
最終就可以得到這樣一個效果。
如果是像下圖這樣的一個線條動畫呢，線條像流星一樣，一閃而過。
那麼我們只需要調整一下線條的動畫，我們設置為退出動畫—擦除。
它的動畫窗格如下圖所示：
退出動畫中的擦除，正好與第二條線段同時。
所以當畫第二筆的時候，前面出現的第一筆正好消失，
這是瑞幸咖啡的動畫，是不是還不錯，挺酷的吧。
我們再來看跑車的動畫，其實也是類似的。
首先，我們也是要畫出跑車的輪廓線條，當然，這裡也可以用口袋動畫插件。
但是需要先對汽車進行一個摳圖，現在市面上在線摳圖神器很多，比如remove.bg；稿定摳圖；創客貼摳圖等，非常快捷。
摳圖之後，我們用口袋動畫的矢量素描，就可以得到汽車輪廓。
然後，我們對扣出的汽車做一個藝術化處理。
先圖片去色，然後選擇藝術效果裡面的鉛筆灰度，將參數都設置為0.得到這樣一個效果。
接下來，設置動畫，給鉛筆畫的汽車設置為淡化，接在輪廓動畫後面。
非常簡單。
緊接著，我們對背景圖片再加一個淡化的進入動畫，然後給鉛筆畫做一個退出-淡化動畫。
這樣汽車慢慢的就從鉛筆畫，到照片的自然過渡。
以上就是今天的主要內容，希望大家喜歡。
對了，如果有什麼不懂，可以下載源文件回去看一下。
文件領取方式：
1、幫忙順手轉發一下這篇文章，多謝！
2、複製這段內容後打開百度網盤手機App，操作更方便哦
連結: https://pan.baidu.com/s/16husRxMast-jIR4huuhEKA 提取碼: 3zyh 複製這段內容後打開百度網盤手機App，操作更方便哦
已領取文件的可以在評論區打個「已領」，謝謝。
學習更多的PPT小技巧。可以關注我的頭條專欄哦。