遮罩動畫-讓PPT動畫更具個性

上期和大家分享的《PPT動畫技巧——補(bǔ)位》，最后分享了一個用PPT模仿制作的音樂播放界面，有些小伙伴對進(jìn)速條和歌詞的路徑動畫所使用的遮罩技巧，很是好奇。所以我就在PPT動畫系列添加一期內(nèi)容，來和大家介紹PPT動畫中的遮罩的效果！

遮罩的技巧，本也沒什么過多可以講的。寫本文，是出于下面幾個目的：

1. 利用遮罩，可以做出一些什么樣的動畫效果
2. 給大家介紹下，遮罩的原理及其制作
3. 給大家在以后動畫制作中，提供一個思路

在Flash動畫、AE中，經(jīng)常使用遮罩。“遮罩”主要有2種用途，一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個作用是用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。

其實(shí)在我們PPT動畫中，遮罩的作用也是大同小異，只不過看了文字，我想大家肯定還是一頭霧水，下面，跟著期許，走進(jìn)PPT動畫中的遮罩！

案例制作

我第一次接觸遮罩，是在一年前，濤哥的微信公眾號：濤說PPT上的一篇文章《小米5發(fā)布會上，幻燈片動畫的“黑科技”》，推薦大家可以去看看，當(dāng)時(shí)看完這篇文章后，我除了感觸PPT原來也可以做這么炫的動畫，最大的興趣就是這里面的遮罩運(yùn)用，因?yàn)檫@個技巧拓寬了我以后再PPT動畫制作上面的思路。

下面就是那個讓我印象深刻的小米5發(fā)布會幻燈片動畫的“黑科技”。

注：因?yàn)闆]有找到發(fā)布會的PPT源文件，上面大家看到的效果，是我高仿的。大家就象征性的當(dāng)發(fā)布會上效果來看吧。

既然案例本身就是我用PPT高仿的，那我就不賣關(guān)子，問大家能否用PPT去實(shí)現(xiàn)了。

在這個案例中，原理就是在色塊上面摳出來一部分，然后遮擋某些元素，做出來一些特殊的效果！

這段話是不是很熟悉啊，在前面看到過啊，對，沒錯。在前面介紹遮罩在Flash動畫、AE中的主要的兩種用途，提到過。所以許多東西在原理和思路上是相通的。

下面就開始分步驟來講解這個案例的制作！

第一步：插入三個矩形，進(jìn)行聯(lián)合布爾運(yùn)算。

注：1、是三個矩形，不是線條。

2、三個矩形使用的是布爾運(yùn)算聯(lián)合，不是格式排列工具中的組合。

第二步：選中剛才聯(lián)合運(yùn)算后的形狀，復(fù)制，排列成下圖的樣子。

第三步：新建一個全屏矩形，填充黑色。（我這里用的是一張漸變的圖片背景。）先選中全屏矩形，然后再選中前面做好的形狀，進(jìn)行布爾元素的剪除，這樣我們的遮罩就完成了！

做出來的這個鏤空的遮罩，是什么樣子的呢？下面錄制個GIF給大家先看下，看完后，大家是否就會想起我們該如何添加動畫了呢？

下面我們回到添加動畫的步驟上。

第四步：插入一個矩形，填充顏色，為矩形添加一個路徑向上的動畫。如下圖所示。

第五步：將矩形置于最底層，即可。

下面看下效果！

如果想要做出這種循環(huán)的效果，需要在矩形的路徑動畫的效果選項(xiàng)中進(jìn)行重復(fù)和自動翻轉(zhuǎn)的設(shè)置即可！

這個案例的效果，我們就制作完成了。

原理：一個做上下往復(fù)運(yùn)動的矩形+一個鏤空的遮罩；矩形置于最底層。

通過這個案例的制作，我們要能理解到這種遮罩技巧的使用，從而來實(shí)現(xiàn)一些特殊的動畫效果。

下面就和大家分享幾個使用了遮罩技巧的動畫效果，為大家之后的制作，提供一些思路。

---

案例分享

分享案例一

錄制的視頻有點(diǎn)卡頓，影響大家觀看美女的效果，抱歉！

這個動畫效果的制作，和剛才的類似，也是一個鏤空的窗口在上面，最底層是一個美女的向上的路徑動畫。

分享案例二

這個案例要簡單的說下，這個案例的效果是屬于遮罩效果的反向運(yùn)用。

啥？反向運(yùn)用？你們PPTer真會玩。

不急，很簡單。遮罩，顧名思義，一般來說是用來遮住某些元素的一部分，但是這個反向的使用，就是用遮罩來顯示元素的部分。

如何實(shí)現(xiàn)的呢？

大家看到了背景色是黑色，然后我們把文字：掌上PPT的顏色也設(shè)置為黑色，文字就看不到了對吧？這時(shí)插入一個白色的圓形，并置于最底層，當(dāng)圓形向右運(yùn)動時(shí)，就可以顯示出文字的一部分了。

下面，我將文字顏色修改為紅色，大家再看一次，就明白了！

分享案例三

前面介紹的案例都是些比較有意思的動畫效果，下面分享的是一個實(shí)戰(zhàn)的PPT案例。真正把遮罩運(yùn)用到我們PPT制作中。

案例中，大家看到文字的動畫效果，是使用了自左側(cè)飛入的動畫。但是飛入的動畫效果是從PPT頁面的邊緣飛入的。

如何隱藏從邊緣飛入的那一部分的效果呢，對，就是在底層插入一個遮罩。

看下面的示意圖！

以上就是本期的全部內(nèi)容了。

和大家分享了PPT動畫技巧——遮罩的使用。希望可以給大家以后動畫的制作提供一些新的思路！

感謝您的閱讀，本期完！

 

延伸閱讀：“遮罩+動畫”讓你的幻燈片更出彩！