編者按：今天這篇好文聊的不是簡單的彌散陰影，而是筆者在逛網(wǎng)站時(shí)發(fā)現(xiàn)的一個(gè)效果更為精致的陰影，而且這類效果在耐克LOGO、蘋果官網(wǎng)都有所體現(xiàn)，能快速提升產(chǎn)品的格調(diào)，我總結(jié)了一個(gè)簡單快速的方法，幫你3招做出來。

歡迎關(guān)注作者公眾號(hào)：三根設(shè)計(jì)骨

彌散陰影教程：《超贊！一份簡單易上手的青春彌散陰影修煉手冊(cè)》

首先呢，陰影和投影，別混淆。我這里要說的是陰影。

圖1屬于陰影 ?圖2屬于投影

影院放電影 —— 投影 可以通俗的說成由某個(gè)點(diǎn)投過去的影子。
站在陽光下——陰影 可以通俗的說成由某個(gè)點(diǎn)散發(fā)出的一片陰影。

好了，記下來今天的介入正題。

先來看一波案列：

耐克Logo：

金屬充電器，注意它3個(gè)角陰影的感覺：

智能手表：

手機(jī)：

蘋果手機(jī)的包裝盒，注意2邊的角：

再看有和無的區(qū)別：

案列1：

案列2：

案列3：

首先說明：

為什么會(huì)有這樣一個(gè)教程呢，起初是這樣的。一天逛國外網(wǎng)站的時(shí)候，無意間看到這樣一張圖：

耐克的logo，當(dāng)然我不是被logo帥到，我是被這上面的陰影帥到。彌散陰影做比較容易實(shí)現(xiàn)。

我們主要是來看下細(xì)節(jié)：

右上角的點(diǎn)，這種陰影給人一種更舒服，像是又一層玻璃，讓陰影變的更加立體感了。

所以希望我也能做出這種效果來，看第一眼我就知道，這肯定不是一個(gè)一個(gè)圖層用畫筆畫出來的，我認(rèn)為應(yīng)該可以通過一些方法輕松實(shí)現(xiàn)，而且是可以靈活調(diào)整的。

于是我?guī)е唤獾囊蓡柸フ彝绿接?，后面我們提出了一個(gè)關(guān)鍵的點(diǎn)。那么這個(gè)點(diǎn)我們后面會(huì)說道。

大家先看下分解圖：

1、原型形狀層

2、第一層陰影

3、第二層陰影

是不是很簡單，只有三步操作。只是需要把參數(shù)、角度、顏色三者調(diào)到一個(gè)合適的范圍即可。

當(dāng)然做陰影嘛，也不一定非要做成這種效果。我只是想分享給大家，一起玩。共勉之。

制作教程：以耐克Logo為案列

一、原型形狀

你要做的這個(gè)對(duì)象的原型，如：

填充顏色：

填充顏色建議大家使用形狀羽化來達(dá)到漸變的效果，方便后面對(duì)顏色、位置、大小以及羽化的程度來做一個(gè)調(diào)整。

如：

二、使用圖層樣式——漸變疊加

復(fù)制原型形狀，相對(duì)原型放大，來對(duì)它進(jìn)行效果處理。（可以使用ai里面的路徑偏移）

關(guān)鍵點(diǎn)就是在樣式一定要選擇為角度。

然后漸變?cè)O(shè)置：

紅色的可以為一個(gè)，也可以是2個(gè)，但必須是2個(gè)。中間的為亮灰色，根據(jù)你想搭配的顏色來調(diào)。

小節(jié)點(diǎn)也是可以調(diào)整位置來改變效果的。

設(shè)置完參數(shù)后的效果如下：

另外：圖層樣式當(dāng)前態(tài)實(shí)在漸變疊加時(shí)候，右邊的黃色的那個(gè)中心點(diǎn)是可以通過鼠標(biāo)拖動(dòng)來改變它的位置的。

那么黃色部分按照上面方式制作即可，最后用蒙版分別蓋住不需要的地方即可。（有提供源文件大家可以，最后會(huì)有下載地址）

這一步的效果圖：

三、添加彌散陰影層

1、復(fù)制原型形狀、在原有的羽化基礎(chǔ)上增加羽化程度

2、調(diào)整彌散陰影顏色需要和原型融合的地方融合，需要區(qū)分的區(qū)分。通過顏色來控制。另外可以在添加一層彌散陰影層，羽化程度在加大一些，效果過度會(huì)更舒服一些。沒有絕對(duì)一步到位的嘛，所以視情況而定。

效果如下：

四：分組，分組是個(gè)好習(xí)慣

最終效果圖如下:

細(xì)節(jié)：

感謝大家看到這里，希望有用。

源文件下載：https://pan.baidu.com/s/1i4NCbzR

以下是我用繼續(xù)嘗試了幾種效果：

歡迎關(guān)注《三根設(shè)計(jì)骨》公眾號(hào)喲：

「如何做出最近超火的彌散陰影？」

1. 簡易版：《PS教程！簡單3步教你快速畫出時(shí)尚漂亮的彌散陰影》
2. 進(jìn)階版：《超贊！一份簡單易上手的青春彌散陰影修煉手冊(cè)》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量150萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com