本實例制作的金屬立體按鈕的光澤變化十分豐富，立體效果和空間透視效果都很強(qiáng)烈，體現(xiàn)了空間的縱深感，由于是立式的長方形形狀，并且顏色清新干凈，在視覺上給人一種耳目一新的感覺。如圖4-2所示，為本實例的完成效果。
圖4-2 本實例完成效果技術(shù)提示
在本實例的制作中我們應(yīng)該主要分兩個方面來刻畫，一方面是立體效果的刻畫，另一方面是金屬材質(zhì)的刻畫。但是這兩方面又不能分割開來繪制，我們利用按鈕形狀的空間透視關(guān)系來加強(qiáng)這種立體空間感，使用漸變顏色表現(xiàn)出按鈕的明暗變化效果，結(jié)合使用“加深”工具、“畫筆”工具和“亮度/對比度”命令等來加強(qiáng)金屬材質(zhì)的高、反光區(qū)域顏色。整幅畫面干凈柔和，使人心情開闊。如圖4-3所示，為本實例的制作流程。
圖4-3 本實例制作流程制作步驟
（1）運行Photoshop，執(zhí)行“文件”→“新建”命令，參照圖4-4所示對打開的“新建”對話框進(jìn)行設(shè)置，創(chuàng)建出一個新文檔。
圖4-4 設(shè)置“新建”對話框
（2）設(shè)置前景色為淡藍(lán)色（R226、G244、B255），按下<Alt+Delete>鍵，使用前景色填充背景，接著執(zhí)行“文件”→“打開”命令，打開本書附帶光盤\Chapter-04\“風(fēng)景.jpg”文件。使用“移動”工具，將風(fēng)景圖像拖移到“金屬立體按鈕”文檔中并適當(dāng)調(diào)整位置，如圖4-5所示。
圖4-5 添加素材圖像
（3）在“圖層”調(diào)板中設(shè)置“圖層 1”的不透明度參數(shù)設(shè)置為“50%”，然后單擊調(diào)板底部的
圖4-6 編輯蒙版
（4）在“圖層”調(diào)板中復(fù)制“圖層 1”，創(chuàng)建“圖層 1 副本”圖層，然后執(zhí)行“編輯”→“變換”→“垂直翻轉(zhuǎn)”命令，將圖像垂直翻轉(zhuǎn)。按下<Ctrl+T>鍵，執(zhí)行“自由變換”命令，調(diào)整圖像的比例和位置，如圖4-7所示。
圖4-7 復(fù)制并調(diào)整圖像
（5）將“圖層 1 副本”圖層的不透明度參數(shù)更改為“30%”，然后激活該圖層的圖層蒙版縮覽圖，接著再使用
提示：在繪制的時候要注意調(diào)節(jié)筆刷的不透明度參數(shù)，并且調(diào)整圖層的整體不透明參數(shù)，制作出倒影的效果。
圖4-8 編輯圖層蒙版
（6）單擊“圖層”調(diào)板底部的
2”，配合使用工具箱中的
提示：結(jié)合矩形工具和橢圓工具繪制的圓柱，比較符合通常意義上的立體效果。
圖4-9 繪制路徑
（7）按下<Ctrl+Enter>鍵，將路徑轉(zhuǎn)換為選區(qū)，然后將選區(qū)填充為灰色（R86、G86、B86），使用工具箱中的
圖4-10 修改選區(qū)
（8）執(zhí)行“選擇”→“變換選區(qū)”命令，對選區(qū)大小進(jìn)行調(diào)整，如圖4-11所示。
圖4-11 變換選區(qū)
（9）在“圖層”調(diào)板中新建“圖層 3”，選擇工具箱中的
圖4-12 設(shè)置“漸變編輯器”對話框
（10）接下來在選區(qū)內(nèi)由左至右繪制線性漸變色，如圖4-13所示。
圖4-13 繪制漸變色
（11）選擇工具箱
提示：在圓柱的四角邊緣處加深，可使人們從視覺上產(chǎn)生向后轉(zhuǎn)折的效果，從而達(dá)到將平面圖形塑造成立體圓柱的目的。
圖4-14 處理圖像
（12）保持選區(qū)的浮動狀態(tài)，單擊“圖層”調(diào)板底部的
圖4-15 調(diào)整圖像色調(diào)
（13）確定前景色為黑色，使用工具箱中的
圖4-16 編輯蒙版
（14）參照以上創(chuàng)建選區(qū)并調(diào)整方法，創(chuàng)建如圖4-17所示選區(qū)，接著新建圖層，為選區(qū)填充漸變色，然后取消選區(qū)。完成后使用“加深”工具，將圖像頂部和底部顏色加深。
圖4-17 制作圖像
提示：在灰色圓柱形左側(cè)創(chuàng)建的長條梯形與上一步完成的漸變填充圖形相互呼應(yīng)，形成了一個開啟的盒子對象，使圓柱體的視覺效果變得豐富起來。
（15）新建“圖層
5”，設(shè)置前景色為白色，選擇工具箱中的
技巧：按下<Shift>鍵的同時向下拖動鼠標(biāo)可以繪制垂直的直線，然后對直線的兩端進(jìn)行斜切，使得最后的效果與柱體的構(gòu)造相吻合。這些細(xì)節(jié)的刻畫使得物體的形象更加生動飽滿。
圖4-18 制作立體效果
（16）新建“圖層 6”，在視圖中繪制一個紅色（R203、G26、B26）矩形圖像，接著為“圖層 6”添加圖層蒙版，并對蒙版進(jìn)行編輯，制作如圖4-19所示的圖像效果。
圖4-19 制作紅色圖像
（17）新建一個圖層，再次使用“矩形選框”工具，繪制一個較窄的矩形選區(qū)并填充為白色，然后取消選區(qū)。完成后使用“橡皮擦”工具，將白色矩形條頂部和底部擦除，制作出高光效果，如圖4-20所示。
圖4-20 制作白色高光圖像
（18）選擇工具箱中的
提示：根據(jù)柱體的弧度來調(diào)整文字的弧度，使得字體更加真實的附著在柱體上。
圖4-21 創(chuàng)建變形文字
（19）執(zhí)行“圖層”→“圖層樣式”→“混合選項”命令，參照圖4-22
圖4-22 設(shè)置圖層樣式
（20）接下來參照圖4-23所示，在視圖相應(yīng)位置制作出其他立體按鈕圖像。
圖4-23 制作其他按鈕圖像
（21）在“圖層”調(diào)板中，將“背景”圖層、“圖層 1”和“圖層 1 副本”隱藏，然后按下<Ctrl+A>鍵，將圖像全選。按下<Ctrl+Shift+C>鍵，合并拷貝選區(qū)內(nèi)的圖像，再按下<Ctrl+V>鍵，粘貼圖像。將新生成的圖層調(diào)整到“組 1”圖層組的下方，并將其他圖層顯示，如圖4-24所示。
提示：讀者在制作圖像的時候，有可能新建的圖層與本書中出示的不符，可根據(jù)讀者的當(dāng)前狀態(tài)進(jìn)行設(shè)置。
圖4-24 復(fù)制圖像
（22）執(zhí)行“編輯”→“變換”→“垂直翻轉(zhuǎn)”命令，將圖像垂直翻轉(zhuǎn)，然后調(diào)整圖像的位置，如圖4-25所示。
圖4-25 將圖像垂直翻轉(zhuǎn)并調(diào)整位置
（23）使用
圖4-26 調(diào)整圖像
（24）將圖像所在“圖層 14
注意：在繪制倒影的時候，要根據(jù)倒影的特質(zhì)（離物體越進(jìn)的地方越明顯，離物體越遠(yuǎn)的地方顏色越淡）對蒙版進(jìn)行繪制。
圖4-27 制作倒影效果
（25）在“圖層 14”的上方新建“圖層 15”，設(shè)置前景色為灰色（R127、G127、B127）使用工具箱中的
圖4-28 繪制陰影圖像
（26）打開本書附帶光盤\Chapter-04\“機(jī)器人.jpg”文件，將該文檔中的圖像拷貝到“金屬立體按鈕”文檔中的相應(yīng)位置，并設(shè)置圖像所在圖層的混合模式為“正片疊底”，然后再制作出倒影效果，如圖4-29所示。
圖4-29 添加素材圖像
（27）最后在視圖中添加相關(guān)的文字信息和裝飾圖像，完成該實例的制作，如圖4-30所示。如果讀者在制作過程中遇到什么問題，可打開本書附帶光盤\Chapter-04\“金屬立體按鈕.psd”文件進(jìn)行查看。
金屬立體按鈕
推薦閱讀-Photoshop分類教程
