保姆級(jí)PPT動(dòng)畫案例拆解，每一頁(yè)都干貨滿滿！

今天這篇文章來(lái)拆解一下下面三頁(yè)P(yáng)PT動(dòng)畫：

接下來(lái)，就進(jìn)行單頁(yè)動(dòng)畫的講解，先易后難，先來(lái)說(shuō)個(gè)操作簡(jiǎn)單的動(dòng)畫吧！

一、滑動(dòng)延遲動(dòng)畫

其實(shí)，這 3 排動(dòng)畫的效果是一樣的，只是方向不同。
為了讓大家更容易理解，這里我使用色塊制作了一個(gè)單排的圖示，這樣會(huì)清晰很多：

多個(gè)并列的色塊，先后從頁(yè)面邊緣滑入，最后再緩慢結(jié)束。
那這個(gè)動(dòng)畫，該怎么做呢？
其實(shí)很簡(jiǎn)單。
先給頁(yè)面中的元素同時(shí)添加 [ 飛入 ] 的動(dòng)畫效果，方向?yàn)?[ 從右側(cè) ]，并將動(dòng)畫的持續(xù)時(shí)間調(diào)整為 1.5 秒。

現(xiàn)在動(dòng)畫結(jié)束的很生硬，為了解決這個(gè)問(wèn)題，我們可以在 [ 效果選項(xiàng) ] 中，將 [ 平滑結(jié)束 ] 同樣改為 1.5 秒，與動(dòng)畫持續(xù)的時(shí)間保持一致。

最后，按照形狀的出現(xiàn)順序，依次設(shè)置動(dòng)畫延遲的時(shí)間，比如設(shè)置相鄰兩個(gè)形狀的動(dòng)畫間隔為 0.2 秒。

到這兒，滑動(dòng)延遲動(dòng)畫就完成了！
我們?cè)谟龅?4 項(xiàng)及以上的內(nèi)容頁(yè)面時(shí)，都可以采用這樣的動(dòng)畫形式。
比如用于時(shí)間軸頁(yè)，各個(gè)時(shí)間節(jié)點(diǎn)沿軸線依次滑入：

又或者是多圖展示：

甚至是文字云：

接著，咱們?cè)賮?lái)拆解第二個(gè)動(dòng)畫。

二、圖形擴(kuò)散動(dòng)畫

同樣的，我們把這個(gè)動(dòng)畫用圖示簡(jiǎn)易化：

可以看出，這頁(yè)動(dòng)畫主要有兩部分構(gòu)成：一個(gè)是手機(jī)的縮放出現(xiàn)；另一個(gè)是圓形的擴(kuò)散出現(xiàn)。
先來(lái)說(shuō)一下手機(jī)的縮放出現(xiàn)動(dòng)畫。
它和普通的縮放動(dòng)畫還不太一樣，為了讓各位看的更清晰，我特意做了一個(gè)對(duì)比圖供各位參考。

相信你一定能看出來(lái)，右側(cè)動(dòng)畫結(jié)束的十分生硬，而由于左側(cè)有一個(gè)放大再縮小的過(guò)程，它出現(xiàn)方式會(huì)更加柔和。
那么，這種縮放出現(xiàn)是怎么做到呢？
先給手機(jī)添加一個(gè) [ 基本縮放 ] 動(dòng)畫，持續(xù)時(shí)間設(shè)置為 0.25 秒。

接著，再添加一個(gè) [ 放大/縮小 ] 效果，持續(xù)時(shí)間同樣設(shè)置為 0.25 秒，延遲為 0.1 秒。

最后，在?[ 效果選項(xiàng) ] 中，調(diào)整放大尺寸，設(shè)置平滑開始、結(jié)束的時(shí)間相等，并勾選 ?[ 自動(dòng)翻轉(zhuǎn) ]。

一定要勾選 [ 自動(dòng)翻轉(zhuǎn) ]，只有這樣手機(jī)在放大之后，才能自動(dòng)縮小，恢復(fù)原來(lái)大小。
接下來(lái)，咱們來(lái)說(shuō)一下圓形的擴(kuò)散出現(xiàn)。
這個(gè)動(dòng)畫也很簡(jiǎn)單，給所有圓形添加一個(gè) [ 路徑 ] 動(dòng)畫，持續(xù)時(shí)間為 0.6 秒，并設(shè)置平滑結(jié)束同樣為 0.6 秒。

接著，非常重要的一步，選中所有圓形，點(diǎn)擊 [ 翻轉(zhuǎn)路徑方向 ]，它的作用就是互換形狀的開始、結(jié)束的位置。

最后，手動(dòng)將形狀的起始位置，拖動(dòng)到所有圓環(huán)的中心位置即可。

我們把兩個(gè)動(dòng)畫合在一起，再來(lái)看下效果。

其實(shí)，圓形擴(kuò)散動(dòng)畫 PPT 中的使用頻率還蠻高的，基本上大多數(shù)環(huán)繞排版型的頁(yè)面，都可以添加這個(gè)效果。
來(lái)看幾個(gè)案例：

怎么樣？還不錯(cuò)吧？

三、曲線擦除動(dòng)畫

這個(gè)動(dòng)畫線路眾多，看起來(lái)很是復(fù)雜。為讓方便各位理解，我只取頁(yè)面上的一條路線進(jìn)行講解：

?

同樣，這個(gè)動(dòng)畫由兩部分組成，一個(gè)是圓形縮放出現(xiàn)，另一個(gè)是線條的擦除動(dòng)畫。
相信你一定發(fā)現(xiàn)，這里圓形的動(dòng)畫，與剛才手機(jī)出現(xiàn)的效果是一樣的。

所以，只要搞定曲線的擦出效果就可以了！
如果你用過(guò) [ 擦除 ] 動(dòng)畫，那么應(yīng)該知道，在一條線段中，PPT 的擦除只能夠直來(lái)直去，不會(huì)隨著線條彎曲的方向而改變：

那么，我們?cè)撛鯓釉谝粭l線段中，改變擦出的方向呢？
答案很簡(jiǎn)單，將線條分段。

借助 LvyhTools 插件中的?[ 線條分段 ]，即可快速把曲線分段：

這樣就可以分別為它們添加動(dòng)畫，從而控制擦除的方向：

最后，調(diào)整不同線段擦除的時(shí)間，讓其首位相接即可：

看到這兒，相信你再看下面的案例，就會(huì)明白它們是怎么做的了！
時(shí)間軸的擦除呈現(xiàn)：

模擬充電線：

好了，以上呢，就是這篇文章的全部?jī)?nèi)容了，這 3 個(gè)動(dòng)畫效果，你學(xué)會(huì)了嗎？
最后，送給大家一個(gè)福利，評(píng)論區(qū)評(píng)論任意文字即可免費(fèi)獲取文中案例的 PPT 源文件。

溫馨提示:資源內(nèi)容需要評(píng)論本文后，并刷新頁(yè)面才會(huì)顯示看哦。
如果評(píng)論刷新后依然沒(méi)有看到，您可能賬號(hào)還沒(méi)綁定郵箱導(dǎo)致，綁定一下郵箱再試。