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

 

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

科普下：圖1屬于陰影      圖2屬于投影

影院放電影——投影       可以通俗的說成由某個點投過去的影子。

站在陽光下——陰影       可以通俗的說成由某個點散發(fā)出的一片陰影。

 

好了，記下來今天的介入正題，關(guān)于陰影。你肯定會想，呵呵，陰影我還不會了啊。

那，那么。你有興趣就看唄，沒興趣就不看，都可以。

 

先來看一波案列：

▼耐克logo

 

▼金屬充電器，注意它3個角陰影的感覺

 

▼智能手表

 

 

▼我也不知道是什么手機，哈哈

 

▼蘋果手機的包裝盒，注意2邊的角

 

 

▼梁定然的作品 .）

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

（我簡單做了幾個實例，不準笑。說的就是你）

案列1：

 

案列2：

 

案列3：

 

首先說明：
 

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

 

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

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

 

右上角的點，這種陰影給人一種更舒服，像是又一層玻璃，讓陰影變的更加立體感了。具體學(xué)術(shù)名稱我也不知道怎形容，暫且先這樣形容。

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

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

 

大家先看下分解圖：

1、原型形狀層

 

2、第一層陰影

 

3、第二層陰影

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

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

 

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

一、原型形狀

你要做的這個對象的原型，如：

 

填充顏色

 

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

如下：

 

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

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

 

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

 

然后漸變設(shè)置：

 

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

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

 

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

 

另外：圖層樣式當前態(tài)實在漸變疊加時候，右邊的黃色的那個中心點是可以通過鼠標拖動來改變它的位置的。

 

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

 

這一步的效果圖：

 

三、添加彌散陰影層

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

 

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

效果如下：

 

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

 

細節(jié)：

 

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

本次教程文件的已經(jīng)放到左下的下載里面。

Thanks

 

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

 

說了這么一大推廢話，其實還是要考大家自己去嘗試，反復(fù)的調(diào)試。不知道你會不會為了一個陰影調(diào)試一個小時。

 

打完收工！
 

謝謝大家的支持！