夜貓教育網(wǎng)頁(yè)設(shè)計(jì)理念知識(shí)之光線和陰影(20210223235615)

1、夜貓教育網(wǎng)頁(yè)設(shè)計(jì)理念知識(shí)之光線和陰 影光源和陰影角度在你進(jìn)行任何一張圖片的處理之前，首 先確定你是否需要陰影，然后確定主光源的方向。工具/ 原料photoshopCS6 方法 / 步驟1、如上圖，你會(huì)發(fā)現(xiàn)原始照片中光源在女主角的左上 方，所以你應(yīng)該遵循光源的方向，在最終合成的照片中光線 的來(lái)源也在女主角的左上方?？梢酝ㄟ^(guò)照片中一些元素來(lái)找 出光源的方向從而指導(dǎo)合成中光影的處理。下面有個(gè)類似的 例子。但是這次光源的方向在右邊，設(shè)計(jì)師用了同樣的處理 方法，在合成中雖然換了場(chǎng)景， 但是依舊遵循光源來(lái)自右邊， 陰影在左邊。2、但是，有時(shí)候沒(méi)有明顯的光源作為參考，這時(shí)候可 以利用場(chǎng)景中的物體的投影來(lái)確定

2、光源的方向。這兒有個(gè)例 子：3、原始照片中路標(biāo)沒(méi)有陰影，感覺(jué)不太真實(shí)，我們要 為它添加投影以便讓它看起來(lái)更真實(shí)，這時(shí)照片中看不出明 顯的光源在哪，但是可以看到照片中的男人和小女孩的投影 在人物的右后方，這樣就可以確定路標(biāo)的投影也應(yīng)該在它自 己的右后方，如下圖：4、上面的只是基礎(chǔ)的理論，下面我將教你一些我處理 光影的技巧，為方便理解我給不同的陰影起了不同的名字。1、聯(lián)系陰影我把這種陰影叫做“聯(lián)系陰影”或者叫“接觸陰影”是因?yàn)槲也恢澜兴裁疵至斯@是一種非常 重要的陰影，這種陰影可以告訴我們物體是放在地上的或者 是與某個(gè)表面靠的很近，下面這張圖片中雕像與地面接觸的 位置就是這樣的陰影，這種

3、陰影的特點(diǎn)是比較黑，但是又不 是純黑，它有一定的透明度和邊緣柔和度。5、在 photoshop 中制作這種陰影是很簡(jiǎn)單的只要多練 習(xí)，如下面的例子我把從原始照片中摳出來(lái)的模特放進(jìn)一個(gè) 新的合成場(chǎng)景中 , 你能很明顯感覺(jué)到畫(huà)面很平淡，沒(méi)有陰影 模特看起來(lái)就像浮在空中。6、我們給他添加點(diǎn)陰影試試，方法如下圖所示，設(shè)置 一個(gè)中等大小筆刷 （ 視圖片大小而定 ）, 硬度 30%左右，透明大 概 25%, 前景色黑色， 然后在物體邊緣進(jìn)行繪制， 從里到外的 繪制。7、2、軟陰影這種陰影是一種特別重要的陰影，它能讓 你的合成真實(shí)感再提升一個(gè)檔次。而且在繪制這種陰影時(shí)你 的自由度更大 , 只要設(shè)置一個(gè)柔和度

4、大一點(diǎn)的筆刷， 25%-40% 左右的強(qiáng)度，然后在物體周圍繪制。記住，從物體逐漸向遠(yuǎn) 處，陰影的透明度逐漸變低漸隱。如下圖，我使用一個(gè)大柔 和度低透明底 （20%左右 ） 的畫(huà)筆來(lái)繪制物體周圍的陰影，你 可以看到， 你分辨不出女孩的陰影的形狀， 因?yàn)樗：耍?但是它無(wú)疑增加了場(chǎng)景的真實(shí)性 , 還要注意陰影從身體部位 開(kāi)始逐漸向遠(yuǎn)處是如何漸隱到消失的。8、3、投射陰影這如果你想創(chuàng)建更真實(shí)的效果, 你還得再學(xué)會(huì)另外一種陰影 , 投射陰影 , 它是由于物體阻擋光線后 投射到地面或者其他表面上的投影 , 所以這種陰影受物體形 狀的影響較大 , 在 photoshop 中我們一般直接使用物體的形 狀

