談到玻璃質(zhì)感的表現(xiàn)方法,大家往往首先想到諸如3DMAX、MAYA之類的設(shè)計(jì)工具,很少有人考慮到Photoshop這種平面設(shè)計(jì)工具,其實(shí)您只需要把握好物體的形狀以及圖層的透明度質(zhì)感,完全可以模擬近似于三維圖形工具所達(dá)到的效果,只不過其區(qū)別在于Photoshop做出來的圖片不能夠進(jìn)行視角切換而已(因圖片是純平面二維作品)。對(duì)于大部分不熟悉三維圖形設(shè)計(jì)工具的朋友來說,用平面設(shè)計(jì)軟件來進(jìn)行臨摹三維設(shè)計(jì)相對(duì)要簡單的多。下面我們就借助 Photoshop的Path、Mask、Layer等工具來進(jìn)行一下實(shí)驗(yàn),目標(biāo)是下圖的一個(gè)高腳酒杯,看上去玲瓏剔透、玻璃的反光以及透明質(zhì)感非常的好,其實(shí)那是一幅純Photoshop制作的圖片,怎么樣,動(dòng)心了吧?那么就跟我來吧
最終效果圖
 1、在開始著手設(shè)計(jì)之前,我們需要把酒杯來剖析一下,分清楚哪些做為底層、哪些層放在最上邊。最底層的自然是背景了,因?yàn)樵谶@里我們需要表現(xiàn)出酒杯的透明特性,放上一幅有色彩起伏的圖片,但為了大家能夠看的更清楚一些,只做了一個(gè)單色的漸變背景襯托。接下來需要使用Photoshop的Path工具來勾畫出酒杯的底層。
 2、也就是深色部分,因?yàn)闇\色部分的高光點(diǎn)是需要覆蓋在其上面的,效果請(qǐng)參見圖片001。使用Pen tool(鋼筆工具)片003) Photoshop鼠繪逼真酒杯勾畫出酒杯的輪廓Path之后,在Path面板中按住Ctrl鍵+鼠標(biāo)左鍵點(diǎn)擊勾畫好的Path輪廓,將其轉(zhuǎn)換為選擇區(qū)后在圖層面板中新建一圖層并填充上顏色,我們可以填充為黑色或者深灰色。再接下來需要畫出杯子的內(nèi)壁。
 3、在這里需要使用Radial Gradrent(徑向漸變工具)來拖拽出一個(gè)淺藍(lán)色到深藍(lán)色的漸變,當(dāng)然這個(gè)顏色要稍微亮于剛才勾畫出的深色底層,不然就沒有對(duì)比度可言了,記住在制作漸變之前需要新建一個(gè)圖層,效果請(qǐng)參見圖片003。我們先從杯子最上邊的口畫起,首先在工具條中選中橢圓形選擇工具,然后點(diǎn)擊菜單條中的View菜單,在下拉菜單中選中Show Rulers(顯示標(biāo)尺/快捷鍵為Ctr+R),點(diǎn)住標(biāo)尺左上方0度前的位置拖拽XY軸坐標(biāo)線,找準(zhǔn)杯口的最上方與杯口的最左方交叉點(diǎn),松開鼠標(biāo)但不要移動(dòng),緊接著點(diǎn)擊用橢圓工具拖出一個(gè)合適的橢圓形選擇區(qū)。
