一、PPT細(xì)節(jié)——陰影

在PPT設(shè)計(jì)中，有一個(gè)很細(xì)節(jié)的點(diǎn)，幾乎很多人都會(huì)犯這個(gè)錯(cuò)誤，那就是陰影的使用。
為什么這么說(shuō)呢？咱們來(lái)看一些錯(cuò)誤的頁(yè)面：

你是否也會(huì)像上面案例中那樣，去給元素添加陰影呢？我相信，這應(yīng)該是大多數(shù)人添加陰影的方式。
而這么做，所帶來(lái)的一個(gè)直接問(wèn)題，就是會(huì)讓頁(yè)面顯得很臟，而且陰影的效果，看起來(lái)也會(huì)非常生硬。

那么，該如何才能調(diào)整出比較自然柔滑的陰影呢？有這么3個(gè)點(diǎn)，大家可以注意一下。

• 調(diào)節(jié)陰影的模糊度，是為了讓陰影變得更加柔和。
• 調(diào)節(jié)陰影的大小，決定了陰影面積的大小。
• 調(diào)節(jié)陰影的距離，決定了陰影的位置。

為了讓各位更容易理解，我做了幾個(gè)動(dòng)圖，咱們來(lái)看下。

首先是陰影的距離，從0磅到60磅的位置變化：

其次是陰影的模糊，數(shù)值越大，模糊度越高：

最后是陰影的大小，同樣也是數(shù)值越大，陰影面積越大：

接下來(lái)，咱們通過(guò)一個(gè)實(shí)際的例子來(lái)處理一下，比如就拿這個(gè)頁(yè)面中色塊的陰影來(lái)說(shuō)：

那么，如何把它的陰影調(diào)整的更自然呢？

我們以陰影方向朝下來(lái)說(shuō)，可以通過(guò)調(diào)整大小，距離和模糊來(lái)完成，參數(shù)如下：

在這里呢，還有一個(gè)點(diǎn)想要提醒下各位。
如果頁(yè)面上的色塊為彩色，那么，我們盡量也選擇彩色作為陰影色，只是陰影的色彩，比色塊色值更深一些即可：

好了，掌握了以上的幾個(gè)點(diǎn)，我相信，你也能做出非常自然流暢的陰影效果。

二、陰影的運(yùn)用場(chǎng)景

當(dāng)我們解決了陰影的使用問(wèn)題之后，接下來(lái)，還有另一個(gè)問(wèn)題，那就是在PPT設(shè)計(jì)中，什么時(shí)候會(huì)用到陰影呢？
同樣有3個(gè)場(chǎng)景：

• 卡片陰影，讓頁(yè)面排版更有層次感
• 圖片陰影，增強(qiáng)物理世界的真實(shí)感
• 文字陰影，避免底層元素的干擾

啥意思呢？咱們挨個(gè)來(lái)說(shuō)一下。

01卡片陰影讓頁(yè)面排版更有層次感
也就是說(shuō)，給色塊去添加陰影，它的作用呢，就是在排版時(shí)，讓頁(yè)面更有層次感。
啥意思呢？舉個(gè)例子，比如我們現(xiàn)在要制作一份企業(yè)介紹類的 PPT ，內(nèi)容如下：

通過(guò)對(duì)內(nèi)容的梳理呢，我們可以將重要的信息，分類進(jìn)行呈現(xiàn)：

接下來(lái)，基于信息的梳理，布局頁(yè)面的版式。在這里，我們借用了3個(gè)色塊：

最后，將內(nèi)容放置在頁(yè)面上即可完成排版：

同樣地，還有像這樣的排版，原理都是一樣的，我就不羅嗦了：

02圖片陰影增強(qiáng)物理世界的真實(shí)感
當(dāng)我們?cè)陧?yè)面上，添加一個(gè)圖標(biāo)或者一個(gè)圖片的時(shí)候，為了讓它顯得更有立體感，我們可以添加投影，讓立體的感覺(jué)看起來(lái)更加真實(shí)。
比如像這兩個(gè)例子，很典型：

那么，這種陰影是如何添加的呢？很簡(jiǎn)單，我們只需要把元素的陰影距離，設(shè)置為0即可。
舉個(gè)例子，比如像這個(gè)頁(yè)面，左側(cè)的設(shè)備圖片，放在頁(yè)面上，看上去會(huì)很假，為什么呢？
因?yàn)椴环险鎸?shí)物理世界的規(guī)律，缺少陰影：

