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

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

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

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

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

如↓下圖：

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

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

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

二、你的遮罩可能用錯(cuò)了

通常來(lái)說(shuō)，大部分的用戶(hù)會(huì)這樣進(jìn)行使用遮罩：

第一種方法：強(qiáng)化型遮罩

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

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

第三層：全圖型的圖片。

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

第二種方法：弱化型遮罩

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

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

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

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

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

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

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

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

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

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

1.用雙向遮罩解決圖像融合問(wèn)題。

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

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

而實(shí)際的是什么樣呢？

具體操作：

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

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

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

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

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

如↓下圖所示：

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

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

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

如↓下圖所示：

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

很多時(shí)候，畫(huà)面的留白能夠給我們?cè)鎏砗芏嗟膭?chuàng)意性，也可以引導(dǎo)觀眾的注意力。

比如下圖：

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

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

制作畫(huà)面圖形，通過(guò)qq截圖截取頁(yè)面，再用通道工具鏤空蘋(píng)果logo，然后讓圖片疊在底層。

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

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

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

很多人以為，一定要讓物體動(dòng)起來(lái)，才會(huì)有品質(zhì)感和效果，但事實(shí)上正是因?yàn)檫@種概念的存在，才會(huì)禁錮我們的思維，從第四種方法的延伸，我們對(duì)于一頁(yè)幻燈片的理解，頭部效果一定是從文字開(kāi)始的，而對(duì)文字修飾的方式有很多種，不一定非要?jiǎng)悠饋?lái)，所以也有了你們要的這個(gè)案例。利用底部的視頻疊層營(yíng)造文字的流動(dòng)感。

如圖：

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

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

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

如↓下圖所示：

圖例1

圖例2

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

7.流動(dòng)的背景給觀眾帶來(lái)極致體驗(yàn)

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

↑圖片來(lái)自努比亞發(fā)布會(huì)

簡(jiǎn)單的旋轉(zhuǎn)效果+路徑動(dòng)畫(huà)就可以完成酷炫的過(guò)程。

實(shí)際的操作過(guò)程是：

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

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

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

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

您可以使用百度云下載：

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

密碼: 6j5p

視頻↓展示如下：

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

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

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

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

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

效果圖如下：

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

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

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

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

原文件下載地址：

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

密碼:?xwm8

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

- END -

作者人生哥，來(lái)源keynote研究所。

 

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