设计之家 > 教程 > 平面教程 > photoshop教程 >

PHOTOSHOP玻璃質感表現

作者:佚名 來源:《計算機應用文摘》 時間:2006-05-01

    談到玻璃質感的表現方法,大家往往首先想到諸如3DMAX、MAYA之類的設計工具,很少有人考慮到Photoshop這種平面設計工具,其實您只需要把握好物體的形狀以及圖層的透明度質感,完全可以模擬近似于三維圖形工具所達到的效果,只不過其區別在于Photoshop做出來的圖片不能夠進行視角切換而已(因圖片是純平面二維作品)。對于大部分不熟悉三維圖形設計工具的朋友來說,用平面設計軟件來進行臨摹三維設計相對要簡單的多。下面我們就借助Photoshop的Path、Mask、Layer等工具來進行一下實驗,目標是下圖的一個高腳酒杯,看上去玲瓏剔透、玻璃的反光以及透明質感非常的好,其實那是一幅純Photoshop制作的圖片,怎么樣,動心了吧?那么就跟我來吧.

click for full size

 


在開始著手設計之前,我們需要把酒杯來剖析一下,分清楚哪些做為底層、哪些層放在最上邊。最底層的自然是背景了,因為在這里我們需要表現出酒杯的透明特性,放上一幅有色彩起伏的圖片,但為了大家能夠看的更清楚一些,只做了一個單色的漸變背景襯托。接下來需要使用Photoshop的Path工具來勾畫出酒杯的底層(圖片001),

click for full size


也就是深色部分,因為淺色部分的高光點是需要覆蓋在其上面的,效果請參見圖片001。使用Pen tool(鋼筆工具)(圖片002)click for full size勾畫出酒杯的輪廓Path之后,在Path面板中按住Ctrl鍵+鼠標左鍵點擊勾畫好的Path輪廓,將其轉換為選擇區后在圖層面板中新建一圖層并填充上顏色,我們可以填充為黑色或者深灰色。再接下來需要畫出杯子的內壁(圖片003),

click for full size


在這里需要使用Radial Gradrent(徑向漸變工具)來拖拽出一個淺藍色到深藍色的漸變,當然這個顏色要稍微亮于剛才勾畫出的深色底層,不然就沒有對比度可言了,記住在制作漸變之前需要新建一個圖層,效果請參見圖片003。我們先從杯子最上邊的口畫起,首先在工具條中選中橢圓形選擇工具,然后點擊菜單條中的View菜單,在下拉菜單中選中Show Rulers(顯示標尺/快捷鍵為Ctr+R),點住標尺左上方0度前的位置拖拽XY軸坐標線,找準杯口的最上方與杯口的最左方交叉點,松開鼠標但不要移動,緊接著點擊用橢圓工具拖出一個合適的橢圓形選擇區,效果請參見圖片004(圖片004)。

click for full size


杯口是由一圈高光和一圈深色組成的,那我們只需要利用剛才的橢圓選擇區描邊兩次就可以了,首先新建一個圖層,選擇前景色為比較亮的淺藍色,然后點擊菜單條上的Edit,在下拉菜單中選擇Stroke(描邊)這一項,在彈出的面板里將邊線的寬度定為1即可,模式為正常,透明度定為100%,設置完成后點擊OK。點擊圖層面板右上方的小三角,在彈出的菜單里選擇Duplicate Layer(復制圖層)這項,這樣一來就出現了兩個杯口高光的圖層,用鼠標選中上邊的那個圖層,在圖層面板上Lock選項中選中第一個單選框Lock Transparent Pixels(鎖定透明圖像部分),選擇前景色為深藍色,然后點擊菜單條中的Edit項,在下拉菜單條中選擇Fill(填充),這時會彈出填充調節面板,填充對象選擇ForegroundColor(前景色),模式為正常透明度為100%,點OK確定。在工具條中切換到Move Tool(移動工具),使用鍵盤上的下光標鍵↓來挪動一個象素,這時你會發現畫面上出現了一個杯子的雛形,接下來我們需要勾畫杯子大量的高光與反射。先用Pen Tool(鋼筆)工具勾勒出杯子面向我們這一面的中心高光,顏色需要給成特別淺的藍色,圖層的透明度均為15%~20%左右,看個人喜好調節(選中要調節的圖層,拖動圖層面板上的Opacity不透明性滑桿)。按照上邊的方法再做出杯子內壁的高光點,效果請參見圖片005,(圖片005)

click for full size


