“遮罩+動畫”讓你的幻燈片更出彩！

一份優(yōu)秀的幻燈片能夠幫助演講者和企業(yè)在演示過程中精準(zhǔn)的傳達(dá)產(chǎn)品定位、立場、心情、企業(yè)文化、甚至是擴大用戶粘性。

那么一頁幻燈片除去內(nèi)容和板式外，什么才是最重要的呢？

一定是對比，我們所做的一切關(guān)于幻燈片的修飾，都是為了強化對比，俗話理解就是：

只有做到黑白分明，才可以被肉眼感知，強化認(rèn)知。

如↓下圖：

所有的效果處理其實都是為了強化核心內(nèi)容。一張圖片要怎么處理才能強化文字內(nèi)容呢？或者說，怎么使用遮罩能讓你的ppt更酷？

針對上面的問題，今天我們就來聊聊：如何用【遮罩法】解決我們一些在幻燈片制作中遇到的問題，如何通過遮罩+簡單的動畫實現(xiàn)對演示內(nèi)容的強化。

如果你有耐心把這篇文章讀完，相信一定會對你的全圖型幻燈片技法有一個初步了解，也希望你通過這篇文章的演示，有所體悟并加以練習(xí)。

二、你的遮罩可能用錯了

通常來說，大部分的用戶會這樣進(jìn)行使用遮罩：

第一種方法：強化型遮罩

第一層：把文字內(nèi)容置于頂層。

第二層：中間放置遮罩層，或者是漸變遮罩，或者是半透明遮罩。

第三層：全圖型的圖片。

如下圖所示，就是我們按照上面的步驟創(chuàng)建的幻燈片：

第二種方法：弱化型遮罩

第一層：把文字內(nèi)容置于頂層。

第二層：中間放置圖片襯托層，控制圖片的半透明遮罩。

第三層：改變此頁面幻燈片背景的顏色，或者是漸變背景，或者是純色背景、紋理背景等。

如下圖所示，就是我們按照上面的步驟創(chuàng)建的幻燈片：

*注意：上述的兩種方式創(chuàng)建的遮罩有什么不同呢？

我們知道圖片的色彩是由具有明度、色彩飽和度和對比度三個要素構(gòu)成的。第二種方法，當(dāng)我們降低了圖片本身的透明度時，這三個要素也會隨之降低，會使得圖片發(fā)灰、發(fā)暗并且會跟隨背景顏色的傾向而變化。

而第一種遮罩方式則是在本身沒有降低圖片純度、明度、對比度的條件下，對圖片進(jìn)行的遮擋處理，所以能夠起到強化的作用。雖然上述兩種遮罩的大體效果一致，但是也是值得我們注意的地方，因為細(xì)節(jié)決定成敗。

三、遮罩+微動效構(gòu)建幻燈片品質(zhì)感

不知道在哪一天，市場的風(fēng)向變了，就連錘子的御用設(shè)計師許芩都認(rèn)同這個觀點：怎么感覺現(xiàn)在一句話幻燈片這么流行！

而對于極度追求簡約和“留白”的幻燈片而言，除去了繁瑣的修飾，特別考驗?zāi)愕氖?，如何通過其他取巧的方法對畫面進(jìn)行潤色，讓畫面不至于略顯單薄，遮罩+微動效就是最常采用的方法。我們挑選了10個具有代表性的案例，希望對你有幫助。

1.用雙向遮罩解決圖像融合問題。

基于上面的講述我們能夠得知，創(chuàng)建遮罩的基本方法就是為了加強對比。

而很多時候，我們找到的一張圖片并不能符合我們的需求，甚至是核心畫面的內(nèi)容根本不夠應(yīng)對長屏版的幻燈片，如固定比例不可以拉伸，會造成畫面失真和扭曲，怎么辦呢？就需要我們用兩張圖片的拼合補全畫面問題，并創(chuàng)建漸變遮罩的組合體，具體案例如↓下圖所示：

而實際的是什么樣呢？

具體操作：

①跟隨背景顏色，直接選用背景色作為漸變的基色。

②創(chuàng)建0%-100%-0%居中漸變色，顏色自定義或是跟隨幻燈片主基色。

*在創(chuàng)建遮罩后，也恰恰是遮罩的區(qū)域特別適合我們放置文案與圖形，既將畫面巧妙的融合，又強化了文案。

2.利用原始圖像反向復(fù)制+裁切，補全圖像

當(dāng)我們會用了雙向遮罩解決圖形融合問題后，還有另外一種可能，就是如果我們遇到一張圖片不夠長的時候怎么解決？利用圖片的鏡像原則，先復(fù)制出一張原圖，然后對圖像進(jìn)行水平方向的鏡像翻轉(zhuǎn)，然后進(jìn)行剪切，選取一個不重要的對齊點放置圖像，并對一側(cè)進(jìn)行漸變遮罩處理，而遮罩區(qū)就是易于我們放置文案的位置。

如↓下圖所示：

那么它的原始樣子是如何呢？

3.利用遮罩的停頓為畫面營造細(xì)節(jié)的品質(zhì)感

在創(chuàng)建幻燈片動畫時，可以對遮罩進(jìn)行單獨的時間延遲控制，可以增加此頁面展示過場的停頓+隨后出現(xiàn)文字，賦予場景傳達(dá)過程，留給觀眾吸收概念的時間。

如↓下圖所示：

4.用個性化的形狀遮罩為創(chuàng)作增添新意

