遮罩動(dòng)畫(huà)-讓PPT動(dòng)畫(huà)更具個(gè)性

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

遮罩的技巧，本也沒(méi)什么過(guò)多可以講的。寫(xiě)本文，是出于下面幾個(gè)目的：

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

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

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

案例制作

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

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

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

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

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

這段話(huà)是不是很熟悉啊，在前面看到過(guò)啊，對(duì)，沒(méi)錯(cuò)。在前面介紹遮罩在Flash動(dòng)畫(huà)、AE中的主要的兩種用途，提到過(guò)。所以許多東西在原理和思路上是相通的。

下面就開(kāi)始分步驟來(lái)講解這個(gè)案例的制作！

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

注：1、是三個(gè)矩形，不是線條。

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

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

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

做出來(lái)的這個(gè)鏤空的遮罩，是什么樣子的呢？下面錄制個(gè)GIF給大家先看下，看完后，大家是否就會(huì)想起我們?cè)撊绾翁砑觿?dòng)畫(huà)了呢？

下面我們回到添加動(dòng)畫(huà)的步驟上。

第四步：插入一個(gè)矩形，填充顏色，為矩形添加一個(gè)路徑向上的動(dòng)畫(huà)。如下圖所示。

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

下面看下效果！

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

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

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

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

下面就和大家分享幾個(gè)使用了遮罩技巧的動(dòng)畫(huà)效果，為大家之后的制作，提供一些思路。

---

案例分享

分享案例一

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

這個(gè)動(dòng)畫(huà)效果的制作，和剛才的類(lèi)似，也是一個(gè)鏤空的窗口在上面，最底層是一個(gè)美女的向上的路徑動(dòng)畫(huà)。

分享案例二

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

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

不急，很簡(jiǎn)單。遮罩，顧名思義，一般來(lái)說(shuō)是用來(lái)遮住某些元素的一部分，但是這個(gè)反向的使用，就是用遮罩來(lái)顯示元素的部分。

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

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

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

分享案例三

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

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

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

看下面的示意圖！

以上就是本期的全部?jī)?nèi)容了。

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

感謝您的閱讀，本期完！

 

延伸閱讀：“遮罩+動(dòng)畫(huà)”讓你的幻燈片更出彩！