2019-1-24 濤濤
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
平時設計工作中，關于投影，簡單一點的就是一個圖片中的主體摳下來放到畫面中，這個時候就要設置一個投影，讓主體在畫面中更和諧。難一點的就是在合成設計里，涉及到每個物體的投影形狀、顏色、透視等等，根據(jù)分析畫出投影，這期教程就給大家普及一下投影的相關知識，以及如何去做投影。
陰影是什么呢？陰影是光帶給這個世界的禮物。
還是正經(jīng)解釋一下什么是陰影？
在客觀世界中，光線總是從光源沿著直線方向發(fā)散。
在光線的照射下，受光部分稱為亮面，僅次于亮面的受光是灰面，而光線無法照射到的部分，稱為暗面；由于被受光面遮擋，物體所在環(huán)境中出現(xiàn)的陰暗部分稱為影，陰與影的總和就是陰影。
陰影形成的要素有哪些呢？
首先要有光源，光源就是光點，光點向下的垂線與承接面的焦點就是光足，陽光的光足在地平線上，燈光的光足在照射的基面上，然后是要有物體，光點發(fā)出的光線，經(jīng)過物體上陰點，光足與物體底點也就是陰足連線，與光線相交的點就是影點，陰影就是陰足到影點的部分。
畫陰影時，一般是先定光點和光足，然后是陰點陰足，光點連接陰點，光足連接陰足，這樣陰影自然就畫出來了。
用這張照片來做個簡單說明：
光源的位置，就是太陽，向下垂線交于海平線于一點，這個就是光足。
然后，定出一些椅子上的陰點和陰足。
光點連接陰點，光足連接陰足，這樣就能畫出陰影的大致形狀了。
光源總體上可以分為兩大類，一類是自然光，比如：太陽光、月光。一類是人造光，比如：燈光、燭光。
自然光有兩個特點：光線平行；隨著時間的變化而變化，不會為?的意志所轉(zhuǎn)移。
光線平行
因為太陽、月亮這樣的發(fā)光體離我們太過遙遠，所以可以把它發(fā)散的光線視為平行的。
再來說下這張圖片，同樣是自然光，為什么它的光線不是平行的？
這是因為透視的現(xiàn)象，就像這個地板，不也是平行的嗎？但是因為透視的關系，它們會相交于一點，光線也是同樣道理，因為我們以這個角度觀察，所以光線會出現(xiàn)透視現(xiàn)象。
也就是說，當我們從側(cè)面觀察的話，就很明顯看到光線是平行的。
隨著時間的變化而變化，不會為人的意志所轉(zhuǎn)移
日升日落，陰晴圓缺，都是自然的規(guī)律，不會為我們的意志所改變。
人造光有兩個特點：光線不平行，呈放射狀；根據(jù)需要變換位置。
光線不平行，呈放射狀
用這張圖片來舉例，畫面中光源是路燈，物體是消防栓，我們對它進行一個簡單的分析：
它的光點是路燈，向下的垂線，到地面上的光足，然后是消防栓，光點連接陰點，光足連接陰足，畫出陰影，可以看出，因為與光源距離近，所以光線是不平行的，呈現(xiàn)一種放射狀，并且影子也會呈現(xiàn)放射狀。
根據(jù)需要變換位置
為了呈現(xiàn)想要的視覺效果，可以隨意移動光源的位置，甚至調(diào)整它的顏色、明暗等，可以人為改變。
燈光屬于電光源，它可以是單一光源或者組合光源，常見的像這樣的白熾燈，還有日光燈等等。
當各個方向都有光源的時候，投影就會消失。在醫(yī)學上，用的無影燈就是根據(jù)這個原理制成的，因為醫(yī)生做手術(shù)的時候，手和器械都有可能對手術(shù)部位造成干擾的陰影，所以無影燈就能盡量消除陰影。
我們模擬一個太陽移動的軌跡，當太陽位置比較低的時候，光線與地面的夾角就會比較小，影子會很長；升高一些，夾角就稍微大了些，影子縮短了點；再升高一些，夾角更大，影子很短了。然后當太陽在物體正上方的時候，與地面的夾角接近90度，影子基本就是一個點。那另一邊，基本就是相同的情況，所以，光源離照射物體越高、越遠、光線角度越大，陰影越短。
我們再通過幾張圖片來進一步了解陰影規(guī)律及特點。
我們看到人物的影子非常的長，光線與地面夾角比較小，說明它的光源在一個比較低的位置上。
這個正俯視的圖片，影子也很長，說明它的光源也在一個較低的位置。
影子的長度也不算短，但是看光線與它的夾角比較大，證明它的光源在相對比較高的位置上。
這張照片比較明顯了，影子比較短，接近中午的陽光。
△ 接近中午的陽光
我們之前在透視的那篇教程里說過，物體的透視線，最終都會消失在視平線上，所以，當畫面中先有一條視平線，我們同樣可以畫出一個立方體。
當物體有一個陰影，我們可以通過影點與陰點和陰足的連線，找到光點和光足。這樣也就找到光源的位置。
這張圖片，我們就可以通過倒推的方式找到光點，如果畫面中再放入其他物體，就可以用光點和光足對其連線，從而做出投影。
正常情況下，物體在光源下的投影，如果在其中出現(xiàn)一個臺階會怎樣？
影子就會隨著階梯的形狀而產(chǎn)生變化，也就是說陰影投在不同的承影面上，會隨著受影面的變化而變化。
這兩張圖片就明顯看出陰影根據(jù)地面起伏的形狀而變化。
第一個是接觸陰影，是物體與物體之間接觸所產(chǎn)生的陰影，一般這種我們都可以用圖層樣式當中的陰影來設置。
還有一種接觸陰影，是物體立面與承影面之間的投影關系。
第二種是懸空式投影，這類投影給人很強的空間感，并且大多數(shù)情況，投影都會成為畫面中的主角。
第三種是倒影，針對反光較強的面會有，比如鏡面、水面、琉璃臺面等，并且在表現(xiàn)一些高端產(chǎn)品設計時候經(jīng)常會使用到。
第四種是長投影，也是這幾年扁平化流行起來，帶動的一種投影形式。
第五種合成設計中的投影，和實際照片中的場景是一樣道理的，這也是所有投影當中比較難操作的。
最后一個創(chuàng)意投影，它不會根據(jù)物體本身的形態(tài)去表現(xiàn)，而是根據(jù)文案和設計構(gòu)思而產(chǎn)生的很有創(chuàng)意的投影形式，當然，這個主要靠大家發(fā)散思維的聯(lián)想了。
用兩個簡單的小案例，來給大家講解一下如何做投影。
給下面右側(cè)的書籍做一個和左邊一樣的投影：
給圖層添加投影圖層樣式，不透明度調(diào)整到45，角度137，距離26，擴展10，大小35。
我們把外圍一圈的投影已經(jīng)設置好，下面就再添加一個投影，也就是最貼近書籍邊緣部分。這個部分投影我們可以稱之為閉塞投影，是近光量最少的地方。
再添加一個投影，不透明度33，角度不變，距離5，擴展10，大小10。
利用圖層樣式的投影就完成了，大家在調(diào)整的時候可以邊調(diào)整邊觀察，以達到一個自然的效果。
第二個方案，是給畫面中的立方體添加一個投影，要符合光影關系。
第一步要按照透視關系，把立方體看不到的面給畫出來。
根據(jù)之前我們學到的知識點和畫面中其他陰影來進行分析：
先連接幾個人物的影點和陰點，我們知道自然光的光線是平行的，并且我們標記出來的也確實近乎平行的光線，既然這樣，我們就不需要找到光點的位置。
只要復制其中一條光線到立方體上的陰點即可，然后我們再去找光足的位置。
為了找光足，可以先把畫面擴展一下，然后連接影點和陰足，三個參照物連線的延長線會相交于一點，這個點就是光足。
從光足往回連線，與陰足的延長線，相交于影點，這里為了區(qū)分，三條線我用三個不同的顏色，然后我們把三點連線，就是陰影的區(qū)域了。
可以發(fā)現(xiàn)綠色和藍色是基本重合了，我們就可以忽略藍色的那條線了。
立方體陰影的范圍與形狀，然后再進一步刻畫。
做個高斯模糊處理，數(shù)值2。
在陰影上方新建一個圖層，用鋼筆工具勾勒一個閉塞陰影，不要太大哦，填充深灰色，模式正片疊底。
做高斯模糊，數(shù)值1.4。
為了不讓影子邊緣太生硬，選擇濾鏡 – 扭曲 – 波紋 – 41%。
用吸管工具吸一下旁邊影子的顏色，填充到立方體影子。
如果影子太重，可以適當降低不透明度，再統(tǒng)一暗部的色調(diào)，這樣陰影就做完了。
藍藍設計( m.wtxcl.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務。