被你忽略的投影,實(shí)用性竟有這么大!

說(shuō)到影子,相信大家并不陌生,在現(xiàn)實(shí)生活中有光的地方就會(huì)有影,影子讓現(xiàn)實(shí)中的物體更具空間感、立體感,而且也更真實(shí)。

我們常聽(tīng)到:杰出的設(shè)計(jì)源于生活但必須高于生活這樣的話(huà),現(xiàn)實(shí)生活中隨處可見(jiàn)的影子在設(shè)計(jì)工作中一樣常見(jiàn),使用的也越來(lái)越廣泛,那么該有人問(wèn)了:影子層次越多越出彩嗎?

我的回答是:并不全是這樣!

廢話(huà)不多說(shuō),直接進(jìn)入今天的主題,常用的投影方式有哪些?
 

被你忽略的投影,實(shí)用性竟有這么大!

在設(shè)計(jì)中,影子的作用有很多,比如:豐富畫(huà)面層次、拉伸作品的空間感、加強(qiáng)產(chǎn)品立體感、增加作品細(xì)節(jié)……

很多設(shè)計(jì)初學(xué)者在添加影子時(shí)很喜歡用到PS軟件里的圖層樣式(fx),直接一步搞定影子:
 

被你忽略的投影,實(shí)用性竟有這么大!

如圖所示,展示了平時(shí)工作比較常見(jiàn)的色塊、模特以及產(chǎn)品的投影,但表現(xiàn)出來(lái)的整體感受,都不太好。
 

為什么?

并不是因?yàn)閳D層樣式(fx)不實(shí)用,而是從上圖來(lái)看,不管是產(chǎn)品、色塊還是模特,投影給人的感覺(jué)很糊、而且稍微有點(diǎn)臟臟的,視覺(jué)層次感、空間感沒(méi)有拉開(kāi),非但沒(méi)有起到增加細(xì)節(jié)的作用,反而給人一種多此一舉的感受。

被你忽略的投影,實(shí)用性竟有這么大!

現(xiàn)實(shí)生活中,影子的形態(tài)有很多種,比如硬投影、虛化投影、倒影、懸浮投影、長(zhǎng)投影等等,投影形態(tài)的不同也代表著物體所處狀態(tài)的不同。
 

同理在設(shè)計(jì)中,投影形態(tài)一樣可以參考現(xiàn)實(shí)生活中的。而且圖層樣式里(fx)的投影在設(shè)計(jì)工作也很實(shí)用。前面說(shuō)了,設(shè)計(jì)中的影子并不全是層次越多越好,比如接下來(lái)要說(shuō)的色塊,這里簡(jiǎn)單的把色塊分為無(wú)彩色塊和有彩色塊。

無(wú)彩色塊

無(wú)彩色,俗稱(chēng)黑白灰,投影顏色大多以灰色為主,若色塊底部有顏色,也可以使用比底部顏色偏暗的顏色作為投影顏色,投影模式常用正片疊底:

被你忽略的投影,實(shí)用性竟有這么大!

這里列舉的是常用的表現(xiàn)形式,同樣是使用PS軟件中的圖層樣式(fx),給人的視覺(jué)感受卻差距很大,最直觀(guān)的區(qū)別就是投影的明度提高了、更通透了,而且空間立體感更強(qiáng)。
 

具體數(shù)值以及角度根據(jù)實(shí)際情況而定,不用死記硬背,下面看一下實(shí)際工作中的應(yīng)用:

被你忽略的投影,實(shí)用性竟有這么大!

被你忽略的投影,實(shí)用性竟有這么大!

被你忽略的投影,實(shí)用性竟有這么大!

被你忽略的投影,實(shí)用性竟有這么大!
 

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

有彩色塊

 

這里把有彩色和無(wú)彩色兩種色塊分開(kāi)來(lái)說(shuō),兩者投影的常用形式基本一致,區(qū)別在于有彩色塊的投影顏色與色塊顏色相似的表現(xiàn)形式用的比較多,下面看張示意圖:

被你忽略的投影,實(shí)用性竟有這么大!

同樣,投影的常用模式是正片疊底,下面看一組實(shí)際應(yīng)用:
 

被你忽略的投影,實(shí)用性竟有這么大!

被你忽略的投影,實(shí)用性竟有這么大!

被你忽略的投影,實(shí)用性竟有這么大!

還可以繼續(xù)延伸,在設(shè)計(jì)工作中,也可以把大號(hào)文字當(dāng)做色塊來(lái)看,當(dāng)畫(huà)面缺少層次、立體感時(shí),可以通過(guò)常用投影的方式來(lái)改變,下面看兩個(gè)案例:

