瞬間提升PPT設(shè)計(jì)感的方法-運(yùn)用層次

通常我們夸獎(jiǎng)一個(gè)人的幻燈片做的好可能會(huì)這樣說：你做的幻燈片畫面感很強(qiáng)啊，很有層次！

說到幻燈片的層次感，其實(shí)就是通過改變畫面中元素的大小和陰影形式，對(duì)顏色純度、亮度、透明度的控制，以及元素?cái)[放的層級(jí)關(guān)系，遮罩與裁切的運(yùn)用等，來分開畫面主次關(guān)系，營造畫面的層次。

那么，上述的這些屬性我們可以隨便的調(diào)整嗎？不是的，無論是元素的調(diào)整，還是動(dòng)畫的賦能，都需要我們遵循【還原現(xiàn)實(shí)場(chǎng)景屬性】的原則。

01有層次的幻燈片都會(huì)遵循現(xiàn)實(shí)

比如我們要對(duì)一款手機(jī)進(jìn)行展示，我們拿到手機(jī)的模型，把它置于水面上的這樣一個(gè)場(chǎng)景。

為了突出畫面的通透感，我們會(huì)先對(duì)手機(jī)屏幕做透視處理，截取被手機(jī)遮擋住的背景圖片，然后再打開手機(jī)的倒影，讓水面可以反射出手機(jī)的影子，再增加一個(gè)水面的波紋，最后，在合適的位置添加文案。

這樣下來，整體畫面就會(huì)顯得渾然一體。也因?yàn)槟闼械脑卦O(shè)定其實(shí)都是遵從【現(xiàn)實(shí)條件】而設(shè)定的，所以既有層次感，也很【適合】。

但如果是同樣的方法，把手機(jī)放在了草地上，或者是土地上，你再在打開手機(jī)的倒影，這種操作就顯得有些的尷尬了，草地怎么會(huì)反射手機(jī)的影子呢？這種很明顯的錯(cuò)誤會(huì)被人一眼看穿的。但往往就是這種疏忽被我們所忽略。如圖：

所以呢，對(duì)現(xiàn)實(shí)場(chǎng)景的認(rèn)知很重要，也要規(guī)避這些問題，并通過對(duì)這些小細(xì)節(jié)的梳理為畫面點(diǎn)睛和賦能。

02妙用“裁切”營造層次感

我在這里制作了一張幻燈片，向你說明巧用「裁切」能夠讓畫面更加立體。如圖：

?首先搜集素材，選圖很重要。

我們使用透明PNG的素材下載網(wǎng)站https://www.freepngs.com/，找到一些超級(jí)瑪麗的高清圖，和一些手機(jī)的照片。

?腦洞的構(gòu)思階段。

我們想用平面的方式，讓畫面看起來更有立體感。所以第一張圖，我們想營造出一種讓瑪麗兄弟穿透畫面跳出來的感覺。所以我們選擇了這樣的構(gòu)圖方式。

?圖層的分析階段。

用戶最終感知的其實(shí)就是一張圖片而已，但是把瑪麗這樣放到畫面上，其實(shí)畫面平，就需要我們主觀的進(jìn)行分層處理，如圖：

我們利用剪切工具，剪掉不需要用到的圖層部分，瑪麗兄弟就可以跳出畫面了，得到下圖：

但這還是不夠的，為了保證畫面的通透感，最終我們選擇了較粗的線框作為主視覺區(qū)間，并增加了文案。

怎么做到的呢？其實(shí)除了必要的剪切以外，我們還要有分層的概念。如圖：

綠色遮擋藍(lán)色，藍(lán)色遮擋紅色，所以綠色在最頂部的圖層，藍(lán)色置中，紅色是被遮擋物體，在最底部的圖層。

?圖層豐富細(xì)節(jié)的階段

完成了所有的剪切過程后，我們來為畫面添加配景元素，和底部背景的紋理材質(zhì)。

1.邊框我們留出了「出血」，將小瑪麗放在上面，營造出趴在窗戶上的感覺。

2.花盆就留在了窗臺(tái)上。

3.底部用矩形拉出了一些線條，填充黑色——透明度20%左右。

這樣我們就完成了一張幻燈片。如圖：

到這里，你可能會(huì)問，平時(shí)很多圖片都是不規(guī)則的圖形，我要怎么裁切呢？下面我們就會(huì)用到的是【遮罩】。

03妙用“遮罩”解決不規(guī)則圖像裁切

首先，我們來繪制一個(gè)不規(guī)則的圖形，然后點(diǎn)擊上方工具欄的「格式」，選擇圖像工具下的「使用所選圖形進(jìn)行遮罩」。就可以完成圖像的遮罩了。如圖：

你可以使用此方法，完成一些圖像的遮罩處理。增加畫面的空間感。我們用上面講到的方法延展又制作了幾張幻燈片供你參考，如圖：

切掉瑪麗兄弟的身子，營造一種他飛出手機(jī)的感覺，而你要做的是賦予畫面的視覺化。

上圖切掉復(fù)制瑪麗的手指，把手機(jī)塞進(jìn)去，就是這么簡(jiǎn)單。

上圖切掉瑪麗的腳和右側(cè)小烏龜?shù)脑撇省?/p>

上圖注意手、胳膊、耳環(huán)與邊框的關(guān)系。下圖注意手和美國隊(duì)長的盾牌。

04背景的虛化處理

我們都知道，在keynote里面要想制作背景虛化的感覺，其實(shí)是沒有這個(gè)操作的。但是如何通過取巧的方式完成圖片的虛化呢？我們先來看一張圖，依舊是第一張手機(jī)的展示。

我們想表現(xiàn)的是，拍照更清晰，所以我們先用【裁切工具】，切出需要保留實(shí)體的手機(jī)中的圖片部分。