所以，我們可以為它添加一個(gè)陰影效果，如右圖，是不是更加真實(shí)了呢？

然后，我們可以插入一個(gè)色塊，進(jìn)行輔助排版，從而讓頁(yè)面的視覺(jué)層次感變得更加豐富：

除此之外，再來(lái)看一個(gè)案例，比如像這個(gè)頁(yè)面，圖文內(nèi)容如下，需要我們?cè)谠O(shè)計(jì)時(shí)，凸顯前三名的區(qū)域：

那該怎么做呢？很簡(jiǎn)單，首先，我們將圖片中，前3名的區(qū)域裁剪出來(lái)，并整體進(jìn)行三維旋轉(zhuǎn)：
接下來(lái)，為上層的圖片添加陰影效果，并將底部圖片變暗，這樣一來(lái)，可以有效地凸顯圖片的重點(diǎn)：

然后，對(duì)文字信息進(jìn)行簡(jiǎn)單地排版設(shè)計(jì)，對(duì)重點(diǎn)信息進(jìn)行放大呈現(xiàn)，并添加小圖標(biāo)進(jìn)行可視化設(shè)計(jì)：

最后，完成排版布局即可：

當(dāng)然，還有很多案例中，都會(huì)用到這個(gè)技巧，比如像這些頁(yè)面：

03文字陰影避免底層元素的干擾
一般而言，如果頁(yè)面背景與文字反差較大，不建議添加文字陰影效果，因?yàn)闀?huì)導(dǎo)致文字出現(xiàn)重影。
比如說(shuō)像這兩個(gè)例子，添加陰影，反而讓頁(yè)面內(nèi)容的易讀性變得更差：

那什么時(shí)候會(huì)用到文字陰影呢？經(jīng)常用到的，其實(shí)就一個(gè)場(chǎng)景。
那就是當(dāng)我們?cè)O(shè)計(jì)的文字漸隱效果時(shí)，為了避免文字筆畫重疊，添加陰影，可以讓文字更有層疊的效果：

上面所說(shuō)的呢，就是關(guān)于陰影使用的一些方法和場(chǎng)景，非常簡(jiǎn)單，但我也自認(rèn)為，很實(shí)用，希望對(duì)你也有一定的幫助。

原標(biāo)題：大多數(shù)人都不注意的PPT細(xì)節(jié)！這才是陰影的正確打開(kāi)方式

然而其中也有很多效果保持著極高的使用頻率，例如今天的主角，陰影效果。經(jīng)常能夠在各類UI和頁(yè)面設(shè)計(jì)上看到它的身影，下面的圖片就選自蘋果官網(wǎng)。

陰影效果的優(yōu)點(diǎn)是可以增加元素間的層次感，(圖片作者Nick Babich)

這種效果在PPT中也有應(yīng)用。在三頓的修改計(jì)劃中就使用過(guò)陰影效果，營(yíng)造層次感的同時(shí)整個(gè)頁(yè)面也顯得逼格滿滿。

除此之外，陰影效果還有哪些應(yīng)用場(chǎng)景？PPT中如何制作陰影效果，這篇文章和大家做個(gè)詳細(xì)的分享。

在分享具體的應(yīng)用場(chǎng)景之前，我們有必要先了解陰影的制作原理。在PPT中添加陰影的方式有兩種。

-------------------------------------------

基本原理

一種是使用軟件自帶的陰影樣式，支持對(duì)圖片、形狀以及文字進(jìn)行一鍵添加。

第二種則是對(duì)陰影的具體數(shù)值進(jìn)行設(shè)置。右擊對(duì)象，在設(shè)置格式中就可以找到陰影的參數(shù)面板。

在參數(shù)面板中可以修改陰影顏色。除此之外主要調(diào)整的是透明度、大小、模糊度、角度和距離五個(gè)數(shù)值。

好像特別復(fù)雜，其實(shí)不難理解。三頓這里以文字陰影給各位舉一個(gè)例子，

距離調(diào)整的就是陰影效果和元素本身的位置關(guān)系，上半部分是距離為3磅，下半部分是距離為128磅。

模糊調(diào)整的是陰影效果的模糊程度，上半部分是模糊程度為4磅，下半部分是模糊程度為87磅。

透明度調(diào)整的是陰影效果的透明程度，上半部分是模糊程度為7%，下半部分是模糊程度為75%。

看到這里不知道大家有沒(méi)有明白，這五個(gè)參數(shù)其實(shí)調(diào)整的都是陰影的效果，大小調(diào)整的是陰影的大小，角度則對(duì)應(yīng)與原有文字的位置關(guān)系。

