在公司匯報(bào)中，如果你能夠用好的 PPT 動(dòng)畫，那絕對會(huì)是最亮眼的存在！而且好的 PPT 動(dòng)畫，不僅視覺效果震撼，而且還能夠輔助演講。
舉幾個(gè)優(yōu)秀的 PPT 動(dòng)畫案例：
是不是很贊？相信你看完上面這些案例，也一定想要在自己的 PPT 中用好動(dòng)畫！
所以，這篇給文章，就跟各位分享兩個(gè)視覺效果酷炫，但操作簡單，而且非常實(shí)用的 PPT 動(dòng)畫效果。
平滑裁剪
第一次看到這個(gè)動(dòng)畫，是在錘子 T2 手機(jī)發(fā)布會(huì)上，老羅在講到工業(yè)設(shè)計(jì)時(shí)，放大手機(jī)底部細(xì)節(jié)的效果真的震撼到我了！
這個(gè)動(dòng)畫看似很難，但其實(shí)只要借助平滑和裁剪這兩個(gè)基礎(chǔ)功能就能輕松搞定！
以下面這個(gè)動(dòng)畫為例，跟各位講一下具體的制作步驟！
1.首先，咱們需要準(zhǔn)備素材：放大鏡、iPad、放大了的 iPad
2.擺放素材位置，將放大了的 iPad 覆蓋在 iPad 的上方
3.將放大了的 iPad 裁剪為圓形，并與放大鏡重合
4.復(fù)制一頁，并按照上面的方法，把第二頁做成這樣
5.最后為第二頁添加平滑切換效果即可
到這里，一個(gè)發(fā)布會(huì)級的動(dòng)畫效果就完成了，你學(xué)會(huì)了么？
當(dāng)然，只會(huì)制作動(dòng)畫效果，是不遠(yuǎn)遠(yuǎn)不夠的，咱們還需要了解這個(gè)動(dòng)畫具體有什么用。
我總結(jié)了兩種常見的應(yīng)用場景！
- 展示頁面細(xì)節(jié)，突出重點(diǎn)內(nèi)容
- 數(shù)值平滑變動(dòng)
先來說第一個(gè)作用！
展示頁面細(xì)節(jié)，突出重點(diǎn)內(nèi)容
借助放大鏡素材，可以使頁面呈現(xiàn)出局部放大的效果，進(jìn)而突出頁面的重點(diǎn)內(nèi)容！
比如展現(xiàn)手機(jī)截圖的重點(diǎn)信息：
突出截圖中的優(yōu)惠信息
或者用展現(xiàn)產(chǎn)品細(xì)節(jié)
都是完全可以的。
數(shù)值平滑變動(dòng)
當(dāng)然，除了能夠展示細(xì)節(jié)，突出重點(diǎn)內(nèi)容。使用平滑裁剪，還能夠模擬不同數(shù)值之間的平滑變動(dòng)！
比如用來展現(xiàn)用戶的數(shù)量：
或者用來體現(xiàn)公司業(yè)務(wù)占比的變化：
可能有朋友會(huì)疑問，數(shù)值變化的的效果該怎么做？
其實(shí)原理和之前的放大鏡動(dòng)畫的一樣，輸入豎排的數(shù)字，再數(shù)字轉(zhuǎn)換為圖片，然后進(jìn)行裁剪即可。
遮罩動(dòng)畫
什么是遮罩動(dòng)畫？咱們先來看一個(gè)非常經(jīng)典的案例：
TED 演講的開頭動(dòng)畫
很酷炫，對嗎？
這種動(dòng)畫效果看起來似乎很難，但制作起來卻十分的簡單。它其實(shí)就是在視頻上方添加一個(gè)鏤空的形狀！
這里說一下具體的制作方法，很簡單，只需兩步：
1.插入與畫布同等大小的形狀，利用布爾運(yùn)算與標(biāo)題文案剪除，做出鏤空效果。
2.插入視頻，并將視頻置于鏤空形狀下方即可。
最后咱們看一下效果。
還不錯(cuò)，對吧？
那遮罩動(dòng)畫有什么應(yīng)用場景呢？
豐富文字效果
將視頻或者 GIF 動(dòng)圖置于文字下方，讓頁面的視覺效果更加豐富。
就像這樣：
或者是這樣：
聚焦頁面重點(diǎn)
利用鏤空形狀弱化，或者遮擋其他不重要的信息，從而聚焦頁面中的重點(diǎn)。
舉個(gè)例子:
增添圖表的趣味性
將波浪置于鏤空形狀下方，并為波浪形狀添加一個(gè)從左向右的路徑動(dòng)畫。從而模擬水在不斷浮動(dòng)上漲的效果。讓原本乏味的圖表，變得更加有趣！
同樣的，咱們來看一個(gè)案例：
好了，這篇文章就這么多！這兩個(gè)酷炫的動(dòng)畫，你學(xué)會(huì)了嗎？
本文內(nèi)容為PPT進(jìn)化論原創(chuàng)出品
原標(biāo)題：驚艷全場，分享兩個(gè)超酷的PPT動(dòng)畫效果
之前看到旁門左道PPT寫的一篇文章：
別不信，只需更換一個(gè)形狀，你的PPT可能就會(huì)大不一樣
看完之后很受啟發(fā)，很多時(shí)候，我們只需要轉(zhuǎn)變一下思路，將文字或圖表底部的形狀換一個(gè)形式，就會(huì)達(dá)到意想不到的效果。
這個(gè)方法在制作科技風(fēng)幻燈片時(shí)，非常的好用。
比如下面這一個(gè)頁面，使用三個(gè)圓來作為文字襯底，表現(xiàn)數(shù)字平臺后期服務(wù)的三個(gè)方面，頁面整體看起來還算可以，但問題就在于缺乏科技感。
我們把這些普通的圓形換成創(chuàng)意圖形。頁面的科技感是不是提升了很多？
咱們再來看一個(gè)案例，這一頁也是使用普通的圓形作為內(nèi)容襯底。
為了讓頁面看起來更具科技感，我們只需要將形狀替換為創(chuàng)意圖形即可。
當(dāng)然，這些創(chuàng)意圖形除了能夠作為內(nèi)容襯底，還可以用來展現(xiàn)一定的邏輯關(guān)系。
比如用來表現(xiàn)合作：
或者是表達(dá)某項(xiàng)事物的兩個(gè)層面：
都可以很好的提升頁面科技感。
那么，問題來了，這些創(chuàng)意圖形如何繪制呢？其實(shí)很簡單，它無非是由一些漸變形狀或者一些漸變線框組成：
制作起來并沒有太大的難度。
可能會(huì)有朋友會(huì)疑惑形狀內(nèi)部的發(fā)光效果是如何制作的。
這里呢，說一下我的做法。
１.設(shè)置形狀幻燈片背景填充
２.給形狀添加陰影
３.陰影預(yù)設(shè)改為內(nèi)部－中
４.最后適當(dāng)?shù)恼{(diào)整模糊、透明度、距離參數(shù)即可
為了方便你的理解，我還特意錄了動(dòng)圖：
這里還有一點(diǎn)值得你注意。就是我們把繪制好的圖形放入到頁面中，可能會(huì)出現(xiàn)這樣的情況：
這是因?yàn)閳D形中的某些形狀設(shè)置了幻燈片背景填充，而當(dāng)前的頁面背景為純白色。
這個(gè)時(shí)候我們只要將背景所有元素組合，右鍵剪切為圖片，再把頁面背景設(shè)置為圖片填充即可：
最后，我會(huì)把我平時(shí)積累一些創(chuàng)意圖形分享給你，回復(fù)即可獲取，你可以直接套用。
本文作者：宋雪賢
]]>