PS與水的質感表現

來源:互聯網
上載者:User
在用Photoshop表現各種反光材質的時候,我們一般都會選擇金屬、塑料、玻璃等對光反射比較強烈的材質。這一次,我們來試試用水——這種最普通不過的東西,來表現一種反光強烈、閃亮和透明的表面效果。

  對於水這種介質,我們再熟悉不過了。在Photoshop中,很多時候用圖層樣式來表現它的透明感和反光,這種方法雖然比較方便,但無法表現水下的折射效果。恰恰是折射效果,才最能體現真實感。同為透明材質,玻璃的折射率(15000)要比水(13333)大一些。此外,水有一個很重要的特徵,那就是表面張力。所以,它雖然不像透明玻璃那樣可定形,但也絕不可把它當作平面來處理。如果你覺得這句話理解起來有困難,很好辦,在你的桌子上撒一些水滴上去,仔細觀察它的形態,這樣你就會明白它的立體感同其它材質的立體感有何區別了。

  說了這麼多,你可能已經隱約感覺到了,要想表現出理想的效果,並不是一件容易的事情。是的,有很多挑戰在等著我們,如光線和反光,高光和眩光,還有陰影等。在創作過程中,我們將儘力開發Photoshop的功能,通道、濾鏡、圖層效果和各種映像調整工具,以及圖層混合模式等。

  還有一點需要知道的,那就是,在Photoshop中,有許多不同的方法可以達到相同的效果。Photoshop給人最大的驚喜之一,在於它有時會像有16個不同類型開瓶器的瑞士軍刀一樣,雖然功能各異,但最終都能達到同一目的——你的瓶子被開啟了。有時候,如果你覺得你不太擅長運用像曲線、運算、通道等這樣一些命令來處理映像的時侯,你可以試著用其它方法來代替,只要能達到相同的效果就可以。

  好了,現在讓我們開始吧!

  1.首先,在Photoshop中建立一個文檔,大小為600×400像素,解析度為72dpi。如果想要用於印刷,就要提高解析度。用文本工具寫上文字,顏色為黑色。如果願意的話,可以微調文字,使其錯落有致。可以選擇一種較粗的字型,這樣效果會比較好。字型的大小也要稍大一些。(圖01)

圖01

  如果你希望文字更豐富多彩,可以在Adobe Illustrator中編輯文字路徑,然後將文字置入到Photoshop中。

  在調整字型到滿意之後,將文字圖層和背景層合并。

  2.接下來,我們添加另一種裝飾。 建立一層,將筆刷硬度設為100%,用黑色畫筆在文字周圍隨意點幾下。選擇一個比你的字型筆劃稍細一點的筆刷,如例子中我選擇了直徑為20像素的筆刷,在文字的下端向下拖動,再用直徑為30像素的筆刷,在末尾處點擊,作為結束。這樣就形成液體向下滴落的效果。要想使效果更自然,只需在末尾處點擊一下即可。要使水滴的分布盡量自然,不要太規律,還可以調節筆刷的大小,使其有所變化。之後,將圖層向下拼合。這裡,將水滴置於新層的目的就在於保險,不至於破化文字層。當然,如果有把握的話,你可以在文字層中直接操作。 (圖02)

圖02

  3.轉到通道面板,現在的通道不管是RGB通道還是單色通道,其內容都是一樣的。我們隨意從中選擇一個複製。確定在新通道中,雙擊通道,在通道選項對話方塊中,將通道更名為water。在預設情況下,在通道中,白色是選區,黑色是隱藏的部分。所以,我們需要用反相命令(Ctrl+I)將通道映像的黑白反轉,使文字及水滴之外的部分被蒙版覆蓋。(圖03)

