一、PPT細節(jié)——陰影
在PPT設(shè)計中，有一個很細節(jié)的點，幾乎很多人都會犯這個錯誤，那就是陰影的使用。
為什么這么說呢？咱們來看一些錯誤的頁面：
你是否也會像上面案例中那樣，去給元素添加陰影呢？我相信，這應(yīng)該是大多數(shù)人添加陰影的方式。
而這么做，所帶來的一個直接問題，就是會讓頁面顯得很臟，而且陰影的效果，看起來也會非常生硬。
那么，該如何才能調(diào)整出比較自然柔滑的陰影呢？有這么3個點，大家可以注意一下。
- 調(diào)節(jié)陰影的模糊度，是為了讓陰影變得更加柔和。
- 調(diào)節(jié)陰影的大小，決定了陰影面積的大小。
- 調(diào)節(jié)陰影的距離，決定了陰影的位置。
為了讓各位更容易理解，我做了幾個動圖，咱們來看下。
首先是陰影的距離，從0磅到60磅的位置變化：
其次是陰影的模糊，數(shù)值越大，模糊度越高：
最后是陰影的大小，同樣也是數(shù)值越大，陰影面積越大：
接下來，咱們通過一個實際的例子來處理一下，比如就拿這個頁面中色塊的陰影來說：
那么，如何把它的陰影調(diào)整的更自然呢？
我們以陰影方向朝下來說，可以通過調(diào)整大小，距離和模糊來完成，參數(shù)如下：
在這里呢，還有一個點想要提醒下各位。
如果頁面上的色塊為彩色，那么，我們盡量也選擇彩色作為陰影色，只是陰影的色彩，比色塊色值更深一些即可：
好了，掌握了以上的幾個點，我相信，你也能做出非常自然流暢的陰影效果。
二、陰影的運用場景
當我們解決了陰影的使用問題之后，接下來，還有另一個問題，那就是在PPT設(shè)計中，什么時候會用到陰影呢？
同樣有3個場景：
- 卡片陰影，讓頁面排版更有層次感
- 圖片陰影，增強物理世界的真實感
- 文字陰影，避免底層元素的干擾
啥意思呢？咱們挨個來說一下。
01卡片陰影讓頁面排版更有層次感
也就是說，給色塊去添加陰影，它的作用呢，就是在排版時，讓頁面更有層次感。
啥意思呢？舉個例子，比如我們現(xiàn)在要制作一份企業(yè)介紹類的 PPT ，內(nèi)容如下：
通過對內(nèi)容的梳理呢，我們可以將重要的信息，分類進行呈現(xiàn)：
接下來，基于信息的梳理，布局頁面的版式。在這里，我們借用了3個色塊：
最后，將內(nèi)容放置在頁面上即可完成排版：
同樣地，還有像這樣的排版，原理都是一樣的，我就不羅嗦了：
02圖片陰影增強物理世界的真實感
當我們在頁面上，添加一個圖標或者一個圖片的時候，為了讓它顯得更有立體感，我們可以添加投影，讓立體的感覺看起來更加真實。
比如像這兩個例子，很典型：
那么，這種陰影是如何添加的呢？很簡單，我們只需要把元素的陰影距離，設(shè)置為0即可。
舉個例子，比如像這個頁面，左側(cè)的設(shè)備圖片，放在頁面上，看上去會很假，為什么呢？
因為不符合真實物理世界的規(guī)律，缺少陰影：
所以，我們可以為它添加一個陰影效果，如右圖，是不是更加真實了呢？
然后，我們可以插入一個色塊，進行輔助排版，從而讓頁面的視覺層次感變得更加豐富：
除此之外，再來看一個案例，比如像這個頁面，圖文內(nèi)容如下，需要我們在設(shè)計時，凸顯前三名的區(qū)域：
那該怎么做呢？很簡單，首先，我們將圖片中，前3名的區(qū)域裁剪出來，并整體進行三維旋轉(zhuǎn)：
接下來，為上層的圖片添加陰影效果，并將底部圖片變暗，這樣一來，可以有效地凸顯圖片的重點：
然后，對文字信息進行簡單地排版設(shè)計，對重點信息進行放大呈現(xiàn)，并添加小圖標進行可視化設(shè)計：
最后，完成排版布局即可：
當然，還有很多案例中，都會用到這個技巧，比如像這些頁面：
03文字陰影避免底層元素的干擾
一般而言，如果頁面背景與文字反差較大，不建議添加文字陰影效果，因為會導(dǎo)致文字出現(xiàn)重影。
比如說像這兩個例子，添加陰影，反而讓頁面內(nèi)容的易讀性變得更差：
那什么時候會用到文字陰影呢？經(jīng)常用到的，其實就一個場景。
那就是當我們設(shè)計的文字漸隱效果時，為了避免文字筆畫重疊，添加陰影，可以讓文字更有層疊的效果：
上面所說的呢，就是關(guān)于陰影使用的一些方法和場景，非常簡單，但我也自認為，很實用，希望對你也有一定的幫助。
原標題：大多數(shù)人都不注意的PPT細節(jié)！這才是陰影的正確打開方式
]]>然而其中也有很多效果保持著極高的使用頻率，例如今天的主角，陰影效果。經(jīng)常能夠在各類UI和頁面設(shè)計上看到它的身影，下面的圖片就選自蘋果官網(wǎng)。
陰影效果的優(yōu)點是可以增加元素間的層次感，(圖片作者Nick Babich)
這種效果在PPT中也有應(yīng)用。在三頓的修改計劃中就使用過陰影效果，營造層次感的同時整個頁面也顯得逼格滿滿。
除此之外，陰影效果還有哪些應(yīng)用場景？PPT中如何制作陰影效果，這篇文章和大家做個詳細的分享。
在分享具體的應(yīng)用場景之前，我們有必要先了解陰影的制作原理。在PPT中添加陰影的方式有兩種。
-------------------------------------------
基本原理
一種是使用軟件自帶的陰影樣式，支持對圖片、形狀以及文字進行一鍵添加。
第二種則是對陰影的具體數(shù)值進行設(shè)置。右擊對象，在設(shè)置格式中就可以找到陰影的參數(shù)面板。
在參數(shù)面板中可以修改陰影顏色。除此之外主要調(diào)整的是透明度、大小、模糊度、角度和距離五個數(shù)值。
好像特別復(fù)雜，其實不難理解。三頓這里以文字陰影給各位舉一個例子，
距離調(diào)整的就是陰影效果和元素本身的位置關(guān)系，上半部分是距離為3磅，下半部分是距離為128磅。
模糊調(diào)整的是陰影效果的模糊程度，上半部分是模糊程度為4磅，下半部分是模糊程度為87磅。
透明度調(diào)整的是陰影效果的透明程度，上半部分是模糊程度為7%，下半部分是模糊程度為75%。
看到這里不知道大家有沒有明白，這五個參數(shù)其實調(diào)整的都是陰影的效果，大小調(diào)整的是陰影的大小，角度則對應(yīng)與原有文字的位置關(guān)系。
-------------------------------------------
文字陰影的應(yīng)用
通過對參數(shù)進行調(diào)整，我們完全可以做出一些不錯的效果。還是以文字為例，
純文字在頁面中特別單調(diào)，簡單更改陰影的透明度和顏色，就能提升文字的表現(xiàn)力。
除此之外文字陰影還可以應(yīng)用在一些細節(jié)的處理上，以這個頁面為例，元素沒有添加陰影時相對扁平。
對文字添加細微的陰影后，更能突出文字的質(zhì)感。
-------------------------------------------
形狀陰影的應(yīng)用
對形狀添加陰影，同樣可以產(chǎn)生類似的效果。還是以三頓修改計劃中的頁面為例，陰影可以很好的將形狀與背景分離開來，突出頁面整體的層次感。
陰影的效果也可以非常細微，在卡片式的設(shè)計中經(jīng)?？梢钥吹疥幱靶Ч奶砑?。
前面和各位分享的都是對文字、形狀這些元素本身添加陰影效果。除此之外陰影其實還有很多延伸的制作方法。
-------------------------------------------
借助形狀
是的，陰影還有很多復(fù)雜的制作技巧。就拿下面這張圖片來說，單獨在圖片兩角的位置添加陰影，這種效果就無法用前面的方法進行制作。
那這種效果是如何實現(xiàn)的呢？需要借助其他的形狀。在PPT中插入一個矩形和一個橢圓，大小及位置如下圖所示，調(diào)整好后執(zhí)行合并形狀-減除操作。
制作出這樣一個奇怪的形狀后我們需要進行兩個操作，一是為其添加漸變效果，
二是給這個形狀增加柔滑邊緣的效果，
完成后水平翻轉(zhuǎn)，調(diào)整大小，再放到圖片底層。
不知道大家有沒有看明白這一系列的操作，其實我們在做的就是新建形狀，用它來偽造出陰影的效果。
這種添加形狀的方法有很多的變形，很多種形狀都能實現(xiàn)同一個效果，
改變形狀還可以產(chǎn)生更多的陰影樣式，
不妨發(fā)揮腦洞，自己動手嘗試一下，像下面這樣的切割效果也可以用類似的方法制作出來。
-------------------------------------------
彌散陰影
在UI設(shè)計中，經(jīng)常可以看到類似的圖片，在按鈕的位置添加陰影，這種效果同樣也可以在PPT中實現(xiàn)。
首先我們需要在PPT中插入一個類似的形狀，完成后再復(fù)制一個相同的形狀出來。
對其中一個形狀添加發(fā)光效果，顏色稍淺一些，
之后適當縮小發(fā)光形狀的大小，將其置于原形狀的下方后調(diào)整發(fā)光效果的大小即可。
非常簡單，其實這樣的效果仍然是借助形狀來實現(xiàn)，而區(qū)別只是前者利用柔滑邊緣和漸變，而后者則是利用發(fā)光效果。
以上就是今天三頓想和各位分享的陰影的制作技巧，回顧一下，其實我講了兩個部分的內(nèi)容。
- 一是利用軟件自帶的陰影功能，通過數(shù)值的調(diào)整增加元素的質(zhì)感。
-
二是借助形狀，通過柔滑邊緣、發(fā)光、漸變等效果來對元素進行美化。
除此之外，陰影效果不宜過度，如果過度添加陰影，極易破壞元素本身的美感，這個一定要注意了。
是的，方法并不難學(xué)，這些陰影效果制作完后還可以作為素材保存，下次直接使用，因此也非常建議各位自己動手嘗試一下~
]]>