用Photoshop製作有玻璃質感的酒杯教程圖解

我們經常用來製圖的Photoshop可以說是使用最常見的製作和處理圖片軟件，一般用在視覺設計的設計創作。還經常用在3d的呈現面向業餘圖片愛好者，也能把圖片存入筆記本電腦上處理出意想不到的效果。總之，PS是款功能強大、最實用的作圖軟件，經常可以做出來精美的圖片作品。 在此爲廣大平面設計者分享大量實用的製圖技巧。相信一定能讓你立即成爲PS高手...... 談到玻璃質感的表現方法，大家往往首先想到諸如3DMAX、MAYA之類的設計工具，很少有人考慮到Photoshop這種平面設計工具，實在您只需要把握好物體的形狀以及圖層的透明度質感，完全可以模擬近似於三維圖形工具所達到的效果，只不過其區別在於Photoshop做出來的圖片不能夠進行視角切換而已（因圖片是純平面二維作品）。對於大部分不熟悉三維圖形設計工具的朋友來說，用平面設計軟件來進行摹仿三維設計相對要簡單的多。下面我們就藉助Photoshop的Path、Mask、Layer等工具來進行一下實驗，目標是下圖

(效果圖)
的一個高腳酒杯，看上去玲瓏剔透、玻璃的反光以及透明質感非常的好，實在那是一幅純Photoshop製作的圖片，怎麼樣，動心了吧？那麼就跟我來吧.在開始着手設計之前，我們需要把酒杯來剖析一下，分清楚哪些做爲底層、哪些層放在最上邊。最底層的自然是背景了，由於在這裏我們需要表現出酒杯的透明特性，放上一幅有色彩起伏的圖片，但爲了大家能夠看的更清楚一些，只做了一個單色的漸變背景襯托。接下來需要使用Photoshop的Path工具來勾畫出酒杯的底層

也就是深色部分，由於淺色部分的高光點是需要覆蓋在其上面的，效果請參見圖片001。使用Pen tool（鋼筆工具）（圖片002）勾畫出酒杯的輪廓Path之後，在Path面板中按住Ctrl鍵+鼠標左鍵點擊勾畫好的Path輪廓，將其轉換爲選擇區後在圖層面板中新建一圖層並填充上顏色，我們可以填充爲玄色或者深灰色。再接下來需要畫出杯子的內壁

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

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

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

接下來我們做杯子腿部分，還是老樣子，用鋼筆工具勾畫出Path轉換成選擇區，填充爲漸變，由深藍到淺藍的漸變組成，透明度爲100%。在這個圖層的上邊再建立一個新圖層，用鋼筆工具勾畫出類似鬍鬚的高光部分，顏色爲淺藍，透明度定爲50%。兩個圖層製作完成之後，需要做出一個杯子主體的深顏色到透明的漸變放在剛纔勾畫杯腿高光的上方，漸變爲線性漸變、透明度爲50%。杯子主體下方與杯子腿的結合部分有幾處比較細小的高光，分別由三大部分組成，第一部分是光從杯子的上部進入造成，又四根從大到小的上下線性漸變組成，顏色爲深藍到淺藍或淺藍到深藍不等，四根其中的兩根略微類似月初的彎鉤；第二部分是光從杯子背部透射到前部而成，象日食一樣球體遮住後邊散發的光露出的一部分；第三部分杯子正面所受到的光直接造成的高光部分，由一個弧線和三個不規則的點組成。以上步驟做完之後，杯子的上半部分就完成了，效果請見圖片007

接下來做杯子腳與杯子腿交接處的三個橢圓部分，這部分可以分三步進行製作：第一步先用鋼筆工具勾畫出最亮的高光部分，填充爲白色；第二步再用鋼筆工具勾畫出剩餘部分的高光，填充爲淺藍色；第三步將前兩步所構建的圖層合併、複製出一個新圖層，再用模糊工具進行一下模糊處理（點擊菜單條上filter，在彈出的下拉菜單中選擇Blur，彈出的二級菜單中選擇Gaussian Blur高斯模糊，在高斯模糊面板中的參數框中輸入1.5回車即可），使其看起來更自然，留意一定要將這個圖層放置到前兩個圖層的上方，效果請參見圖片008

接下來就是最後的杯子腳部分了，它由三部分組成：第一部分是大面積的高光組成，由稍微深的淺藍到淺藍色的漸變所填充；第二部分由投射到高光部分上杯子的陰影所組成，與被子腿部的接縫處有稍許羽化，使其更加自然地融入這個高光部分；第三部分由杯子腳部的陰暗部分所反射的杯子上部高光而組成的，有多個光圈所組成，直接用 Path工具來勾畫恐怕不太現實，我們可以將杯子腿部與腳部的高光圖層複製一份，挪動到合適的位置，使用Zigzag工具即可得到水波紋狀的效果，點擊菜單條上Filter，在彈出的下拉菜單中選擇Distort，它的二級菜單裏有Zigzag選項，留意在執行這個濾鏡之前，需要以圖象部分爲中心點拖拉出一個合適的正方型選擇區，由於執行濾鏡時需要在這個選擇區內執行才能達到我們理想的效果，效果請參見圖片009。

杯子的製作方法到這裏就全部講完了，實在技術成分不是很多，大部分都是很簡單的操作，只不過對圖層透明的分析比較麻煩些，假如您能熟練地做完以上操作之後，想必也是對Path、Layer精通不少，以後再碰到類似的實物也可以自己摹仿了。在杯子形狀勾畫上需要您對鋼筆工具比較熟練的控制，也算是一個不大不小的練習了吧。{$end}