5、來(lái)制作這種陰影。在 photoshop 中制作同樣一個(gè)效果可以 使用很多種不同的方法來(lái)實(shí)現(xiàn) , 就看你自己習(xí)慣或喜歡哪一 種方法 , 簡(jiǎn)單介紹幾種快速制作投射陰影的方法: 方法一 : 如下圖演示 , 復(fù)制塔圖層 , 然后用”色相 /飽和度”命令將明度 降低到零 , 然后變換命令進(jìn)行翻轉(zhuǎn)位置調(diào)整和變形, 再加點(diǎn)高斯模糊 ,適當(dāng)調(diào)整一下透明度 , 以及根據(jù)從近到遠(yuǎn)陰影逐 漸漸隱的原理 , 用蒙版或者橡皮擦做適當(dāng)調(diào)整就 ok 了。9、方法二 :這種方法特別快 , 很多人不知道 , 可以利用圖 層樣式分離來(lái)快速制作投影。 打開(kāi)圖層樣式面板， 添加投影 , 調(diào)整參數(shù)得到一個(gè)邊緣柔和的投影 , 可以在此處

6、調(diào)節(jié)投影的 透明度 , 也可以在分離后再圖層的不透明度中來(lái)控制它的透 明度。確定后再圖層面板該圖層右邊的圖層樣式符號(hào)上右擊 選擇”創(chuàng)建圖層” , 即可將剛才設(shè)置的投影單獨(dú)分離到獨(dú)立 的圖層上 , 然后就可像方法一中一樣調(diào)整位置和透明度等實(shí) 現(xiàn)投影制作。10、制作投射投影的方法很多，這里就不舉過(guò)多例子， 大家用自己最擅長(zhǎng)的方式實(shí)現(xiàn)了就行。下面我們來(lái)講一下光 線的處理技巧。 4、投射光線光效制作在合成中特別重要 , 能 大大提升合成的真實(shí)感 . 下面介紹一下下圖中這種光效的制 作方法。11 、在 photoshop 中進(jìn)行光效的制作并不難 , 只要利用 好圖層混合模式。不要固定思維覺(jué)得一個(gè)效果就在

7、一個(gè)圖層 上，其實(shí)圖層之間相互混合能制作很多有趣的效果。首先來(lái) 創(chuàng)建光源 , 新建一圖層 , 前景色橘黃色 , 使用一個(gè)大的柔和的 筆刷在燈的位置點(diǎn)一個(gè)柔和的點(diǎn) , 然后更改圖層混合模式 , 可以一個(gè)個(gè)嘗試 , 試一下哪個(gè)模式出來(lái)的效果好就選哪個(gè),這個(gè)不固定 , 有時(shí)候這種模式適合 , 有時(shí)候又是另一種模式 更適合 , 視情況而定。記住混合模式跟亮度值有關(guān) , 如果所有 模式嘗試過(guò)了還是沒(méi)有你期望的效果 , 嘗試用一個(gè)更暗一點(diǎn)、 飽和度更低一點(diǎn)的顏色試一下，這個(gè)例子中我使用的是一個(gè) 深黃色來(lái)制作的輝光。12、下一步我們利用濾鏡 渲染 鏡頭光暈來(lái)制作發(fā)光光 芒。做一個(gè)矩形選區(qū)，新建圖層填充黑色，

8、添加鏡頭光暈濾 鏡，把光暈放在矩形中心 , 然后可以利用色相飽和度適當(dāng)調(diào) 整顏色 , 然后更改混合模式為”濾色” , 這樣黑色部分將被濾 去只剩光暈的部分 , 如圖 :13、光源制作好以后 , 要考慮制作光源可能影響到的場(chǎng) 景的位置的光效 , 這樣才能增加真實(shí)感 , 制作方法跟上面一 樣, 都是利用柔和的大筆刷來(lái)繪制然后改變圖層混合模式。 我發(fā)現(xiàn)顏色減淡、亮光、線性減淡這幾個(gè)混合模式在制作光 效時(shí)特別常用 , 但就像剛才說(shuō)的 , 它還受顏色和亮度值得影 響, 所以, 光效的真實(shí)感取決于你把它放在哪個(gè)位置。14、上圖可以看見(jiàn) , 地面增加了光效后增加了很多真實(shí) 感, 在這里使用的是一個(gè)大的柔和的黃色筆刷畫(huà)了一個(gè)點(diǎn)， 然后顏色減淡混合模式，再利用變形工具壓扁適合地面 , 同 樣左側(cè)墻面上的光效也可用類似的方法，大家自己嘗試一下， 反正思路就是這么一個(gè)思路，更多細(xì)節(jié)就自己嘗試著去添加 試試。如圖：15、5、輪廓光下面來(lái)介紹一種光 , 當(dāng)光線來(lái)自物體的一 邊或者從物體背面來(lái)的時(shí)候會(huì)在物體的邊緣輪廓上形成一 道亮的光效 , 叫做輪廓光 , 很多攝影師會(huì)利用這種輪廓光 , 給 拍攝對(duì)象制造一種神秘、唯美的感覺(jué)。簡(jiǎn)單的方式我們利用 圖層樣式就能制作這種光線 , 添加一些內(nèi)陰影 , 然后改變一 下混合模式就可以 （ 注意這里的內(nèi)陰影是圖層樣式的名稱 , 不要被名字給局限了你的思維 , 其實(shí)內(nèi)陰