沒想到電商設(shè)計(jì)中投影竟然有這么大作用

你看到設(shè)計(jì)師們經(jīng)常在設(shè)計(jì)中會(huì)加一些投影，這讓圖看起來有種層次很強(qiáng)的感覺，其實(shí)不止，加投影的作用也能拉伸圖片的空間感、加強(qiáng)產(chǎn)品的立體感、圖片的細(xì)節(jié)等。

可初學(xué)者添加陰影時(shí)常常忽略去調(diào)整，直接用ps里默認(rèn)的方式添加，導(dǎo)致整體出來的效果不是太好：

上圖都是常見能用到陰影的圖，有看出來什么不對(duì)嗎？這個(gè)就是用的默認(rèn)模式，不管是色塊、模特、產(chǎn)品，給人的感覺都好似模糊，還顯得有點(diǎn)臟。

所以我們?cè)谟藐幱澳Ｊ綍r(shí)要稍加修改，讓視覺更有層次感、空間感，嘗試著把陰影面積擴(kuò)大，陰影顏色變淡，根據(jù)你圖片來修改，會(huì)變得更好。

常用模式

我們?nèi)粘Ｖ杏玫降耐队耙卜趾枚喾N類的，比如倒影、長(zhǎng)投影、懸浮投影、硬投影等，物品的不同也伴隨著使用投影的不同。

在設(shè)計(jì)中我們用到的投影并不是表現(xiàn)的層次感越多越好，投影拉的越大越好，我會(huì)列舉幾個(gè)案例來對(duì)比一下大家就會(huì)明白了。

無彩色塊

色塊的使用包括兩種，無彩色塊與有彩色塊

無彩色塊只有黑、灰、白、三色，大多又以淺灰為主，投影模式通常用正片疊底，若底部帶有顏色就用同色的偏暗色來做投影，我們看到這里比較大的區(qū)別就是投影的明度提高了，顯得更加通透，立體感變強(qiáng)了。

實(shí)際運(yùn)用效果如下：

具體角度數(shù)值根據(jù)實(shí)際而定，不要死套，有些圖甚至不需要過分的加厚投影也會(huì)讓圖在視覺上起到意想不到的效果。

有彩色塊

無彩和有彩兩者區(qū)別不大，甚至日常使用的形式都一樣，問什么我要分開來講呢，我們還是先看下這張圖：

這里有彩色塊的投影明顯表現(xiàn)形式會(huì)比較多，同樣在實(shí)際運(yùn)用上的效果還可以繼續(xù)延伸。

不只是普通的色塊，轉(zhuǎn)換思想來看，把超大的文字添加上上面的投影模式也會(huì)讓簡(jiǎn)單的圖片變的有立體感。

不管是彩色文字或無彩文字，把它們當(dāng)成色塊再來添加投影，我們作品的視覺效果和空間感瞬間高大上，所以一定記住懂得變通，死板的使用只會(huì)使你的作品變的一團(tuán)糟。

實(shí)物的運(yùn)用

實(shí)物因?yàn)樵谡鎸?shí)環(huán)境下的光源不同，表現(xiàn)出來影子的效果也各不相同，因?yàn)閷?shí)物的影子更加貼近真實(shí)、立體的效果，我們就用手機(jī)來模擬幾種投影模式：

上圖就涉及到了懸浮投影、虛化投影、長(zhǎng)投影、落地投影的使用等等，這些在海報(bào)類的大圖上使用的更加頻繁。

還有一種在手機(jī)上經(jīng)常使用到的移軸模糊，我弄了個(gè)動(dòng)態(tài)圖能讓大家更直觀的感受下：

成品圖如下：

除了常用的投影外，倒影的使用表現(xiàn)出來的效果也不錯(cuò)：

看慣了投影的使用倒影的感覺是不是也很不錯(cuò)？我們把這兩種投影、倒影都運(yùn)用上在放上文案，做兩張簡(jiǎn)單的宣傳圖試試。

我們看到除了文字和投影外其他的什么也沒加，也會(huì)使圖片顯得簡(jiǎn)約大氣。

實(shí)際運(yùn)用效果如下：

有時(shí)客戶給的圖片并非實(shí)拍圖，投影都需要我們手動(dòng)添加，這與普通的色塊比較大的不同表現(xiàn)是，實(shí)物圖里產(chǎn)品人物是根據(jù)整體方向和光線來決定的，這點(diǎn)在運(yùn)用上一定要注意。

物品有了投影，我們要遵循近光亮，遠(yuǎn)光暗的原理，所以投影都用從白到灰的漸變，來讓消費(fèi)者感到更有真實(shí)感。

人物投影

投影在人物的使用上要更加小心，在要求上要過渡自然、層次更豐富、影子表現(xiàn)要更真實(shí)。

這種由深到淺的過渡就會(huì)看著很自然很舒服，接下來就教大家怎樣才能做出像上圖的效果。

這里使用的是phoshop

摳出人物—選擇—填充深色—調(diào)整位置—高斯模糊—橡皮擦涂抹

重復(fù)執(zhí)行兩遍，目的是讓其過渡更加自然。

成品圖如下：

我們時(shí)刻要記住不管是人物還是物體，在投影設(shè)計(jì)上一定要隨著物體的光暗位置來靈活的變動(dòng)。

其實(shí)投影的使用種類不止這些，列舉了幾個(gè)常用到的，且制作不復(fù)雜的，其實(shí)這幾類投影小到主圖，大到海報(bào)、網(wǎng)頁(yè)、場(chǎng)景合成都能用上。

除了色塊外，我所說的人物跟物體上，投影的掌握就跟影子似得，不懂到底放大多少、亮度多少，咱們可以拿身邊的物體試一試，笨辦法也是很好用的嘛！

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

推薦閱讀：

淘寶店鋪滿足什么條件才能報(bào)名百億補(bǔ)貼？產(chǎn)品在哪里展示呢？

淘寶企業(yè)店鋪賣女鞋的，店鋪的簡(jiǎn)介和店鋪介紹該怎么寫？

新開淘寶店找人幫忙做的，他說要我手機(jī)號(hào)注冊(cè)裝修可以嗎？

更多資訊請(qǐng)關(guān)注幕 思 城。