導(dǎo)讀/

先來(lái)看幾個(gè)優(yōu)秀PPT動(dòng)畫案例：

怎么樣，是不是很過(guò)癮？有沒(méi)有一種自己也想做的沖動(dòng)？

這篇文章就是來(lái)給大家介紹兩中動(dòng)畫效果，這兩個(gè)動(dòng)畫，簡(jiǎn)單易學(xué)，但是視覺(jué)上很酷炫、也有實(shí)際作用。

他們分別是：平滑裁剪和遮罩動(dòng)畫

平滑裁剪

我是在老羅的T2手機(jī)發(fā)布會(huì)上，第一次看到這個(gè)動(dòng)畫，放大手機(jī)底部細(xì)節(jié)！讓我很震撼。

這個(gè)動(dòng)畫貌似還是很復(fù)雜，但其實(shí)只是借助了平滑和裁剪兩個(gè)基礎(chǔ)功能而已等我跟你說(shuō)完里面的技巧之后，你會(huì)發(fā)現(xiàn)不過(guò)如此。

下面借助案例，給大家說(shuō)說(shuō)其中的奧妙！

第一步、搜集素材：放大鏡、iPad、放大了的 iPad

第二步、調(diào)整素材的擺放位置，把大的 iPad 覆蓋在 小的iPad 上方

第三步、將大的 iPad 裁剪為圓形，調(diào)整到與放大鏡重合

第四步、復(fù)制一頁(yè)，并按照上面的方法，把第二頁(yè)也做成這個(gè)效果。

最后一步、給第二頁(yè)添加平滑切換效果

這就做好了那個(gè)看似很難的放大鏡效果了。

如果到此為止，那你學(xué)的這個(gè)動(dòng)畫講沒(méi)有任何意義，你需要把它應(yīng)用起來(lái)。

下面是兩個(gè)常用的場(chǎng)景，你可以試著做兩個(gè)看看：

• 展示頁(yè)面細(xì)節(jié)，突出重點(diǎn)內(nèi)容
• 數(shù)值平滑變動(dòng)

第一個(gè)作用，展示頁(yè)面細(xì)節(jié)，突出重點(diǎn)內(nèi)容

有了放大鏡效果的加持，我們就可以使用局部放大的效果，來(lái)突出我們想要強(qiáng)調(diào)的重點(diǎn)。

例如下面的兩個(gè)案例：

重點(diǎn)展示優(yōu)惠信息

第二個(gè)作用，數(shù)值平滑變動(dòng)

這個(gè)做動(dòng)畫除了展示放大之外，還能夠模擬數(shù)字跳動(dòng)。

可以用來(lái)展示用戶數(shù)據(jù)：

用來(lái)展示公司的某項(xiàng)業(yè)務(wù)占比數(shù)據(jù)：

大家可能會(huì)比較懵，這個(gè)也能做出來(lái)？

其實(shí)吧，他就是另外一種放大鏡而已。

輸入豎排的數(shù)字，將數(shù)字轉(zhuǎn)換成圖片，然后進(jìn)行裁剪。

遮罩動(dòng)畫

首先來(lái)看看什么事遮罩動(dòng)畫，到底長(zhǎng)什么樣子：

TED 演講的開(kāi)頭動(dòng)畫

有沒(méi)有很酷炫？

這個(gè)動(dòng)畫似乎只有專業(yè)的視頻剪輯師才能剪出來(lái)。今天我們就在 PPT 上來(lái)實(shí)現(xiàn)它。

視頻 鏤空的形狀！

下面具體來(lái)操作。

第一步、插入一個(gè)和PPT畫布大小相同的形狀，使用布爾運(yùn)算與標(biāo)題文字進(jìn)行剪除，做出一個(gè)鏤空的形狀。

第二步、插入找好的視頻素材，將視頻置于下層。

接下來(lái)就可以自己點(diǎn)擊播放，看效果了。

同樣的道理，在什么情況下，會(huì)用到遮罩動(dòng)畫呢？

第一個(gè)作用，豐富文字效果

把找好的視頻或者 GIF 置于文字下方，豐富頁(yè)面的視覺(jué)：

或者是這樣：

第二個(gè)作用，頁(yè)面聚焦

利用鏤空形狀弱化，或者遮擋其他不重要的信息，從而聚焦頁(yè)面中的重點(diǎn)。

舉個(gè)例子:

第三個(gè)作用，增添圖表的趣味性

下面的例子比較直觀的說(shuō)明了，一個(gè)無(wú)趣的數(shù)字，是怎么樣變得生動(dòng)起來(lái)的：

好了，這篇文章就這么多！這兩個(gè)酷炫的動(dòng)畫，你學(xué)會(huì)了嗎？