圖03

  4.下面我們來製作背景映像。既然是水,那麼我想我們最好把它的背景放在浴室的瓷磚上。這裡,我們只打算製作最簡單的瓷磚,沒有任何花紋的那種。即使是這樣,在後面我們進行到反光效果的時侯,這樣的背景都會強化反光效果,增強水的質感。

  現在,建立一個新的文檔,240×240像素大小,白色背景。雙擊背景,將背景圖層轉換為圖層0。按Ctrl+R,開啟尺規。在視圖菜單中選擇對齊與對齊到文檔邊緣和輔助線。從尺規的頂端和左邊各拖出一條輔助線,慢慢拖動輔助線,由於選擇了對齊到文檔邊緣,輔助線會自動吸附到圖層的中心。用矩形選框工具,沿著輔助線的交點向文檔的左上方拖動滑鼠,直到文檔的邊緣。這樣矩形選框就佔了整個映像的四分之一。選擇前景色彩為RGB(0,102,153),填充選區。

  確定當前工具依然為選框工具,用滑鼠將選框移動到映像的右下部分,緊貼輔助線和文檔邊緣,依然用前景色彩填充。隨後,將選框分別移動到右上部和左下部,將前景色彩設為RGB(0,51,102),分別填充。現在的映像,如圖04所示。

圖04


  選擇映像>定義圖案命令,將現在的映像定義為圖案。返回到上一個文檔中,點擊油漆筒工具,在填滿類型中選擇圖案。在填充下拉框中,選擇我們剛才定義的圖案類型,其它選項按照預設設定。結果如圖05所示。

圖05

  5.雖然只需要一個簡單的背景,但我們依然有權利拒絕平板。為背景映像增加生氣的方法很多,在這裡,我們採用一種較為常用的效果——光照。這需要用到Photoshop渲染濾鏡組中的光照效果濾鏡。很多時候,僅僅加入了光照,映像的真實感就會倍增。現在我們來體驗一下。開啟光照效果對話方塊,樣式為預設,將發光源設在映像的左上方,調整光照面積。光照類型為點光,強度為14,聚焦為71,屬性欄中,光澤和材料都設為100,曝光度為0,環境為50。確定光照顏色為白色。最後在紋理通道中選擇藍色通道,勾選白色部分凸出。高度為50。這樣會使映像具有立體的效果,淺色方塊會高於深色方塊。如果沒有選擇白色部分凸出,則深色方塊高於淺色方塊。(圖06,07)

圖06

圖07

  6.現在,我們已經完成了帶有立體感的背景。選擇通道面板,選擇通道water,將其拖動到通道面板下反的建立新通道按紐上,複製它的副本。我們想在這個通道中製作一點更像液體的感覺。在通道water 副本中,首先選擇濾鏡>模糊>高斯模糊,將模糊半徑設為6.0像素;接著,按下快速鍵Ctrl+L,開啟色階對話方塊,設定輸入色階分別為36,1.00,54,減少灰色像素,使白色地區邊緣光滑。此時,通道內的字母和水滴地區進一步融合在一起。(圖08)

圖08

  7.現在該把我們的新通道派上用場了。回到圖層面板,建立一層,命名為water,複位色板後,用白色填充圖層。確保其為當前活動圖表層,載入通道water 副本的選區,用黑色填充選區後取消選擇。(圖09)

圖09

  8.我們準備給water層添加立體效果,這要通過風格化濾鏡組中的浮雕濾鏡來實現。但如果直接應用浮雕效果的化,映像的斜邊會很銳利,不像水滴效果。所以在應用浮雕之前,先要對映像進行模糊處理,這樣可使浮雕映像平滑,邊緣光滑。再次應用高斯模糊濾鏡,設定半徑為6像素,這樣我們就為下一步的浮雕建立了從黑色到白色的光滑過渡。開啟浮雕濾鏡對話方塊後,設定角度為-45度,高度為6像素,數量為100%。

  我們希望給映像添加柔和光滑的邊緣,而現在浮雕效果的顯然並不能讓人滿意,這樣我們就需要裁掉一部分邊緣。載入通道water 副本的通道選區,反選,用選擇>羽化命令柔化選區,羽化半徑為2像素。用黑色填充選區後,再用編輯>消褪填充命令褪去填充效果:不透明度為50%,模式為正常,然後取消選擇,結果如圖10所示。

