1. 首頁
  2. 設計

夜貓教育網頁設計理念知識之光線和陰影

夜貓教育網頁設計理念知識之光線和陰影

光源和陰影角度在你進行任何一張圖片的處理之前,首先確定你是否需要陰影,然後確定主光源的方向。

工具/原料

photoshopCS6方法/步驟

1、如上圖,你會發現原始照片中光源在女主角的左上方,所以你應該遵循光源的方向,在最終合成的照片中光線的來源也在女主角的左上方。可以透過照片中一些元素來找出光源的方向從而指導合成中光影的處理。下面有個類似的例子。但是這次光源的方向在右邊,設計師用了同樣的處理方法,在合成中雖然換了場景,但是依舊遵循光源來自右邊,陰影在左邊。

2、但是,有時候沒有明顯的光源作為參考,這時候可以利用場景中的物體的投影來確定光源的方向。這兒有個例子:

3、原始照片中路標沒有陰影,感覺不太真實,我們要為它新增投影以便讓它看起來更真實,這時照片中看不出明顯的光源在哪,但是可以看到照片中的男人和小女孩的投影在人物的右後方,這樣就可以確定路標的投影也應該在它自己的右後方,如下圖:

4、上面的只是基礎的理論,下面我將教你一些我處理光影的技巧,為方便理解我給不同的陰影起了不同的名字。1、聯絡陰影我把這種陰影叫做“聯絡陰影”或者叫“接觸陰影”是因為我不知道叫它什麼名字了哈哈,這是一種非常重要的陰影,這種陰影可以告訴我們物體是放在地上的或者是與某個表面靠的很近,下面這張圖片中雕像與地面接觸的位置就是這樣的陰影,這種陰影的特點是比較黑,但是又不是純黑,它有一定的'透明度和邊緣柔和度。

5、在photoshop中製作這種陰影是很簡單的只要多練習,如下面的例子我把從原始照片中摳出來的模特放進一個新的合成場景中,你能很明顯感覺到畫面很平淡,沒有陰影模特看起來就像浮在空中。

6、我們給他新增點陰影試試,方法如下圖所示,設定一箇中等大小筆刷(檢視片大小而定),硬度30%左右,透明大概25%,前景色黑色,然後在物體邊緣進行繪製,從裡到外的繪製。

7、軟陰影這種陰影是一種特別重要的陰影,它能讓你的合成真實感再提升一個檔次。而且在繪製這種陰影時你的自由度更大,只要設定一個柔和度大一點的筆刷,25%-40%左右的強度,然後在物體周圍繪製。記住,從物體逐漸向遠處,陰影的透明度逐漸變低漸隱。如下圖,我使用一個大柔和度低透明底(20%左右)的畫筆來繪製物體周圍的陰影,你可以看到,你分辨不出女孩的陰影的形狀,因為它太模糊了,但是它無疑增加了場景的真實性,還要注意陰影從身體部位開始逐漸向遠處是如何漸隱到消失的。

8、投射陰影這如果你想建立更真實的效果,你還得再學會另外一種陰影,投射陰影,它是由於物體阻擋光線後投射到地面或者其他表面上的投影,所以這種陰影受物體形狀的影響較大,在photoshop中我們一般直接使用物體的形狀來製作這種陰影。在photoshop中製作同樣一個效果可以使用很多種不同的方法來實現,就看你自己習慣或喜歡哪一種方法,簡單介紹幾種快速製作投射陰影的方法:方法一:如下圖演示,複製塔圖層,然後用”色相/飽和度”命令將明度降低到零,然後變換命令進行翻轉位置調整和變形,再加點高斯模糊,適當調整一下透明度,以及根據從近到遠陰影逐漸漸隱的原理,用蒙版或者橡皮擦做適當調整就ok了。

9、方法二:這種方法特別快,很多人不知道,可以利用圖層樣式分離來快速製作投影。開啟圖層樣式面板,新增投影,調整引數得到一個邊緣柔和的投影,可以在此處調節投影的透明度,也可以在分離後再圖層的不透明度中來控制它的透明度。確定後再圖層面板該圖層右邊的圖層樣式符號上右擊,選擇”建立圖層”,即可將剛才設定的投影單獨分離到獨立的圖層上,然後就可像方法一中一樣調整位置和透明度等實現投影製作。

10、製作投射投影的方法很多,這裡就不舉過多例子,大家用自己最擅長的方式實現了就行。下面我們來講一下光線的處理技巧。投射光線光效製作在合成中特別重要,能大大提升合成的真實感.下面介紹一下下圖中這種光效的製作方法。

11、在photoshop中進行光效的製作並不難,只要利用好圖層混合模式。不要固定思維覺得一個效果就在一個圖層上,其實圖層之間相互混合能製作很多有趣的效果。首先來建立光源,新建一圖層,前景色橘黃色,使用一個大的柔和的筆刷在燈的位置點一個柔和的點,然後更改圖層混合模式,可以一個個嘗試,試一下哪個模式出來的效果好就選哪個,這個不固定,有時候這種模式適合,有時候又是另一種模式更適合,視情況而定。記住混合模式跟亮度值有關,如果所有模式嘗試過了還是沒有你期望的效果,嘗試用一個更暗一點、飽和度更低一點的顏色試一下,這個例子中我使用的是一個深黃色來製作的輝光。

12、下一步我們利用濾鏡>渲染>鏡頭光暈來製作發光光芒。做一個矩形選區,新建圖層填充黑色,新增鏡頭光暈濾鏡,把光暈放在矩形中心,然後可以利用色相飽和度適當調整顏色,然後更改混合模式為”濾色”,這樣黑色部分將被濾去只剩光暈的部分,如圖:

13、光源製作好以後,要考慮製作光源可能影響到的場景的位置的光效,這樣才能增加真實感,製作方法跟上面一樣,都是利用柔和的大筆刷來繪製然後改變圖層混合模式。我發現顏色減淡、亮光、線性減淡這幾個混合模式在製作光效時特別常用,但就像剛才說的,它還受顏色和亮度值得影響,所以,光效的真實感取決於你把它放在哪個位置。

14、上圖可以看見,地面增加了光效後增加了很多真實感,在這裡使用的是一個大的柔和的黃色筆刷畫了一個點,然後顏色減淡混合模式,再利用變形工具壓扁適合地面,同樣左側牆面上的光效也可用類似的方法,大家自己嘗試一下,反正思路就是這麼一個思路,更多細節就自己嘗試著去新增試試。如圖:

15、輪廓光下面來介紹一種光,當光線來自物體的一邊或者從物體背面來的時候會在物體的邊緣輪廓上形成一道亮的光效,叫做輪廓光,很多攝影師會利用這種輪廓光,給拍攝物件製造一種神秘、唯美的感覺。簡單的方式我們利用圖層樣式就能製作這種光線,新增一些內陰影,然後改變一下混合模式就可以(注意這裡的內陰影是圖層樣式的名稱,不要被名字給侷限了你的思維,其實內陰影是可以改變顏色的,它就不僅僅是可以做內陰影了,巧妙的利用它可以製作很多有趣的效果,比如UI設計中經常利用白色的內陰影來做高光等等)。當然總是使用同一種混合模式不一定總是有用,你需要去嘗試不同的混合模式來製作最適合的效果,反正目的是在物體的邊緣建立輪廓光線。