今天這篇聊的不是簡(jiǎn)單的彌散陰影，而是筆者在逛網(wǎng)站時(shí)發(fā)現(xiàn)的一個(gè)效果更為精致的陰影，而且這類(lèi)效果在耐克LOGO、蘋(píng)果官網(wǎng)都有所體現(xiàn)，能快速提升產(chǎn)品的格調(diào)，我總結(jié)了一個(gè)簡(jiǎn)單快速的方法，幫你3招做出來(lái)。
首先呢，陰影和投影，別混淆。我這里要說(shuō)的是陰影。
科普下：圖1屬于陰影 圖2屬于投影
影院放電影——投影 可以通俗的說(shuō)成由某個(gè)點(diǎn)投過(guò)去的影子。
站在陽(yáng)光下——陰影 可以通俗的說(shuō)成由某個(gè)點(diǎn)散發(fā)出的一片陰影。
好了，記下來(lái)今天的介入正題，關(guān)于陰影。你肯定會(huì)想，呵呵，陰影我還不會(huì)了啊。
那，那么。你有興趣就看唄，沒(méi)興趣就不看，都可以。
先來(lái)看一波案列：
▼耐克logo
▼金屬充電器，注意它3個(gè)角陰影的感覺(jué)
▼智能手表
▼我也不知道是什么手機(jī)，哈哈
▼蘋(píng)果手機(jī)的包裝盒，注意2邊的角
▼梁定然的作品 .）
再看有和無(wú)的區(qū)別：
（我簡(jiǎn)單做了幾個(gè)實(shí)例，不準(zhǔn)笑。說(shuō)的就是你）
案列1：
案列2：
案列3：
首先說(shuō)明：
為什么會(huì)有這樣一個(gè)教程呢，起初是這樣的。一天逛國(guó)外網(wǎng)站的時(shí)候，無(wú)意間看到這樣一張圖：
耐克的logo，當(dāng)然我不是被logo帥到，我是被這上面的陰影帥到。彌散陰影做比較容易實(shí)現(xiàn)。
我們主要是來(lái)看下細(xì)節(jié)：
右上角的點(diǎn)，這種陰影給人一種更舒服，像是又一層玻璃，讓陰影變的更加立體感了。具體學(xué)術(shù)名稱(chēng)我也不知道怎形容，暫且先這樣形容。
所以希望我也能做出這種效果來(lái)，看第一眼我就知道，這肯定不是一個(gè)一個(gè)圖層用畫(huà)筆畫(huà)出來(lái)的，我認(rèn)為應(yīng)該可以通過(guò)一些方法輕松實(shí)現(xiàn)，而且是可以靈活調(diào)整的。
于是我?guī)е唤獾囊蓡?wèn)去找同事探討，后面我們提出了一個(gè)關(guān)鍵的點(diǎn)。那么這個(gè)點(diǎn)我們后面會(huì)說(shuō)道。
大家先看下分解圖：
1、原型形狀層
2、第一層陰影
3、第二層陰影
是不是很簡(jiǎn)單，只有三步操作。只是需要把參數(shù)、角度、顏色三者調(diào)到一個(gè)合適的范圍即可。
當(dāng)然做陰影嘛，也不一定非要做成這種效果。我只是想分享給大家，一起玩。共勉之。
制作教程：以耐克Logo為案列
一、原型形狀
你要做的這個(gè)對(duì)象的原型，如：
填充顏色
填充顏色建議大家使用形狀羽化來(lái)達(dá)到漸變的效果，方便后面對(duì)顏色、位置、大小以及羽化的程度來(lái)做一個(gè)調(diào)整。
如下：
二、使用圖層樣式——漸變疊加
復(fù)制原型形狀，相對(duì)原型放大，來(lái)對(duì)它進(jìn)行效果處理。（可以使用ai里面的路徑偏移）
關(guān)鍵點(diǎn)就是在樣式一定要選擇為角度。
然后漸變?cè)O(shè)置：
紅色的可以為一個(gè)，也可以是2個(gè)，但必須是2個(gè)。中間的為亮灰色，根據(jù)你想搭配的顏色來(lái)調(diào)。
小節(jié)點(diǎn)也是可以調(diào)整位置來(lái)改變效果的。
設(shè)置完參數(shù)后的效果如下：
另外：圖層樣式當(dāng)前態(tài)實(shí)在漸變疊加時(shí)候，右邊的黃色的那個(gè)中心點(diǎn)是可以通過(guò)鼠標(biāo)拖動(dòng)來(lái)改變它的位置的。
那么黃色部分按照上面方式制作即可，最后用蒙版分別蓋住不需要的地方即可。（有提供源文件大家可以，最后會(huì)有下載地址）
這一步的效果圖：
三、添加彌散陰影層
1、復(fù)制原型形狀、在原有的羽化基礎(chǔ)上增加羽化程度
2、調(diào)整彌散陰影顏色需要和原型融合的地方融合，需要區(qū)分的區(qū)分。通過(guò)顏色來(lái)控制。另外可以在添加一層彌散陰影層，羽化程度在加大一些，效果過(guò)度會(huì)更舒服一些。沒(méi)有絕對(duì)一步到位的嘛，所以視情況而定。
效果如下：
四：分組，分組是個(gè)好習(xí)慣
細(xì)節(jié)：
感謝大家看到這里，希望有用。
本次教程文件的已經(jīng)放到左下的下載里面。
Thanks
以下是我用繼續(xù)嘗試了幾種效果：
說(shuō)了這么一大推廢話(huà)，其實(shí)還是要考大家自己去嘗試，反復(fù)的調(diào)試。不知道你會(huì)不會(huì)為了一個(gè)陰影調(diào)試一個(gè)小時(shí)。
打完收工！
謝謝大家的支持！