關(guān)于背景圖的處理我們?nèi)绾尾唤柚鷓s就完成虛化的過程呢？是的，你可以使用【動(dòng)畫】。制作思路：

新建一張幻燈片，點(diǎn)擊動(dòng)畫菜單，選取模糊效果。

我們可以把時(shí)間放的長一點(diǎn)，這樣比較適合我們截圖。我就可以得到一張被虛化過的背景圖了。

你可以適當(dāng)?shù)膶⒈尘皥D降低一點(diǎn)亮度或者透明度，能夠讓主體顯示的手機(jī)畫面更加被強(qiáng)化，恰恰也說明「圖層」與「圖層」之間的相互關(guān)系其實(shí)值得我們深入研究，這需要時(shí)間慢慢提升，別急。

05如何在ppt里營造3d空間感

當(dāng)我們清楚了分層的概念后，其實(shí)我們可以把這種方法用在很多的地方，比如圖標(biāo)的制作上面，如圖：

那么現(xiàn)在，我們換一種制作的方式，在2d畫面玩3d的感覺。如圖：

其實(shí)這種效果在ppt或者keynote里面制作起來也是比較好做的，最重要的分清楚圖層的前后關(guān)系。下面來說一下制作的方法：

?首先我們來思考一下

這種帶來軸測(cè)圖感覺的畫面是如何制作出來的？我們要借助一個(gè)圖形。對(duì)，就是6變形，創(chuàng)建一個(gè)六邊形。然后通過波爾運(yùn)算，剪出我們需要的「單元格立方體」。

?然后繪制其他面并復(fù)制

值得我們注意的是，一定要按照物體從后往前的復(fù)制圖層，因?yàn)槟忝繌?fù)制一次，其實(shí)就是在頂部加了一個(gè)圖層，一定要注意手勢(shì)。如圖：

?最后發(fā)揮我們的腦洞，構(gòu)思我們的創(chuàng)意。

我們可以使用這個(gè)方法，完成這樣一張幻燈片。如圖：

也可以制作一個(gè)酷炫的圖表出來。

還可以再高級(jí)一點(diǎn)，做一個(gè)傾斜的文字。當(dāng)然了，最最重要的，還是需要發(fā)揮你自己的豐富創(chuàng)意。

06不同格式出現(xiàn)不同的畫面刺激

其實(shí)在制作幻燈片的時(shí)候，前后圖層的顏色純度，透明度都會(huì)有不同的變化，比如前面的圖層顏色會(huì)純一點(diǎn)，后面的會(huì)暗一點(diǎn)，稍微降低一點(diǎn)透明度，元素就不會(huì)很搶眼了，就像我們看見的下圖：

而很多時(shí)候，初學(xué)者制作的幻燈片，往往本身的認(rèn)知只在對(duì)象的認(rèn)識(shí)，而忽略了前后圖層之間的配合關(guān)系。這其實(shí)也是很多人都感覺「遮罩」這種技巧很難一樣。

改變對(duì)象前后關(guān)系的方式，其實(shí)還有很多，比如說：

?用陰影強(qiáng)化前后的關(guān)系

我們?cè)谥谱饕粡埧ㄆ降幕脽羝臅r(shí)候，會(huì)對(duì)前景的矩形添加虛化的陰影，并提高顏色的亮度來強(qiáng)化它。如圖：

?用裝飾線條和色彩控制前后的關(guān)系

我們?cè)谥谱鬟@張幻燈片時(shí)，會(huì)主觀的對(duì)后面出現(xiàn)的人物圖像做灰度處理，可以讓圖像退到后面去。而前景的主人物則色彩豐富。

?用背景漸變強(qiáng)化立體感

對(duì)一個(gè)產(chǎn)品進(jìn)行展示時(shí)，因?yàn)槭艿焦獾挠绊懀矬w本身會(huì)出現(xiàn)從亮到暗的明度變化，我們將背景漸變做成與之相反的方向，讓物體邊緣的亮接觸到背景色的暗，再讓物體邊緣的暗接觸到背景色的亮，空間立體感會(huì)更加的被強(qiáng)化。

換個(gè)形式，中間切一刀，再來一次背景漸變。

?用裝飾元素的前后圖層擺放強(qiáng)化立體感

畫面太平的時(shí)候，我們可以適當(dāng)?shù)脑黾蛹?xì)節(jié)元素，分層擺放，并對(duì)主要傳達(dá)的思想稍微有一點(diǎn)遮擋，會(huì)更加自然，也更加立體。

?用調(diào)整圖片的透明度和遮罩弱化元素

思考幻燈片展示的主要內(nèi)容是我們的核心能力，有的畫面一句話一張圖就能搞定了，而面對(duì)豐富的圖像堆疊時(shí)，仍然要把視線集中在產(chǎn)品身上，降低圖片的透明度和添加黑色的遮罩尤為重要，能讓這些輔助的元素退到后面。

?用漸變的方式為元素增加立體感

在適當(dāng)?shù)臈l件下，用從100%到0%的漸變變化，可以讓物體顯得更加立體。如圖：

好的，最后讓我們把目光回到最初的那個(gè)手機(jī)，感受一下分層的制作路徑，結(jié)束今天的文章吧。

想獲得本文案例的keynote源文件嗎？回復(fù)本文，將下正下方顯示下載地址哦！

溫馨提示:資源內(nèi)容需要評(píng)論本文后，并刷新頁面才會(huì)顯示看哦。
如果評(píng)論刷新后依然沒有看到，您可能賬號(hào)還沒綁定郵箱導(dǎo)致，綁定一下郵箱再試。

本文來源：https://zhuanlan.zhihu.com/p/30364586