4、杯口是由一圈高光和一圈深色組成的,那我們只需要利用剛才的橢圓選擇區(qū)描邊兩次就可以了,首先新建一個(gè)圖層,選擇前景色為比較亮的淺藍(lán)色,然后點(diǎn)擊菜單條上的Edit,在下拉菜單中選擇Stroke(描邊)這一項(xiàng),在彈出的面板里將邊線的寬度定為1即可,模式為正常,透明度定為100%,設(shè)置完成后點(diǎn)擊OK。點(diǎn)擊圖層面板右上方的小三角,在彈出的菜單里選擇Duplicate Layer(復(fù)制圖層)這項(xiàng),這樣一來就出現(xiàn)了兩個(gè)杯口高光的圖層,用鼠標(biāo)選中上邊的那個(gè)圖層,在圖層面板上Lock選項(xiàng)中選中第一個(gè)單選框Lock Transparent Pixels(鎖定透明圖像部分),選擇前景色為深藍(lán)色,然后點(diǎn)擊菜單條中的Edit項(xiàng),在下拉菜單條中選擇Fill(填充),這時(shí)會(huì)彈出填充調(diào)節(jié)面板,填充對(duì)象選擇ForegroundColor(前景色),模式為正常透明度為100%,點(diǎn)OK確定。在工具條中切換到Move Tool(移動(dòng)工具),使用鍵盤上的下光標(biāo)鍵↓來挪動(dòng)一個(gè)象素,這時(shí)你會(huì)發(fā)現(xiàn)畫面上出現(xiàn)了一個(gè)杯子的雛形,接下來我們需要勾畫杯子大量的高光與反射。先用 Pen Tool(鋼筆)工具勾勒出杯子面向我們這一面的中心高光,顏色需要給成特別淺的藍(lán)色,圖層的透明度均為15%~20%左右,看個(gè)人喜好調(diào)節(jié)(選中要調(diào)節(jié)的圖層,拖動(dòng)圖層面板上的Opacity不透明性滑桿)。按照上邊的方法再做出杯子內(nèi)壁的高光點(diǎn),效果請(qǐng)參見圖片005。
5、為了使杯子的外壁高光與內(nèi)壁高光區(qū)分開來,所以將圖層的透明度定為8%比較好一些。我將杯子主體部分的高光分成了五個(gè)圖層來畫,形狀以及透明度均不相同、顏色為淺藍(lán)色,這里是杯子最難勾畫的一部分,而且也是最容易混淆的部分。第一層由兩個(gè)月牙形的不規(guī)則形狀組成,用鋼筆工具勾畫出來后,透明度定為 20%;第二層由一個(gè)月牙形組成,透明度定為60%;第三層為第一層的復(fù)制版,自由變形放大、局部邊緣羽化而成,透明度也定為60%;第四層由沿杯子主體左右兩個(gè)邊勾畫的粗弧線組成,透明度定為30%;第五層由第四層復(fù)制而來,但透明度不相同,定為了8%左右。在這五個(gè)層生成完畢以后需要在第一個(gè)層下方再建立一個(gè)新圖層,以淺藍(lán)色到透明色的徑向漸變生成一個(gè)擴(kuò)散狀的圓形,然后使用自由變形(快捷鍵為Ctrl+T)工具將其改變成為一個(gè)橢圓,把它放到杯子的下方,也就是剛才所建五個(gè)圖層的下方交叉處。剛才幾個(gè)圖層所疊加所生成的效果請(qǐng)見圖片006。
6、接下來我們做杯子腿部分,還是老樣子,用鋼筆工具勾畫出Path轉(zhuǎn)換成選擇區(qū),填充為漸變,由深藍(lán)到淺藍(lán)的漸變組成,透明度為100%。在這個(gè)圖層的上邊再建立一個(gè)新圖層,用鋼筆工具勾畫出類似胡須的高光部分,顏色為淺藍(lán),透明度定為50%。兩個(gè)圖層制作完成之后,需要做出一個(gè)杯子主體的深顏色到透明的漸變放在剛才勾畫杯腿高光的上方,漸變?yōu)榫性漸變、透明度為50%。杯子主體下方與杯子腿的結(jié)合部分有幾處比較細(xì)小的高光,分別由三大部分組成,第一部分是光從杯子的上部進(jìn)入造成,又四根從大到小的上下線性漸變組成,顏色為深藍(lán)到淺藍(lán)或淺藍(lán)到深藍(lán)不等,四根其中的兩根略微類似月初的彎鉤;第二部分是光從杯子背部透射到前部而成,象日食一樣球體遮住后邊散發(fā)的光露出的一部分;第三部分杯子正面所受到的光直接造成的高光部分,由一個(gè)弧線和三個(gè)不規(guī)則的點(diǎn)組成。以上步驟做完之后,杯子的上半部分就完成了,效果請(qǐng)見圖片007。
。、接下來做杯子腳與杯子腿交接處的三個(gè)橢圓部分,這部分可以分三步進(jìn)行制作:第一步先用鋼筆工具勾畫出最亮的高光部分,填充為白色;第二步再用鋼筆工具勾畫出剩余部分的高光,填充為淺藍(lán)色;第三步將前兩步所構(gòu)建的圖層合并、復(fù)制出一個(gè)新圖層,再用模糊工具進(jìn)行一下模糊處理(點(diǎn)擊菜單條上filter,在彈出的下拉菜單中選擇Blur,彈出的二級(jí)菜單中選擇Gaussian Blur高斯模糊,在高斯模糊面板中的參數(shù)框中輸入1.5回車即可),使其看起來更自然,注意一定要將這個(gè)圖層放置到前兩個(gè)圖層的上方,效果請(qǐng)參見圖片 008。
。、接下來就是最后的杯子腳部分了,它由三部分組成:第一部分是大面積的高光組成,由稍微深的淺藍(lán)到淺藍(lán)色的漸變所填充;第二部分由投射到高光部分上杯子的陰影所組成,與被子腿部的接縫處有稍許羽化,使其更加自然地融入這個(gè)高光部分;第三部分由杯子腳部的陰暗部分所反射的杯子上部高光而組成的,有多個(gè)光圈所組成,直接用 Path工具來勾畫恐怕不太現(xiàn)實(shí),我們可以將杯子腿部與腳部的高光圖層復(fù)制一份,挪動(dòng)到合適的位置,使用Zigzag工具即可得到水波紋狀的效果,點(diǎn)擊菜單條上Filter,在彈出的下拉菜單中選擇Distort,它的二級(jí)菜單里有Zigzag選項(xiàng),注意在執(zhí)行這個(gè)濾鏡之前,需要以圖象部分為中心點(diǎn)拖拉出一個(gè)合適的正方型選擇區(qū),因?yàn)閳?zhí)行濾鏡時(shí)需要在這個(gè)選擇區(qū)內(nèi)執(zhí)行才能達(dá)到我們理想的效果,效果請(qǐng)參見圖片009。
。、杯子的制作方法到這里就全部講完了,下面是最終效果圖,其實(shí)技術(shù)成分不是很多,大部分都是很簡單的操作,只不過對(duì)圖層透明的分析比較麻煩些,如果您能熟練地做完以上操作之后,想必也是對(duì)Path、Layer精通不少,以后再碰到類似的實(shí)物也可以自己臨摹了。在杯子形狀勾畫上需要您對(duì)鋼筆工具比較熟練的控制,也算是一個(gè)不大不小的練習(xí)了吧。
|