蘋果產品的陰影，原來是這麼做的！
今天這期教程，是陰影系列的下篇，如果沒看過上篇的同學，建議先看完第一篇，再來看今天的文章。
提醒一下，文中的所有案例的分層PSD文件都提供免費下載！
好了，
接著上篇教程的內容走起。
這幾年在蘋果的帶動下，手機行業的設計突飛猛進，在各大手機官網我們隨處可見精緻的光影效果。
下面我們就來看看幾種特別典型的手機陰影是怎麼做的。
一、手機躺面
這種陰影相對簡單，先來練練手。
具體製作步驟：
第一步，
用矢量圖形畫一下陰影的大概形狀。(當然你也可以直接把手機複製一層，然後填充顏色)
這裡注意，因為機身和背景都是金色，所以我們的陰影採用顏色相近的褐色，這樣畫面不會顯臟。
第二步，
高斯模糊後，用蒙版處理一下陰影的形狀，再調整好透明度，陰影主體大致就完成了。
陰影的主體完成後，還需要處理背景等一些細節，這樣看起來會更加真實。
OK，下一個。
二、手機立面。
最常見的陰影形式之一，這種長長的投影能讓畫面十分具有空間感。
圖中的例子光線比較複雜，應該是棚拍之後修圖的。不過這種投影其實PS做起來也很容易。
我以圖中最右邊的一個手機為例，讓大家看看這種陰影是怎麼做的。
第一步將手機摳出來，然後在背景上用畫筆點一些光影效果。
第二步做接觸陰影和倒影。這樣手機就立起來了。
第三步將手機的長陰影形狀畫出來。
第四步，將牛逼的移軸模糊濾鏡調出來。
最後，來看看高清大圖效果：
三、手機正側面
這個非常帥的光影，我見到大部分手機廠商都曾在官網上使用過這種效果。
看起來非常酷炫的效果，其實做起來挺簡單的。
我們觀察一下它的光影結構就知道，在手機的左右兩端，分別有一個光線的焦點。因此，它是由兩個角度漸變效果拼起來的。
先將圖摳出來：
然後在背景層上做角度漸變，要注意顏色的過度
在角度漸變中，中心點是可以隨意拖動的，我們把中心點拖到手機的一端就行了。
這樣左邊的光影就做好了，將做好的這一層柵格化，複製一層水平翻轉挪到右邊。
左右的陰影疊在一起，再用蒙版擦掉重疊的部分，即可以得到最終效果：
很簡單，很高級！
簡直裝逼於無形之中。
四、手機包裝盒
這個盒子的陰影最大特點是左右兩邊各有一道高光向外延伸。就是這道高光讓整個陰影變得與眾不同。
製作過程分解：
這個盒子的陰影看著簡單，實際上製作步驟還挺複雜的，如果有不太明白的地方，大家可以下載PSD對照裡面的分層文件來參照。
再看一下最終的效果圖：
確認過眼神，基本和官方圖一模一樣。
有時候我們可以看到一些很特別的陰影效果，例如下面兩張圖：
因為在現實當中我們很難看到類似的光影，所以會顯得非常特別，看過之後容易讓人留下很深的印象。
特殊的效果偶爾用一下會讓人眼前一亮，不過切記不可濫用。
好了，來看下製作方法吧。
這兩種陰影效果的製作方法其實也是前面講的那些，我來一個個給大家講解下。
案例一
第一種陰影我用的是beats音箱：
相當的帥氣吧！
分解步驟走起。
第一步，摳好圖後，在部分做一個漸隱的長方形。
第二步，調出「移軸模糊」濾鏡。
這個濾鏡是不是很爽？
反正我每次都要玩好久。拉到你喜歡的效果之後，按確定。
最後再調整下透明度，就是最終的效果啦！
簡單3步，高大上陰影就搞定咯！
案例二
這是種金屬質感十分強烈的光影效果。
這個陰影的特別之處在於四個角都有聚焦的光影漸變。
所以它的做法，我們可以參考之前手機正側面的效果，用角度漸變來做。
來看看具體步驟：
第一步，在左下角做一個角度漸變，將漸變的焦點放在主體的左下角。
角度漸變的製作方法大家可以參照前面手機側面的內容。
第二步，將左邊的角度漸變複製一層到右邊，再用蒙版工具將中間的過度部分處理好，這樣下面兩個就做好了。
第三步，同樣的操作，將上面兩個也做好。
請注意，上面兩個漸變的顏色對比不要那麼強烈，這樣才會有主次。
一頓操作後，最終效果如下：
好了，陰影教程到這裡就結束了。
希望這兩篇文章可以幫你在以後的設計中做出更漂亮的陰影效果！
TAG:龐門正道 |