被你忽略的投影,實(shí)用性竟有這么大!

被你忽略的投影,實(shí)用性竟有這么大!

把文字當(dāng)做大色塊,通過(guò)添加投影,使得作品整體出彩度大大提升,空間感也更強(qiáng)。當(dāng)文字是有彩色時(shí),投影的顏色與文字顏色保持相似視覺(jué)效果會(huì)更好!

實(shí)物產(chǎn)品
 

實(shí)物產(chǎn)品的投影種類(lèi)相比抽象色塊來(lái)說(shuō),因?yàn)檎鎸?shí)環(huán)境光源不同,所以影子的形態(tài)也各不相同,這里無(wú)法全部列舉出來(lái)。實(shí)物產(chǎn)品的影子會(huì)讓其更加真實(shí)、立體,這里我們以手機(jī)為例,列舉六類(lèi)投影形式:

被你忽略的投影,實(shí)用性竟有這么大!

如圖所示,涉及到了虛化投影、懸浮投影、長(zhǎng)投影、落地投影等等,當(dāng)我們做海報(bào)時(shí),作品出現(xiàn)空、太平、缺少層次感的問(wèn)題時(shí),不妨嘗試給產(chǎn)品添加投影,能很好的改善以上問(wèn)題。

很多人不知道移軸模糊是怎么使用的?我做了個(gè)示意圖,一起來(lái)看看:
 

被你忽略的投影,實(shí)用性竟有這么大!

最后看下成品:
 

被你忽略的投影,實(shí)用性竟有這么大!

還可以繼續(xù)延伸,實(shí)物產(chǎn)品除了投影之外,倒影也很實(shí)用,接下來(lái)在投影的基礎(chǔ)上再加一層倒影,看下效果如何:
 

被你忽略的投影,實(shí)用性竟有這么大!

添加倒影之后,整體層次感又豐富了很多,接下來(lái)我又想了一下,只用上側(cè)實(shí)例中的投影+倒影的效果,添加買(mǎi)點(diǎn)文字,是不是就可以做成一個(gè)簡(jiǎn)單的海報(bào)了?想到就要做!

示例一:

被你忽略的投影,實(shí)用性竟有這么大!

示例二:

被你忽略的投影,實(shí)用性竟有這么大!

我從前面常用投影展示中隨即選擇兩個(gè),加上剛發(fā)布沒(méi)多久的華為P40宣傳標(biāo)語(yǔ),在沒(méi)有加任何裝飾元素的情況下,兩幅海報(bào)也沒(méi)有給人很空或者單調(diào)的感受,簡(jiǎn)約大氣!

注意:因?yàn)楫a(chǎn)品有了影子,所以背景也要遵循靠近光源亮,遠(yuǎn)離光源暗的法則,故而使用了有白到灰的漸變,使得整體視覺(jué)層次感更強(qiáng)、更真實(shí)。

 

再看看實(shí)際工作中的應(yīng)用:

被你忽略的投影,實(shí)用性竟有這么大!

 

被你忽略的投影,實(shí)用性竟有這么大!

被你忽略的投影,實(shí)用性竟有這么大!

非實(shí)拍圖的產(chǎn)品,影子一般都是需要設(shè)計(jì)師手動(dòng)添加的,這與抽象化色塊不同的是:實(shí)物產(chǎn)品的影子要結(jié)合作品整體光源方向而定。注意別把影子做糊就可以。

被你忽略的投影,實(shí)用性竟有這么大!

投影的種類(lèi)并不只有文中提到的這些,本期所說(shuō)是工作常用的影子,常用的意思就是:實(shí)用且制作并不復(fù)雜,這類(lèi)投影一般多用在偏平面海報(bào)、網(wǎng)頁(yè)的設(shè)計(jì)工作中,對(duì)于一些小場(chǎng)景的合成工作也同樣適用。

一般情況下,有影子就要有擬定光源,整體背景以及其他視覺(jué)元素都要遵循光影明暗關(guān)系,并且現(xiàn)實(shí)工作中,能加投影的元素遠(yuǎn)不止文中說(shuō)到這四類(lèi),比如植物、畫(huà)框、桌子等等,該有人問(wèn),這些元素怎么加?
 

只要你懂了文中所說(shuō)的,這些自然就會(huì)了!

 

 

原文地址:美工美邦(公眾號(hào))

作者:張家彬

被你忽略的投影,實(shí)用性竟有這么大!

標(biāo)簽:投影

相關(guān)文章

隨機(jī)推薦