圖10


 9.現在,我們已經得到了光滑的浮雕效果,但它還是沒有液體的感覺。下面我們要通過Photoshop中最常用的顏色調整工具之一——曲線,來得到液體反射的光線效果。如果你是個曲線工具的新手,那麼最好花些時間來瞭解一下這個工具,作為Photoshop中最強大的顏色處理工具(我個人認為),曲線的確值得你花費一些時間去好好研究。它可以對映像中所有灰階的像素加以調節,從白到黑無一遺漏。在這裡,我們打算用曲線來增強水滴對象高光和暗調之間的對比,這會使它呈現除閃亮的外表。

  確定water層為當前活動圖表層。按快速鍵Ctrl+M,調出曲線對話方塊,如圖11所示調節曲線。在調節曲線的同時,開啟預覽視窗,這樣你可以看到你的每一個改動帶給映像的變換。按圖所示調節曲線後,我們的映像就變成的下面的樣子(圖12)。

圖11

圖12

  我們知道,曲線圖表下方的灰階漸層條代表了映像中當前圖層或通道的256級灰階值。在圖表左邊的垂直漸層條則代表了變化後的像素階值。滑鼠在圖表範圍內移動或點擊,其點的對應輸入值和輸出值就會出現在下面。在曲線未加改動之前,曲線呈45度斜線,每個點的縱橫座標都相同。當你移動曲線上的某一點時,改變了其輸入值和輸出值,使曲線發生了變化。這樣,映像中相應的像素也發生了變化。

  10.接下來,我們用塑料封裝濾鏡為映像添加更多的高光效果。塑料封裝濾鏡對建立不規則的高光,如液體、玻璃等,都具有很好的效果。開啟濾鏡>美術效果>塑料封裝,設定高光強度為20,細節為11,平滑度為8;然後用編輯菜單下的消褪塑料封裝命令減褪效果,設定不透明度為25%,模式為正常。這樣塑料封裝的效果更為細膩。(圖13)

圖13

  11.現在我們的任務是將所需的映像從背景中剝離出來。確保當前活動層為water層,載入通道water 副本通道的選區,反選,刪除後取消選擇。接下來,將圖層混合模式改為強光,這樣,水滴的效果初步顯露出來。雖然還不是很理想,但我們會在下面的過程逐步完善。(圖14)

圖14

  12.接下來,我們的任務是要創造光照效果和彎曲我們在“水”下的背景,以表示折射效果。首先,我們需要複製背景層,然後,按住Alt鍵,雙擊背景層 副本,在彈出的圖層屬性對話方塊中,將名稱改為refraction,我們將在這一層中實現扭曲效果。我們用置換濾鏡來進行扭曲。先來製造置換濾鏡所用的置換圖。

  轉到通道面板,選擇通道water 副本,按Ctrl+A,選擇整個通道映像,然後Ctrl+C複製。建立一個新文檔,命名為water displace。由於剛才的資料留在剪貼簿中,所以,現在映像的預設大小和通道映像的大小是完全相同的,映像模式為灰階。然後將按Ctrl+V,將通道water 副本的映像粘貼在新的一層中,拼合圖層。用高斯模糊濾鏡模糊映像,半徑為6像素。將映像儲存為.psd格式,將water displace關閉,完成置換圖的製作。

  回到我們剛才工作的文檔中,先取消選擇,回到RGB通道,確保當前活動圖表層為refraction。執行濾鏡>扭曲>置換,開啟置換濾鏡對話方塊。設定水平比例和垂直比例均為5%,置換圖伸展以適合,未定義地區重複邊緣像素,點擊OK後,你會被要求選擇一個格式為.psd的置換圖,選擇我們剛才製作的water displace檔案,點擊開啟。你的refraction層會隨著水的形狀而出現扭曲。(圖15)