為了使杯子的外壁高光與內壁高光區分開來,所以將圖層的透明度定為8%比較好一些。我將杯子主體部分的高光分成了五個圖層來畫,形狀以及透明度均不相同、顏色為淺藍色,這里是杯子最難勾畫的一部分,而且也是最容易混淆的部分。第一層由兩個月牙形的不規則形狀組成,用鋼筆工具勾畫出來后,透明度定為20%;第二層由一個月牙形組成,透明度定為60%;第三層為第一層的復制版,自由變形放大、局部邊緣羽化而成,透明度也定為60%;第四層由沿杯子主體左右兩個邊勾畫的粗弧線組成,透明度定為30%;第五層由第四層復制而來,但透明度不相同,定為了8%左右。在這五個層生成完畢以后需要在第一個層下方再建立一個新圖層,以淺藍色到透明色的徑向漸變生成一個擴散狀的圓形,然后使用自由變形(快捷鍵為Ctrl+T)工具將其改變成為一個橢圓,把它放到杯子的下方,也就是剛才所建五個圖層的下方交叉處。剛才幾個圖層所疊加所生成的效果請見圖片006。(圖片006)

click for full size


接下來我們做杯子腿部分,還是老樣子,用鋼筆工具勾畫出Path轉換成選擇區,填充為漸變,由深藍到淺藍的漸變組成,透明度為100%。在這個圖層的上邊再建立一個新圖層,用鋼筆工具勾畫出類似胡須的高光部分,顏色為淺藍,透明度定為50%。兩個圖層制作完成之后,需要做出一個杯子主體的深顏色到透明的漸變放在剛才勾畫杯腿高光的上方,漸變為線性漸變、透明度為50%。杯子主體下方與杯子腿的結合部分有幾處比較細小的高光,分別由三大部分組成,第一部分是光從杯子的上部進入造成,又四根從大到小的上下線性漸變組成,顏色為深藍到淺藍或淺藍到深藍不等,四根其中的兩根略微類似月初的彎鉤;第二部分是光從杯子背部透射到前部而成,象日食一樣球體遮住后邊散發的光露出的一部分;第三部分杯子正面所受到的光直接造成的高光部分,由一個弧線和三個不規則的點組成。以上步驟做完之后,杯子的上半部分就完成了,效果請見圖片007。(圖片007)click for full size
接下來做杯子腳與杯子腿交接處的三個橢圓部分,這部分可以分三步進行制作:第一步先用鋼筆工具勾畫出最亮的高光部分,填充為白色;第二步再用鋼筆工具勾畫出剩余部分的高光,填充為淺藍色;第三步將前兩步所構建的圖層合并、復制出一個新圖層,再用模糊工具進行一下模糊處理(點擊菜單條上filter,在彈出的下拉菜單中選擇Blur,彈出的二級菜單中選擇Gaussian Blur高斯模糊,在高斯模糊面板中的參數框中輸入1.5回車即可),使其看起來更自然,注意一定要將這個圖層放置到前兩個圖層的上方,效果請參見圖片008。(圖片008)click for full size
接下來就是最后的杯子腳部分了,它由三部分組成:第一部分是大面積的高光組成,由稍微深的淺藍到淺藍色的漸變所填充;第二部分由投射到高光部分上杯子的陰影所組成,與被子腿部的接縫處有稍許羽化,使其更加自然地融入這個高光部分;第三部分由杯子腳部的陰暗部分所反射的杯子上部高光而組成的,有多個光圈所組成,直接用 Path工具來勾畫恐怕不太現實,我們可以將杯子腿部與腳部的高光圖層復制一份,挪動到合適的位置,使用Zigzag工具即可得到水波紋狀的效果,點擊菜單條上Filter,在彈出的下拉菜單中選擇Distort,它的二級菜單里有Zigzag選項,注意在執行這個濾鏡之前,需要以圖象部分為中心點拖拉出一個合適的正方型選擇區,因為執行濾鏡時需要在這個選擇區內執行才能達到我們理想的效果,效果請參見圖片009。(圖片009)click for full size
杯子的制作方法到這里就全部講完了,其實技術成分不是很多,大部分都是很簡單的操作,只不過對圖層透明的分析比較麻煩些,如果您能熟練地做完以上操作之后,想必也是對Path、Layer精通不少,以后再碰到類似的實物也可以自己臨摹了。在杯子形狀勾畫上需要您對鋼筆工具比較熟練的控制,也算是一個不大不小的練習了吧。

标签:Photoshop

推薦設計

最新文章