用PPT自帶的三種效果來對(duì)圖片進(jìn)行完美的光影處理

前兩天，有位讀者，拿著一張小米官網(wǎng)的頁面，問了我這樣的一個(gè)問題：

原稿的頁面呢，是這樣，不僅圖片排版的形式，很有創(chuàng)意，而且看起來空間感很強(qiáng)，對(duì)嗎？

看到這個(gè)頁面，很多人立即想到的，可能是利用三維旋轉(zhuǎn)：
這點(diǎn)沒錯(cuò)，但如果，只是調(diào)整了圖片的三維角度，并不能讓頁面的空間感變得更強(qiáng)。
因?yàn)檫@里有一個(gè)細(xì)節(jié)，就是圖片的光影處理，這一點(diǎn)才是關(guān)鍵：

而在很多高級(jí)的 PPT 頁面，或者是產(chǎn)品宣傳海報(bào)中，光影的處理必不可少。
給各位先來看幾個(gè)，還不錯(cuò)的頁面呈現(xiàn)：

怎么樣？很贊吧？
那問題來了，這些高級(jí)感的光影效果，到底是如何完成的呢？其實(shí)在 PPT 中，我們可以利用3種方式進(jìn)行實(shí)現(xiàn)。
每一個(gè)都很簡(jiǎn)單，小白看完也能學(xué)得會(huì)，分別是：

聽起來是不是都很熟悉？因?yàn)槎际擒浖械幕A(chǔ)功能罷了。
好了，那接下來呢，咱們就挨個(gè)來說一下。

一、添加陰影效果

說的簡(jiǎn)單一點(diǎn)，就是給元素添加陰影，在 PPT 軟件中的操作呢，是這樣的：

那我們?yōu)槭裁匆o元素添加陰影呢？很簡(jiǎn)單，因?yàn)榈踩魏我粋€(gè)物體，只要有光，就會(huì)有影子：

而一個(gè)頁面上的元素，如果沒有影子，看起來就會(huì)很假。咱們來對(duì)比看一下。

看完這個(gè)，相信能理解原因了，對(duì)吧？
而且給元素添加陰影，最主要的一點(diǎn)是，可以讓頁面的空間感變得更強(qiáng)。
比如像，我在之前的文章中，分享過的這個(gè)例子，是不是很有空間立體感？

再比如像旁友圈中的一張學(xué)員作業(yè)，是不是也是一樣的效果？

同樣的，再比如像之前我做過的一張圖表頁，給折線添加了陰影后，會(huì)更有懸浮的效果：

所以，記住一個(gè)點(diǎn)，當(dāng)頁面上元素較少的時(shí)候，為了避免頁面單調(diào)空洞，可以嘗試去添加陰影，增強(qiáng)空間感。
舉個(gè)實(shí)際的例子，比如像這樣的一個(gè)頁面，主要是介紹口紅的成分：

我們可以先來確定下大致的布局形式：

因?yàn)橛覀?cè)只有一支口紅，看起來有些空洞，所以，我們?cè)購?fù)制出一支：

然后呢，給口紅添加陰影效果：

這里，我選擇的是這個(gè)陰影樣式：

接下來，我們需要去設(shè)計(jì)頁面的背景。在這里，分享一個(gè)方法，我們可以從產(chǎn)品中提取顏色，用在背景中：

我選擇的顏色，是黃色，放在頁面中做漸變背景：

最后呢，簡(jiǎn)單地對(duì)左側(cè)信息進(jìn)行拆分，凸顯數(shù)字重點(diǎn)，完成排版即可：

二、添加映像效果

這也是 PPT 軟件中的一個(gè)基礎(chǔ)功能，說白了就是給元素添加一個(gè)倒影：

添加映像效果的方法呢，也很簡(jiǎn)單：

在進(jìn)行圖片排版的時(shí)候，這個(gè)功能簡(jiǎn)直是絕配。為什么這么說呢？先來看幾個(gè)優(yōu)秀的案例：

是不是很贊？
而我，更喜歡把它，與三維旋轉(zhuǎn)功能組合使用。啥意思呢？咱們看一個(gè)實(shí)際的例子。
比如像這樣的一個(gè)頁面，主要是來介紹一款 APP：

我們可以對(duì)圖片進(jìn)行三維旋轉(zhuǎn)，并且，添加映像效果，各位可以看下這個(gè)變化的過程：

這是靜態(tài)的頁面效果：

因?yàn)閳D片已經(jīng)發(fā)生了三維變化，有了一定的空間感，所以，為了能夠與圖片傾斜角度契合，可以找一張相同斜度的圖片作為背景。

我找到的是這一張：

因?yàn)樵瓐D是豎版，所以，我們只截取其中的一部分：

這種最終截取的畫面，用在背景中非常合適：

最后，我們把文字和圖片，放在頁面上即可，是不是空間感超強(qiáng)？

三、添加投影元素

這是今年比較流行的一種設(shè)計(jì)手法，它不是某個(gè)具體的功能，而是在頁面上，添加一些投影的元素。
比如像之前的一期旁友圈作業(yè)中，有這樣的一份案例：

這個(gè)頁面上的樹葉投影，就是后期添加的元素，很好的讓頁面有了一些空間感。
那這種投影元素，是在哪里找到的呢？很簡(jiǎn)單，在花瓣網(wǎng)中，搜索『投影』，會(huì)有一大堆這樣的元素：

我們可以把這些元素，疊加在一些背景圖上，形成質(zhì)感更強(qiáng)的背景：

同樣的，為了讓各位進(jìn)一步了解投影元素，咱們?cè)賮砜匆粋€(gè)例子。
比如像這個(gè)頁面，是某化妝品品牌的市場(chǎng)戰(zhàn)略分析：

內(nèi)容的話呢，很簡(jiǎn)單，我們可以先來完成頁面的布局：

這時(shí)候，頁面看起來會(huì)有一些單調(diào)，怎么辦呢？用上我們的投影元素，左上角添加一些百葉窗的光束：

效果是不是好一些呢？
另外呢？這時(shí)候要注意，頁面上的投影元素，光源是來自左上角：

所以，有一個(gè)細(xì)節(jié)是，我們可以調(diào)整圓圈的漸變色，讓圓圈的左上角偏亮一點(diǎn)，因?yàn)橛泄?，照射在圓圈上：

這時(shí)候呢，我們的頁面就已經(jīng)完成了，還可以吧？
上面所說的3種方法呢，主要目的還是為了營(yíng)造空間感，從而讓頁面更有質(zhì)感，算是 PPT 設(shè)計(jì)中的細(xì)節(jié)處理。
希望能夠?qū)Υ蠹矣兴鶐椭?/p>