圖15

  如果你對置換濾鏡還不是很瞭解,那麼以這個例子來說:在你對檔案water displace進行了高斯模糊處理之後,映像產生了大量灰階像素。這樣,以原來的白色作為高光地區,黑色作為暗調地區。其它集中在水滴物體邊緣的灰階像素的變化,則取決於其是否高於128度的灰階值:灰階值高於128,也就是較亮的像素,使被扭曲映像相應的像素向左和向上,灰階值低於128,即較暗的像素,則會使被扭曲映像相應的像素向右和向下。灰階值為128的像素,不發生變化。如果你想更清楚的瞭解置換圖是如何作用於refraction層的,那麼請看圖16。可以看到,在refraction層中,相對於water displace檔案的完全為黑色和白色的地區都沒有發生扭曲,置換圖只對邊緣的灰色像素起到了置換的作用。


 

圖16

  13.你可以看到,發生扭曲的部分還包括了水滴對象的旁邊,而我們只需要表現出背景在水滴下的扭曲就可以了,旁邊的扭曲是多餘的。再次載入通道water 副本的地區,反選,確定在refraction層中刪除,取消選擇。這樣,我們就很好的表現出水滴的折射效果。(圖17a,17b)

圖17a

圖17b

  14.水滴相對於背景來說還不夠透亮,我們將用另一種不同的圖層混合模式來解決這個問題。複製water層,可以看到水的高光部分更加透亮,拼合water 副本和water層。(圖18a,18b)

圖18a

圖18b

 

 15.為了給水滴添加更多的縱深感,我們要通過圖層樣式給水滴添加投影和光暈效果。選擇refraction層,雙擊圖層開啟樣式對話方塊,選擇投影,保持混合模式和顏色不變,將不透明度降低到40%,角度為135度,使用全域光,距離為3像素,擴充為0%,大小為6像素,右鍵點擊圖層效果,從快顯功能表中選擇建立圖層命令,被分離出來的圖層被自動命名為“refraction”的投影。再次對refraction層添加投影樣式,這次將投影的混合模式改為正常,顏色為白色,角度為-45度,其它設定和上次相同。依然用建立圖層的方法將效果與圖層分離,為了避免和上個投影層混淆,將新建立的圖層效果層命名為“refraction”的發光。(圖19)

圖19

  16.我們的映像還差最明顯的高光部分。沒有強烈的反射光線,水滴的效果就不夠完整。首先,我們來製作高光地區。在通道面板中,複製通道water 副本,將副本2通道更名為highlights。用半徑為3像素的高斯模糊濾鏡連續兩次模糊通道highlights後(連續兩次用半徑為3像素的高斯模糊的效果要比只用一次半徑為6像素的模糊效果好),用色階調整,設定輸入色階分別為200,1.00,255;然後用浮雕濾鏡製造立體效果,角度為-45,高度為6像素,數量為100%;隨後用色階調整,設定輸入色階分別為128,1.00,255;這樣就消除了灰色,只剩下白色的高光地區;再用高斯模糊濾鏡模糊,半徑為3像素,進行最後一次色階調整,設定輸入色階為130,1.00,200,這就是我們最終需要得到的高光地區。(圖20)

圖20

  17.回到RGB通道,將通道highlights做為選區載入,在water層上建立一層,命名為highlights,用白色填充選區後,取消選擇(圖21a)。

圖21a

  我們還要手工為映像加上一些特別的高光。在圖層面板的最頂端建立一層,命名為highlights 2,選擇筆刷工具,設前景色彩為白色,開啟筆刷面板,選擇直徑為35像素的柔化筆刷,設定硬度為0,圓度為80%,角度為20,在映像中需要強調高光的地方點擊,以加強高光效果,必要時可以改變筆刷大小和角度。(圖21b,21c)

圖21b

圖21c

  最後,用星形筆刷噴上閃光,我們的工作就完成了!(圖water)

圖22



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。