平時(shi)設計(ji)(ji)工(gong)作中，關于投(tou)影(ying)(ying)，簡單一(yi)點(dian)的(de)(de)就(jiu)是一(yi)個圖片中的(de)(de)主體摳(kou)下來放到(dao)畫面中，這(zhe)個時(shi)候就(jiu)要設置一(yi)個投(tou)影(ying)(ying)，讓主體在(zai)(zai)畫面中更(geng)和(he)諧。難一(yi)點(dian)的(de)(de)就(jiu)是在(zai)(zai)合成設計(ji)(ji)里，涉及(ji)到(dao)每個物體的(de)(de)投(tou)影(ying)(ying)形狀、顏色(se)、透視等(deng)等(deng)，根據分(fen)析(xi)畫出投(tou)影(ying)(ying)，這(zhe)期教程就(jiu)給大家(jia)普及(ji)一(yi)下投(tou)影(ying)(ying)的(de)(de)相關知識，以及(ji)如(ru)何去做投(tou)影(ying)(ying)。
陰(yin)影(ying)是(shi)(shi)什么呢？陰(yin)影(ying)是(shi)(shi)光帶給這(zhe)個世(shi)界的禮物。
還(huan)是(shi)正經解釋一下什么是(shi)陰影？
在客觀世界中，光線(xian)總是(shi)從光源(yuan)沿(yan)著直線(xian)方向發散。
在(zai)光線的照射下，受光部(bu)分稱(cheng)為亮面(mian)，僅次(ci)于亮面(mian)的受光是(shi)灰面(mian)，而光線無法(fa)照射到的部(bu)分，稱(cheng)為暗(an)面(mian)；由于被受光面(mian)遮擋，物體所在(zai)環境中出現(xian)的陰暗(an)部(bu)分稱(cheng)為影，陰與影的總和就是(shi)陰影。
陰影形成的(de)要素(su)有哪些(xie)呢(ni)？
首先要有(you)光(guang)(guang)(guang)源(yuan)(yuan)，光(guang)(guang)(guang)源(yuan)(yuan)就是(shi)(shi)(shi)光(guang)(guang)(guang)點(dian)(dian)(dian)，光(guang)(guang)(guang)點(dian)(dian)(dian)向下的垂線(xian)與(yu)(yu)承(cheng)接面的焦(jiao)點(dian)(dian)(dian)就是(shi)(shi)(shi)光(guang)(guang)(guang)足(zu)(zu)，陽光(guang)(guang)(guang)的光(guang)(guang)(guang)足(zu)(zu)在(zai)(zai)地(di)平線(xian)上，燈光(guang)(guang)(guang)的光(guang)(guang)(guang)足(zu)(zu)在(zai)(zai)照射的基面上，然后是(shi)(shi)(shi)要有(you)物(wu)體，光(guang)(guang)(guang)點(dian)(dian)(dian)發出(chu)的光(guang)(guang)(guang)線(xian)，經過物(wu)體上陰(yin)點(dian)(dian)(dian)，光(guang)(guang)(guang)足(zu)(zu)與(yu)(yu)物(wu)體底點(dian)(dian)(dian)也就是(shi)(shi)(shi)陰(yin)足(zu)(zu)連線(xian)，與(yu)(yu)光(guang)(guang)(guang)線(xian)相交(jiao)的點(dian)(dian)(dian)就是(shi)(shi)(shi)影(ying)點(dian)(dian)(dian)，陰(yin)影(ying)就是(shi)(shi)(shi)陰(yin)足(zu)(zu)到影(ying)點(dian)(dian)(dian)的部分。
畫陰(yin)(yin)影(ying)時(shi)，一般是先定(ding)光(guang)點(dian)和光(guang)足(zu)，然后是陰(yin)(yin)點(dian)陰(yin)(yin)足(zu)，光(guang)點(dian)連接陰(yin)(yin)點(dian)，光(guang)足(zu)連接陰(yin)(yin)足(zu)，這樣陰(yin)(yin)影(ying)自然就畫出(chu)來了。
用這張照片來做個簡(jian)單說明：
光源的位置(zhi)，就是太陽，向下(xia)垂線交(jiao)于(yu)海平線于(yu)一點，這個就是光足。
然后，定(ding)出一(yi)些椅子上的陰點(dian)和陰足。
光(guang)點連(lian)接(jie)陰(yin)點，光(guang)足連(lian)接(jie)陰(yin)足，這樣就能畫出陰(yin)影的大致形狀了。
光源總(zong)體上可以分為兩大類，一(yi)類是自然光，比如(ru)：太陽光、月光。一(yi)類是人(ren)造光，比如(ru)：燈光、燭光。
自然光有兩個特(te)點：光線平行；隨著時間的變化而(er)變化，不會(hui)為?的意(yi)志所轉移。
光線平行
因為太(tai)陽、月亮這樣的發光體離我們(men)太(tai)過(guo)遙遠，所以可以把它(ta)發散的光線(xian)視為平行(xing)的。
再來(lai)說下這張(zhang)圖片，同(tong)樣(yang)是(shi)自然光，為什么它(ta)的(de)光線不是(shi)平(ping)行(xing)的(de)？
這(zhe)是(shi)因為透視(shi)的現象(xiang)(xiang)，就像這(zhe)個(ge)地板，不也是(shi)平行的嗎？但是(shi)因為透視(shi)的關系，它們(men)(men)會相交于一點，光線也是(shi)同樣道(dao)理，因為我們(men)(men)以這(zhe)個(ge)角度觀察(cha)，所以光線會出(chu)現透視(shi)現象(xiang)(xiang)。
也就(jiu)是(shi)說，當我們從側面觀察的(de)話，就(jiu)很明顯看到光線是(shi)平(ping)行(xing)的(de)。
隨著時間的變化而變化，不會為人的意志所轉移
日(ri)升日(ri)落，陰晴圓缺，都是自然的(de)規律，不會為我(wo)們的(de)意志所改變。
人造光有兩(liang)個特點：光線不平行(xing)，呈放射狀；根據(ju)需要變換位置。
光線不平行，呈放射狀
用這張圖片來舉例(li)，畫面中光源是路燈，物體(ti)是消防栓，我們(men)對(dui)它進行一個簡(jian)單的分析：
它的(de)光(guang)點(dian)是路燈，向下的(de)垂線(xian)，到地面(mian)上(shang)的(de)光(guang)足，然后是消防栓，光(guang)點(dian)連接(jie)陰(yin)點(dian)，光(guang)足連接(jie)陰(yin)足，畫出陰(yin)影，可(ke)以(yi)看出，因為與光(guang)源距(ju)離近，所以(yi)光(guang)線(xian)是不平行的(de)，呈(cheng)現(xian)一種放射狀，并(bing)且影子也(ye)會呈(cheng)現(xian)放射狀。
根據需要變換位置
為(wei)了呈現想要的視覺(jue)效果，可以隨意(yi)移動光源(yuan)的位置(zhi)，甚(shen)至調整它的顏色、明(ming)暗等，可以人為(wei)改變(bian)。
燈(deng)光(guang)(guang)屬(shu)于(yu)電光(guang)(guang)源(yuan)，它可(ke)以是單一(yi)光(guang)(guang)源(yuan)或者組合光(guang)(guang)源(yuan)，常(chang)見的像這樣的白熾燈(deng)，還有日光(guang)(guang)燈(deng)等(deng)等(deng)。
當各個方向都有(you)光源(yuan)的(de)時候，投影(ying)(ying)(ying)(ying)就(jiu)(jiu)會消失。在醫(yi)(yi)學上，用的(de)無影(ying)(ying)(ying)(ying)燈(deng)(deng)就(jiu)(jiu)是根(gen)據這個原(yuan)理制成的(de)，因為醫(yi)(yi)生做(zuo)手(shou)術的(de)時候，手(shou)和器(qi)械都有(you)可能(neng)(neng)對手(shou)術部位(wei)造成干擾的(de)陰影(ying)(ying)(ying)(ying)，所以無影(ying)(ying)(ying)(ying)燈(deng)(deng)就(jiu)(jiu)能(neng)(neng)盡量消除陰影(ying)(ying)(ying)(ying)。
我們模擬一個太陽(yang)(yang)移動的軌(gui)跡，當太陽(yang)(yang)位置比較低的時候(hou)，光線與地(di)面(mian)的夾角就會比較小，影(ying)(ying)子(zi)(zi)(zi)會很長；升高一些，夾角就稍(shao)微(wei)大了(le)(le)些，影(ying)(ying)子(zi)(zi)(zi)縮短了(le)(le)點(dian)；再升高一些，夾角更(geng)大，影(ying)(ying)子(zi)(zi)(zi)很短了(le)(le)。然后當太陽(yang)(yang)在物(wu)體正(zheng)上方的時候(hou)，與地(di)面(mian)的夾角接近90度(du)(du)，影(ying)(ying)子(zi)(zi)(zi)基本就是(shi)一個點(dian)。那另一邊，基本就是(shi)相同的情況，所以，光源離照射物(wu)體越高、越遠、光線角度(du)(du)越大，陰影(ying)(ying)越短。
我們再(zai)通過幾張(zhang)圖(tu)片(pian)來進一(yi)步了解陰影規律及特點(dian)。
我們看(kan)到人物的(de)影子非常的(de)長(chang)，光線與地(di)面夾角(jiao)比(bi)較小，說明(ming)它的(de)光源在一個比(bi)較低(di)的(de)位置上。
這(zhe)個正俯視的圖片，影子也很長(chang)，說明它的光源(yuan)也在一個較低的位置。
影(ying)子的(de)長度(du)也不算短，但是看光線與(yu)它(ta)的(de)夾角比(bi)較大，證明它(ta)的(de)光源在(zai)相對比(bi)較高的(de)位置上。
這張(zhang)照片比較明顯了，影子比較短，接近(jin)中午的陽光。
△ 接近中午的陽光
我們之前在透視(shi)的那篇(pian)教(jiao)程里說(shuo)過(guo)，物體(ti)的透視(shi)線，最(zui)終都(dou)會(hui)消失在視(shi)平(ping)線上，所以，當畫面中先有一條視(shi)平(ping)線，我們同樣可(ke)以畫出一個(ge)立(li)方體(ti)。
當物體有一個陰影(ying)，我們可以(yi)通過影(ying)點(dian)與陰點(dian)和陰足的連線，找到(dao)(dao)光(guang)點(dian)和光(guang)足。這樣也就找到(dao)(dao)光(guang)源的位置(zhi)。
這張圖片，我們就可(ke)以(yi)通(tong)過倒推的方式(shi)找到光(guang)點，如(ru)果畫面中再放入其(qi)他物體，就可(ke)以(yi)用光(guang)點和光(guang)足對其(qi)連(lian)線(xian)，從而做出投影。
正常(chang)情況下，物體在光源下的投影，如果(guo)在其中出(chu)現一個臺(tai)階會怎樣？
影子就會(hui)隨(sui)著(zhu)(zhu)階梯的(de)形狀而(er)產生變化，也就是說陰影投(tou)在不同的(de)承影面(mian)上，會(hui)隨(sui)著(zhu)(zhu)受影面(mian)的(de)變化而(er)變化。
這兩張圖片(pian)就明顯(xian)看出陰影根據(ju)地面起伏的形狀而變化(hua)。
第一(yi)(yi)個是接觸(chu)陰影(ying)，是物體與物體之(zhi)間接觸(chu)所產生的陰影(ying)，一(yi)(yi)般這種(zhong)我們(men)都(dou)可以用(yong)圖層樣式當中的陰影(ying)來設置。
還(huan)有一種接觸(chu)陰影(ying)，是物(wu)體立(li)面與承影(ying)面之間的(de)投影(ying)關系。
第二種是懸(xuan)空(kong)式投(tou)影(ying)，這類投(tou)影(ying)給人(ren)很強的空(kong)間感，并且大多數情況(kuang)，投(tou)影(ying)都(dou)會成(cheng)為(wei)畫面中的主(zhu)角。
第三種(zhong)是倒影，針對反光較(jiao)強的面會(hui)有，比如鏡面、水面、琉(liu)璃臺面等(deng)，并且在表現一(yi)些(xie)高(gao)端產品(pin)設計時候經常會(hui)使用到。
第四種(zhong)是長投(tou)(tou)影(ying)，也是這幾年扁平(ping)化流行起來，帶動的一種(zhong)投(tou)(tou)影(ying)形(xing)式(shi)。
第五種合成設計(ji)中的投影(ying)(ying)，和實際照片中的場景是(shi)一樣(yang)道理的，這也是(shi)所有投影(ying)(ying)當中比較(jiao)難操作(zuo)的。
最(zui)后(hou)一個創(chuang)意(yi)投影，它不會根據(ju)物(wu)體本身的(de)形態去(qu)表現，而(er)是(shi)根據(ju)文案和設(she)計構思而(er)產(chan)生(sheng)的(de)很有創(chuang)意(yi)的(de)投影形式(shi)，當然(ran)，這個主要靠大家發(fa)散思維(wei)的(de)聯(lian)想了(le)。
用兩個簡單的小(xiao)案(an)例，來給大(da)家(jia)講解一(yi)下如何做(zuo)投影。
給下面右(you)側的(de)書籍做一(yi)個(ge)和左邊一(yi)樣(yang)的(de)投影：
給圖層添加投影圖層樣(yang)式，不透明度(du)調整到45，角度(du)137，距離26，擴展10，大小35。
我們把(ba)外圍一(yi)圈(quan)的投(tou)影(ying)(ying)已經設置好，下面(mian)就(jiu)再添加一(yi)個(ge)投(tou)影(ying)(ying)，也就(jiu)是(shi)最貼近(jin)書(shu)籍邊緣(yuan)部分。這個(ge)部分投(tou)影(ying)(ying)我們可以(yi)稱之為閉塞投(tou)影(ying)(ying)，是(shi)近(jin)光量最少的地方。
再(zai)添加(jia)一個投影(ying)，不透(tou)明度(du)(du)33，角度(du)(du)不變，距離5，擴(kuo)展10，大小10。
利用圖層樣式的投影就(jiu)完成了，大家在調整(zheng)的時(shi)候可以邊調整(zheng)邊觀(guan)察，以達到一個自然的效果(guo)。
第二個方案，是給畫面中的(de)立方體添加一個投(tou)影，要(yao)符(fu)合光(guang)影關系。
第一步要按照透視關系，把立方體看不到(dao)的面給(gei)畫出來。
根據之前我(wo)們學到的知識點(dian)和畫面中其他陰(yin)影來進行分析：
先(xian)連接幾個人物(wu)的(de)(de)(de)影點(dian)和陰點(dian)，我們(men)(men)知道自然光(guang)的(de)(de)(de)光(guang)線(xian)是平行(xing)的(de)(de)(de)，并(bing)且(qie)我們(men)(men)標記出來(lai)的(de)(de)(de)也確實近乎平行(xing)的(de)(de)(de)光(guang)線(xian)，既(ji)然這(zhe)樣(yang)，我們(men)(men)就(jiu)不需要找到(dao)光(guang)點(dian)的(de)(de)(de)位置。
只要復制(zhi)其中(zhong)一條光線到立方體上(shang)的陰點即可，然后我們再去找光足(zu)的位置。
為了找光足，可以(yi)先把(ba)畫面擴展一(yi)下(xia)，然后連接影點(dian)和陰足，三個(ge)參照物連線(xian)的延長線(xian)會(hui)相交(jiao)于一(yi)點(dian)，這個(ge)點(dian)就(jiu)是光足。
從(cong)光足往回(hui)連線(xian)，與(yu)陰(yin)足的(de)延長(chang)線(xian)，相交于影(ying)點，這里為了(le)區分，三條線(xian)我用三個不同(tong)的(de)顏色，然(ran)后我們把三點連線(xian)，就是(shi)陰(yin)影(ying)的(de)區域了(le)。
可(ke)以發現綠色(se)和藍(lan)色(se)是基本重合了(le)(le)，我(wo)們就可(ke)以忽略藍(lan)色(se)的那條(tiao)線了(le)(le)。
立方體陰影的范圍與形狀(zhuang)，然后再進一步刻畫。
做(zuo)個高斯(si)模糊(hu)處理，數值2。
在(zai)陰影(ying)上方新建一個圖層(ceng)，用鋼筆工具(ju)勾勒一個閉塞陰影(ying)，不要太大哦，填充深灰色，模式正片疊底。
做高(gao)斯模糊(hu)，數值1.4。
為了(le)不讓影子邊(bian)緣太(tai)生硬(ying)，選擇濾鏡(jing) – 扭曲(qu) – 波紋 – 41%。
用吸(xi)管工具吸(xi)一下旁(pang)邊影(ying)子的顏色，填(tian)充到(dao)立方(fang)體(ti)影(ying)子。
如果影子太重，可以(yi)適當降低不(bu)透(tou)明度，再統一暗部的色調，這樣陰(yin)影就做完了。
在線客服1號
微信公眾賬號