-------------------------------------------

文字陰影的應(yīng)用

通過(guò)對(duì)參數(shù)進(jìn)行調(diào)整，我們完全可以做出一些不錯(cuò)的效果。還是以文字為例，

純文字在頁(yè)面中特別單調(diào)，簡(jiǎn)單更改陰影的透明度和顏色，就能提升文字的表現(xiàn)力。

除此之外文字陰影還可以應(yīng)用在一些細(xì)節(jié)的處理上，以這個(gè)頁(yè)面為例，元素沒(méi)有添加陰影時(shí)相對(duì)扁平。

對(duì)文字添加細(xì)微的陰影后，更能突出文字的質(zhì)感。

-------------------------------------------

形狀陰影的應(yīng)用

對(duì)形狀添加陰影，同樣可以產(chǎn)生類似的效果。還是以三頓修改計(jì)劃中的頁(yè)面為例，陰影可以很好的將形狀與背景分離開(kāi)來(lái)，突出頁(yè)面整體的層次感。

陰影的效果也可以非常細(xì)微，在卡片式的設(shè)計(jì)中經(jīng)?？梢钥吹疥幱靶Ч奶砑?。

前面和各位分享的都是對(duì)文字、形狀這些元素本身添加陰影效果。除此之外陰影其實(shí)還有很多延伸的制作方法。

-------------------------------------------

借助形狀

是的，陰影還有很多復(fù)雜的制作技巧。就拿下面這張圖片來(lái)說(shuō)，單獨(dú)在圖片兩角的位置添加陰影，這種效果就無(wú)法用前面的方法進(jìn)行制作。

那這種效果是如何實(shí)現(xiàn)的呢？需要借助其他的形狀。在PPT中插入一個(gè)矩形和一個(gè)橢圓，大小及位置如下圖所示，調(diào)整好后執(zhí)行合并形狀-減除操作。

制作出這樣一個(gè)奇怪的形狀后我們需要進(jìn)行兩個(gè)操作，一是為其添加漸變效果，

二是給這個(gè)形狀增加柔滑邊緣的效果，

完成后水平翻轉(zhuǎn)，調(diào)整大小，再放到圖片底層。

不知道大家有沒(méi)有看明白這一系列的操作，其實(shí)我們?cè)谧龅木褪切陆ㄐ螤睿?strong>用它來(lái)偽造出陰影的效果。

這種添加形狀的方法有很多的變形，很多種形狀都能實(shí)現(xiàn)同一個(gè)效果，

改變形狀還可以產(chǎn)生更多的陰影樣式，

不妨發(fā)揮腦洞，自己動(dòng)手嘗試一下，像下面這樣的切割效果也可以用類似的方法制作出來(lái)。

-------------------------------------------

彌散陰影

在UI設(shè)計(jì)中，經(jīng)?？梢钥吹筋愃频膱D片，在按鈕的位置添加陰影，這種效果同樣也可以在PPT中實(shí)現(xiàn)。

首先我們需要在PPT中插入一個(gè)類似的形狀，完成后再?gòu)?fù)制一個(gè)相同的形狀出來(lái)。

對(duì)其中一個(gè)形狀添加發(fā)光效果，顏色稍淺一些，

之后適當(dāng)縮小發(fā)光形狀的大小，將其置于原形狀的下方后調(diào)整發(fā)光效果的大小即可。

非常簡(jiǎn)單，其實(shí)這樣的效果仍然是借助形狀來(lái)實(shí)現(xiàn)，而區(qū)別只是前者利用柔滑邊緣和漸變，而后者則是利用發(fā)光效果。

以上就是今天三頓想和各位分享的陰影的制作技巧，回顧一下，其實(shí)我講了兩個(gè)部分的內(nèi)容。

• 一是利用軟件自帶的陰影功能，通過(guò)數(shù)值的調(diào)整增加元素的質(zhì)感。
• 二是借助形狀，通過(guò)柔滑邊緣、發(fā)光、漸變等效果來(lái)對(duì)元素進(jìn)行美化。

除此之外，陰影效果不宜過(guò)度，如果過(guò)度添加陰影，極易破壞元素本身的美感，這個(gè)一定要注意了。

是的，方法并不難學(xué)，這些陰影效果制作完后還可以作為素材保存，下次直接使用，因此也非常建議各位自己動(dòng)手嘗試一下~