精緻！3招教你輕鬆做出帥到逆天的陰影

今天這篇聊的不是簡單的彌散陰影，而是筆者在逛網站時發現的一個效果更為精緻的陰影，而且這類效果在耐克LOGO、蘋果官網都有所體現，能快速提升產品的格調，我總結了一個簡單快速的方法，幫你3招做出來。

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

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

影院放電影--投影(通俗的說成由某個點投過去的影子)

站在陽光下--陰影(通俗的說成由某個點散發出的一片陰影)

好了，接下來進入今天的正題，關於陰影。你肯定會想，呵呵，陰影我還不會了啊。

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

先來看一波案列：

耐克logo

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

智能手錶

我也不知道是什麼手機，哈哈

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

梁定然的作品

再看有和無的區別

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

案列一

案列二

案列三

首先說明：為什麼會有這樣一個教程呢，起初是這樣的。一天逛國外網站的時候，無意間看到這樣一張圖：

耐克的logo，當然我不是被logo帥到，我是被這上面的陰影帥到。彌散陰影做比較容易實現。我們主要是來看下細節：

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

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

於是我帶著不解的疑問去找同事探討，後面我們提出了一個關鍵的點。那麼這個點我們後面會說道。

大家先看下分解圖：

1、原型形狀層

2、第一層陰影

3、第二層陰影

是不是很簡單，只有三步操作。只是需要把參數、角度、顏色三者調到一個合適的範圍即可。需要學習軟體的同學，大家可以百度搜索錦子會，去錦子會博客下載更多學習資源！如想要了解我的，請百度搜索羅錦，歡迎了解更多我的設計之路！

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

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

一、原型形狀

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

填充顏色

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

如下：

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

複製原型形狀，相對原型放大，來對它進行效果處理。（可以使用ai裡面的路徑偏移）

關鍵點就是在樣式一定要選擇為角度。PS設計師奔潰的七個瞬間，你中槍了嗎？

然後漸變設置：

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

小節點也是可以調整位置來改變效果的。

設置完參數後的效果如下：需要學習軟體的同學，大家可以百度搜索錦子會，去錦子會博客下載更多學習資源！如想要了解我的，請百度搜索羅錦，歡迎了解更多我的設計之路！

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

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

這一步的效果圖：

三、添加彌散陰影層

1、複製原型形狀、在原有的羽化基礎上增加羽化程度

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

效果如下：

四：分組，分組是個好習慣

細節：

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

以下是我用繼續嘗試了幾種效果：

打完收工！

創意PS合成！酷炫立體文字人像教程

乾貨：為什麼自學平面設計的人95%都學不會？

思考 Photoshop人像後期磨皮的基礎原理

UI 是什麼？UI 設計需要學習哪些軟體？

你真的知道平面設計和UI設計的區別？

ps入門教程：平面設計與ui設計有什麼不同？

看過那麼多UI 配色指南，這篇可能是最全面的（附大量實例）

————————————————————————————

精華帖子請回復以下關鍵詞：軟體下載、PS、PS直播課、CDR直播課。配色。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！