如何做出一份有層次感的PPT

通常我們誇獎一個人的幻燈片做的好可能會這樣說：

你做的幻燈片畫面感很強啊，很有層次！

說到幻燈片的層次感，其實就是通過改變畫面中元素的大小和陰影形式，對顏色純度、亮度、透明度的控制，以及元素擺放的層級關係，遮罩與裁切的運用等，來分開畫面主次關係，營造畫面的層次。

那麼，上述的這些屬性我們可以隨便的調整嗎？不是的，無論是元素的調整，還是動畫的賦能，都需要我們遵循【還原現實場景屬性】的原則。

01有層次的幻燈片都會遵循現實

比如我們要對一款手機進行展示，我們拿到手機的模型，把它置於水面上的這樣一個場景。

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

這樣下來，整體畫面就會顯得渾然一體。也因為你所有的元素設定其實都是遵從【現實條件】而設定的，所以既有層次感，也很【適合】。

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

所以呢，對現實場景的認知很重要，也要規避這些問題，並通過對這些小細節的梳理為畫面點睛和賦能。

02妙用「裁切」營造層次感

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

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

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

?腦洞的構思階段。

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

?圖層的分析階段。

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

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

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

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

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

?圖層豐富細節的階段

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

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

2.花盆就留在了窗台上。

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

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

到這裡，你可能會問，平時很多圖片都是不規則的圖形，我要怎麼裁切呢？下面我們就會用到的是【遮罩】。

03妙用「遮罩」解決不規則圖像裁切

首先，我們來繪製一個不規則的圖形，然後點擊上方工具欄的「格式」，選擇圖像工具下的「使用所選圖形進行遮罩」。就可以完成圖像的遮罩了。如圖：

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

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

上圖切掉複製瑪麗的手指，把手機塞進去，就是這麼簡單。

上圖切掉瑪麗的腳和右側小烏龜的雲彩。

上圖注意手、胳膊、耳環與邊框的關係。下圖注意手和美國隊長的盾牌。

04背景的虛化處理

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

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

關於背景圖的處理我們如何不藉助ps就完成虛化的過程呢？是的，你可以使用【動畫】。製作思路：

新建一張幻燈片，點擊動畫菜單，選取模糊效果。

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

你可以適當的將背景圖降低一點亮度或者透明度，能夠讓主體顯示的手機畫面更加被強化，恰恰也說明「圖層」與「圖層」之間的相互關係其實值得我們深入研究，這需要時間慢慢提升，別急。

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

當我們清楚了分層的概念後，其實我們可以把這種方法用在很多的地方，比如圖標的製作上面，如圖：

那麼現在，我們換一種製作的方式，在2d畫面玩3d的感覺。如圖：

其實這種效果在ppt或者keynote裡面製作起來也是比較好做的，最重要的分清楚圖層的前後關係。下面來說一下製作的方法：

?首先我們來思考一下

這種帶來軸測圖感覺的畫面是如何製作出來的？我們要藉助一個圖形。對，就是6變形，創建一個六邊形。然後通過波爾運算，剪出我們需要的「單元格立方體」。

?然後繪製其他面並複製

值得我們注意的是，一定要按照物體從後往前的複製圖層，因為你每複製一次，其實就是在頂部加了一個圖層，一定要注意手勢。如圖：

?最後發揮我們的腦洞，構思我們的創意。

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

也可以製作一個酷炫的圖表出來。

還可以再高級一點，做一個傾斜的文字。當然了，最最重要的，還是需要發揮你自己的豐富創意。

06不同格式出現不同的畫面刺激

其實在製作幻燈片的時候，前後圖層的顏色純度，透明度都會有不同的變化，比如前面的圖層顏色會純一點，後面的會暗一點，稍微降低一點透明度，元素就不會很搶眼了，就像我們看見的下圖：

而很多時候，初學者製作的幻燈片，往往本身的認知只在對象的認識，而忽略了前後圖層之間的配合關係。這其實也是很多人都感覺「遮罩」這種技巧很難一樣。

改變對象前後關係的方式，其實還有很多，比如說：

?用陰影強化前後的關係

我們在製作一張卡片式的幻燈片的時候，會對前景的矩形添加虛化的陰影，並提高顏色的亮度來強化它。如圖：

?用裝飾線條和色彩控制前後的關係

我們在製作這張幻燈片時，會主觀的對後面出現的人物圖像做灰度處理，可以讓圖像退到後面去。而前景的主人物則色彩豐富。

?用背景漸變強化立體感

對一個產品進行展示時，因為受到光的影響，物體本身會出現從亮到暗的明度變化，我們將背景漸變做成與之相反的方向，讓物體邊緣的亮接觸到背景色的暗，再讓物體邊緣的暗接觸到背景色的亮，空間立體感會更加的被強化。

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

?用裝飾元素的前後圖層擺放強化立體感

畫面太平的時候，我們可以適當的增加細節元素，分層擺放，並對主要傳達的思想稍微有一點遮擋，會更加自然，也更加立體。

?用調整圖片的透明度和遮罩弱化元素

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

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

在適當的條件下，用從100%到0%的漸變變化，可以讓物體顯得更加立體。如圖：

好的，最後讓我們把目光回到最初的那個手機，感受一下分層的製作路徑，結束今天的文章吧。

你依舊可以通過在後台回復分層 ，獲取本篇文章的Keynote源文件。

推 薦 閱 讀

國外最新300套幻燈片模板送給你，夠用3年NEW

成為幻燈片高手的必要思考NEW

高逼格幻燈片的【神助攻】NEW

簡單到爆的全圖型幻燈片「遮罩+動畫」技巧

你和PPT高手之間只差了一個素材庫

翻了五年牆，就為了打開你的眼界

http://weixin.qq.com/r/szmLk7DEM_1MrfTw92yh (二維碼自動識別)