被你忽略的投影，實用性竟有這麼大！

說到影子，相信大家並不陌生，在現實生活中有光的地方就會有影，影子讓現實中的物體更具空間感、立體感，而且也更真實。

我們常聽到：傑出的設計源於生活但必須高於生活這樣的話，現實生活中隨處可見的影子在設計工作中一樣常見，使用的也越來越廣泛，那麼該有人問了：影子層次越多越出彩嗎？

我的回答是：並不全是這樣！

廢話不多說，直接進入今天的主題，常用的投影方式有哪些？
 

在設計中，影子的作用有很多，比如：豐富畫面層次、拉伸作品的空間感、加強產品立體感、增加作品細節……

很多設計初學者在添加影子時很喜歡用到PS軟件裏的圖層樣式（fx），直接一步搞定影子：
 

如圖所示，展示了平時工作比較常見的色塊、模特以及產品的投影，但表現出來的整體感受，都不太好。
 

為什麼？

並不是因為圖層樣式（fx）不實用，而是從上圖來看，不管是產品、色塊還是模特，投影給人的感覺很糊、而且稍微有點髒髒的，視覺層次感、空間感沒有拉開，非但沒有起到增加細節的作用，反而給人一種多此一舉的感受。

現實生活中，影子的形態有很多種，比如硬投影、虛化投影、倒影、懸浮投影、長投影等等，投影形態的不同也代表著物體所處狀態的不同。
 

同理在設計中，投影形態一樣可以參考現實生活中的。而且圖層樣式裏（fx）的投影在設計工作也很實用。前面說了，設計中的影子並不全是層次越多越好，比如接下來要說的色塊，這裏簡單的把色塊分為無彩色塊和有彩色塊。

無彩色塊

無彩色，俗稱黑白灰，投影顏色大多以灰色為主，若色塊底部有顏色，也可以使用比底部顏色偏暗的顏色作為投影顏色，投影模式常用正片疊底：

這裏列舉的是常用的表現形式，同樣是使用PS軟件中的圖層樣式（fx），給人的視覺感受卻差距很大，最直觀的區別就是投影的明度提高了、更通透了，而且空間立體感更強。
 

具體數值以及角度根據實際情況而定，不用死記硬背，下面看一下實際工作中的應用：

如上圖所示，簡單的色塊投影讓作品的展示在視覺上更加豐富、有層次，也起到了很好打破板式的作用。

有彩色塊

這裏把有彩色和無彩色兩種色塊分開來說，兩者投影的常用形式基本一致，區別在於有彩色塊的投影顏色與色塊顏色相似的表現形式用的比較多，下面看張示意圖：

同樣，投影的常用模式是正片疊底，下面看一組實際應用：
 

還可以繼續延伸，在設計工作中，也可以把大號文字當做色塊來看，當畫面缺少層次、立體感時，可以通過常用投影的方式來改變，下面看兩個案例：

把文字當做大色塊，通過添加投影，使得作品整體出彩度大大提升，空間感也更強。當文字是有彩色時，投影的顏色與文字顏色保持相似視覺效果會更好！

實物產品
 

實物產品的投影種類相比抽象色塊來說，因為真實環境光源不同，所以影子的形態也各不相同，這裏無法全部列舉出來。實物產品的影子會讓其更加真實、立體，這裏我們以手機為例，列舉六類投影形式：

如圖所示，涉及到了虛化投影、懸浮投影、長投影、落地投影等等，當我們做海報時，作品出現空、太平、缺少層次感的問題時，不妨嚐試給產品添加投影，能很好的改善以上問題。

很多人不知道移軸模糊是怎麼使用的？我做了個示意圖，一起來看看：
 

最後看下成品：
 

還可以繼續延伸，實物產品除了投影之外，倒影也很實用，接下來在投影的基礎上再加一層倒影，看下效果如何：
 

添加倒影之後，整體層次感又豐富了很多，接下來我又想了一下，隻用上側實例中的投影+倒影的效果，添加買點文字，是不是就可以做成一個簡單的海報了？想到就要做！

示例一：

示例二：

我從前面常用投影展示中隨即選擇兩個，加上剛發布沒多久的華為P40宣傳標語，在沒有加任何裝飾元素的情況下，兩幅海報也沒有給人很空或者單調的感受，簡約大氣！

注意：因為產品有了影子，所以背景也要遵循靠近光源亮，遠離光源暗的法則，故而使用了有白到灰的漸變，使得整體視覺層次感更強、更真實。

再看看實際工作中的應用：

非實拍圖的產品，影子一般都是需要設計師手動添加的，這與抽象化色塊不同的是：實物產品的影子要結合作品整體光源方向而定。注意別把影子做糊就可以。

投影的種類並不隻有文中提到的這些，本期所說是工作常用的影子，常用的意思就是：實用且製作並不複雜，這類投影一般多用在偏平面海報、網頁的設計工作中，對於一些小場景的合成工作也同樣適用。

一般情況下，有影子就要有擬定光源，整體背景以及其他視覺元素都要遵循光影明暗關係，並且現實工作中，能加投影的元素遠不止文中說到這四類，比如植物、畫框、桌子等等，該有人問，這些元素怎麼加？
 

隻要你懂了文中所說的，這些自然就會了！

原文地址：美工美邦（公眾號）

作者：張家彬