很多時候，畫面的留白能夠給我們增添很多的創(chuàng)意性，也可以引導(dǎo)觀眾的注意力。

比如下圖：

那么如何實現(xiàn)呢？有兩種方法：

①創(chuàng)造頂部的圖像蒙版，將圖片疊在下一層。

制作畫面圖形，通過qq截圖截取頁面，再用通道工具鏤空蘋果logo，然后讓圖片疊在底層。

②創(chuàng)建形狀遮罩，復(fù)雜的形狀可進(jìn)行手工繪制。

用形狀工具繪制，然后使用格式—填充工具，填充圖片。

5.用遮罩創(chuàng)建具有流動感的動畫文字

很多人以為，一定要讓物體動起來，才會有品質(zhì)感和效果，但事實上正是因為這種概念的存在，才會禁錮我們的思維，從第四種方法的延伸，我們對于一頁幻燈片的理解，頭部效果一定是從文字開始的，而對文字修飾的方式有很多種，不一定非要動起來，所以也有了你們要的這個案例。利用底部的視頻疊層營造文字的流動感。

如圖：

制作方法：與第四個案例相同，先創(chuàng)建頂層的文字鏤空效果，然后從外部插入視頻文件，至于底層顯示，點擊格式—影片工具，調(diào)節(jié)視頻的屬性，即可完成流動文字的制作。

6.借助圖片場景傳達(dá)文案效果，“化腐朽為神奇”

很多人以為，一定要讓物體動起來，才會有品質(zhì)感和效果，但事實上所有的動畫都是圍繞演示內(nèi)容而服務(wù)，拿我們的前方，除了那些難走的路還有浩瀚的海洋這句話文案來說，我們僅僅需要的是一個路徑動畫的移動效果，即可完成一個酷炫的文案入場。

如↓下圖所示：

圖例1

圖例2

所以，當(dāng)你的整體幻燈片有了完美的配色，板式，內(nèi)容后，這些對于細(xì)節(jié)的捕捉與優(yōu)化就顯得極為重要，讓演示更有層次和空間感。

7.流動的背景給觀眾帶來極致體驗

很多人以為，遮罩就是給圖片添加不同的透明度，其實不然，在實際商業(yè)演示中，很多頭部的幻燈片暖場頁，都是由微動態(tài)的靜止頁來呈現(xiàn)。如，今年努比亞手機發(fā)布會的頭部幻燈片展示：

↑圖片來自努比亞發(fā)布會

簡單的旋轉(zhuǎn)效果+路徑動畫就可以完成酷炫的過程。

實際的操作過程是：

①先制作出靜態(tài)頁的PPT，然后添加動畫效果。

②將幻燈片導(dǎo)出為視頻文件

③重新插入頭部頁為視頻，在格式-視頻狀態(tài)欄下，設(shè)定為循環(huán)播放狀態(tài)。

另一種方式是直接將制作好的視頻文件，插入幻燈片，進(jìn)行半透明處理。設(shè)置規(guī)則同上，我們曾經(jīng)制作過一版純視頻格式的Keynote模板，如果感興趣的話，

您可以使用百度云下載：

https://pan.baidu.com/s/1sldKyrb

密碼: 6j5p

視頻↓展示如下：

再一種利用漸變遮罩處理圖片銜接不暢的畫面，然后對底部內(nèi)容進(jìn)行編輯，效果如下：

8.反向思考，借助彈幕遮罩，讓畫面變得更有活力

如果說，上面的一些遮罩方式，都難以打動你，那么你也可以嘗試制作彈幕效果的遮罩效果，也不難做，屬于一個耐心活，把你要傳達(dá)的文字主題進(jìn)行關(guān)鍵字優(yōu)化與提煉，并按照不規(guī)則方式進(jìn)行排列，整體設(shè)置移入動畫效果。具體效果如下方圖示：

9.遮罩的出現(xiàn)和消失，適時而發(fā)。

當(dāng)我們在制作圖表時，為了精準(zhǔn)傳達(dá)文字的含義，可以以文字出現(xiàn)動畫+遮罩圖片劃入的效果厚重數(shù)據(jù)表現(xiàn)。亦如得到的線下分享課，有這樣一張圖表，其實整體在動畫上的排布僅僅是對于時間的控制，難度較低，但很出效果，所以，能用適時的對遮罩的出現(xiàn)和消失控制是技巧，而腦洞大開才是你需要鍛煉的。

效果圖如下：

↑圖片來自劉潤《得到—知識大通關(guān)》，作者：劉澤濤

10.巧用圖片遮罩前后疊層，實現(xiàn)氛圍渲染。

在我們進(jìn)行演示時，很多內(nèi)容并不能用一張圖片呈現(xiàn)，而能呈現(xiàn)的又缺少氛圍，此時取巧的辦法是，將原始圖片進(jìn)行去色處理，在文字出現(xiàn)時，強化圖片色彩，提升演示品質(zhì)，具體的實操可以自行發(fā)揮，升華。

今天的內(nèi)容就是這樣咯，希望你喜歡！

原文件下載地址：

鏈接:?https://pan.baidu.com/s/1kVf0sZH

密碼:?xwm8

關(guān)于具體的動畫拆分，大家如果還有不懂的，我們下期再來一一拆解。

- END -

作者人生哥，來源keynote研究所。

 

延伸閱讀：遮罩動畫-讓PPT動畫更具個性