[基礎教程] Photoshop網頁設計時添加陰影技巧

我的內容： Photoshop網頁設計時添加陰影技巧
同漸變一樣，投影也被網頁設計師們廣泛運用。當正確使用時，投影的確能為設計增加視覺深度和質感。關鍵還是不要做的過度或者濫用。

陰影深度取決于光照方向和強度，以及物體和投影面的距離。光照越強，陰影越銳利越暗;光照越弱，投影也就越弱。
討論:

下載 (10.51 KB)

網絡上關于投影的例子實在太多了。

LinkedIn在邊欄底部添加了極為細微的投影，創造出深度感。

下載 (14.86 KB)

Google—可能是互聯網上最難設計的頁面了—仍然在搜索頁上使用了細微的投影。

下載 (19.57 KB)

要賦予物體立體感，除了簡單的投影，你還有很多選擇。長陰影能極大地改變頁面中物體的空間關系。

下面的例子中，同樣的可樂罐，被賦予不同的陰影和暗部之后，整個空間位置就顯得完全不一樣了。

下載 (12.57 KB)

下載 (13.46 KB)

下載 (13.49 KB)

網絡上的例子

Emoti**byMike聰明地運用了陰影(以及光照)，硬是把平面頁面轉換成了一個地板。

下載 (23.55 KB)

Superkix使用投影，讓運動鞋漂浮于頁面之上。當你縮放頁面時，投影還能移動，就像光源也在轉移一樣。

下載 (23.82 KB)

Sofa在純白背景上，通過極佳的光影運用，生生造出了一個地板。

下載 (19.72 KB)