大家好，我是利兄！

上周逛Dribbble的時候，看到一組非常好看的PPT，很多都是帶動畫效果的。

其中一個大家非常感興趣，今天給大家拆解一下。

案例一：

整個PPT從線條描繪輪廓，慢慢展示整張圖片的全貌，還是比較酷的。

我做了兩個案例，一個比較簡單。

下面這個就比較炫酷了。

那麼像這種效果，如何實現呢？

其實并不難的，我們一個一個的來，先看瑞幸咖啡這個。

首先我們要畫出杯子的外形輪廓。

可以用形狀工具裡面的【任意多邊形-形狀】來畫。畫出大概輪廓之後，用編輯頂點來微調。

我們來試一下，看一下動圖：

這是一種方法，還有一種更簡單的方法。

借助一個插件，叫口袋動畫，它有一個矢量素描的功能。

我們選中PNG圖形，點擊矢量素描，一秒就可以畫出形狀輪廓。

第二步，給輪廓添加一個動畫，這裡有幾個動畫比較合适。

一個是輪子動畫，像下圖這樣。

輪子動畫，隻能從上方中間段開始。

有沒有可能讓筆畫，從邊上開始，比如這樣。

那麼，這裡就需要把輪廓的線條給拆開，拆成四個部分，橫是橫，豎是豎。

這裡可以用布爾運算的拆分，然後用編輯頂點-開放路徑可以實現。

我們來操作一下，大家就明白了。

布爾運算得到的圖形是封閉的形狀，如果要變成線條，就要通過編輯頂點—開放路徑。

通過這種方法，可以得到四條線段組成的圖形。

然後，我們依次給四條線添加擦除動畫，而且設置，每一動畫都在上一動畫之後。

第三步，給圖片添加一個淡入動畫

出現的時間正好在輪廓動畫之後。

而且當圖片出現的時候，線條輪廓就要淡出消失，所以我們還需要給線條輪廓添加一個淡出動畫。

最終就可以得到這樣一個效果。

如果是像下圖這樣的一個線條動畫呢，線條像流星一樣，一閃而過。

那麼我們隻需要調整一下線條的動畫，我們設置為退出動畫—擦除。

它的動畫窗格如下圖所示：

退出動畫中的擦除，正好與第二條線段同時。

所以當畫第二筆的時候，前面出現的第一筆正好消失，

這是瑞幸咖啡的動畫，是不是還不錯，挺酷的吧。

我們再來看跑車的動畫，其實也是類似的。

首先，我們也是要畫出跑車的輪廓線條，當然，這裡也可以用口袋動畫插件。

但是需要先對汽車進行一個摳圖，現在市面上在線摳圖神器很多，比如remove.bg；稿定摳圖；創客貼摳圖等，非常快捷。

摳圖之後，我們用口袋動畫的矢量素描，就可以得到汽車輪廓。

然後，我們對扣出的汽車做一個藝術化處理。

先圖片去色，然後選擇藝術效果裡面的鉛筆灰度，将參數都設置為0.得到這樣一個效果。

接下來，設置動畫，給鉛筆畫的汽車設置為淡化，接在輪廓動畫後面。

非常簡單。

緊接着，我們對背景圖片再加一個淡化的進入動畫，然後給鉛筆畫做一個退出-淡化動畫。

這樣汽車慢慢的就從鉛筆畫，到照片的自然過渡。

以上就是今天的主要内容，希望大家喜歡。

對了，如果有什麼不懂，可以下載源文件回去看一下。

文件領取方式：

1、幫忙順手轉發一下這篇文章，多謝！

2、複制這段内容後打開百度網盤手機App，操作更方便哦

鍊接: https:///s/16husRxMast-jIR4huuhEKA 提取碼: 3zyh 複制這段内容後打開百度網盤手機App，操作更方便哦

已領取文件的可以在評論區打個“已領”，謝謝。

學習更多的PPT小技巧。可以關注我的頭條專欄哦。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!