迷彩紋理按鈕是以迷彩圖案為底紋效果的按鈕特效，這類按鈕很容易引起人們對軍事的聯(lián)想，適合用于各類帶有軍事色彩的網(wǎng)頁頁面中。按鈕圖像與背景的協(xié)調(diào)搭配更增添了畫面的表現(xiàn)力。如圖2-2所示，為本實例的完成效果。
圖2-2 本實例完成效果技術(shù)提示
在制作迷彩紋理按鈕的過程中，主要應(yīng)把握迷彩圖像與按鈕圖形的結(jié)合效果。將迷彩素材圖片定義為圖案，方便在按鈕圖形上進行疊加，并且還可以調(diào)整紋理的大小、不透明參數(shù)等。中心的按鈕設(shè)計為指針的形式，更增強了畫面的軍事含義。如圖2-3所示，為本實例的制作流程。
圖2-3 本實例制作流程制作步驟1、制作主體按鈕圖像
（1）啟動Photoshop，執(zhí)行“文件”→“打開”命令，打開本書附帶光盤\Chapter-02\“背景02.jpg”文件，如圖2-4所示。
圖2-4 打開素材圖像
（2）選擇工具箱中的
圖2-5 繪制路徑
（3）使用
提示：Photoshop提供了組合路徑的不同方式，選擇的兩個或多個對象組合在一起，可焊接成一個對象，也可以用一個對象修建另外的對象。在繪制過程中，合理使用選項欄中提供的功能，可使創(chuàng)建路徑圖形的操作變得簡單輕松。
圖2-6 編輯路徑
（4）在“圖層”調(diào)板中，單擊調(diào)板底部的
圖2-7 轉(zhuǎn)換選區(qū)并填充顏色
（5）打開本書附帶光盤\Chapter-02\“迷彩.jpg”文件，在該文檔中，執(zhí)行“編輯”→“定義圖案”命令，打開“圖案名稱”對話框，如圖2-8所示，保持對話框的默認設(shè)置，單擊“確定”按鈕，創(chuàng)建一個自定義圖案。
圖2-8 設(shè)置自定義圖案
注意：讀者在創(chuàng)建自定義的圖案時，建議不要將太大的圖像定義為圖案。如果使用“矩形選框”工具選擇用作圖案的區(qū)域時，必須將選項欄中的“羽化”設(shè)置為0像素，否則“編輯”菜單中的“定義圖案”命令呈灰色不可選狀態(tài)。
（6）將“迷彩.jpg”文檔關(guān)閉，激活“背景02.jpg”文檔，確定“圖層”調(diào)板中的“圖層 1”
圖2-9 設(shè)置圖層樣式
（7）新建“圖層 2”，使用工具箱中的
圖2-10 繪制圖像
（8）確定“圖層 2”為當前可編輯狀態(tài)，執(zhí)行“圖層”→“創(chuàng)建剪貼蒙版”命令，創(chuàng)建出如圖2-11所示的圖像效果。
提示：在前邊的實例當中已經(jīng)講到如何創(chuàng)建剪貼蒙版，若要取消剪貼蒙版，首先按下<Alt>鍵，將鼠標光標放在兩個圖層中間，出現(xiàn)一個
圖2-11 創(chuàng)建剪貼蒙版
（9）新建“圖層 3”，使用同樣方法繪制圖像，并創(chuàng)建剪貼蒙版，如圖2-12所示。
圖2-12 制作其他圖像
（10
圖2-13 調(diào)整圖像色調(diào)
（11）在“圖層”調(diào)板中新建“圖層 4”，使用
圖2-14 繪制漸變圖像
（12）參照圖2-15所示，為新創(chuàng)建的銀色按鈕圖像添加“內(nèi)陰影”和“斜面和浮雕”圖層樣式效果。
提示：在為圖像添加斜面和浮雕效果時，注意將樣式選擇為外斜面類型，增加按鈕凸起來的效果。
圖2-15 設(shè)置圖層樣式
（13）對銀色按鈕圖像復(fù)制，并調(diào)整復(fù)制圖像的位置，如圖2-16所示。
圖2-16 復(fù)制并調(diào)整圖像
（14）再次對圖像進行復(fù)制，并執(zhí)行“編輯”→“自由變換”命令，調(diào)整圖像的大小和位置，然后對其“圖層樣式”效果進行更改，如圖2-17所示。
圖2-17 更改圖層樣式
（15）使用“橢圓選框”工具，繪制如圖2-18所示正圓選區(qū)，確定創(chuàng)建的“圖層 4 副本 2”為當前可編輯狀態(tài)，連續(xù)按下<Ctrl+C>和<Ctrl+V>鍵，對選區(qū)內(nèi)的圖像復(fù)制并粘貼到新的圖層中，生成“圖層 5”。
圖2-18 復(fù)制圖像
（16）接下來為圖像添加“斜面和浮雕”效果，如圖2-19所示。
提示：使用斜面和浮雕命令創(chuàng)建凹進去的圖像，一凸一凹兩種效果結(jié)合起來，增強了按鈕的三維立體效果。
圖2-19 設(shè)置圖層樣式
（17）在“圖層”調(diào)板中新建“圖層
6”，使用工具箱中的
圖2-20 繪制矩形圖像
（18）保持選區(qū)的浮動狀態(tài)，執(zhí)行“濾鏡”→“渲染”→“鏡頭光暈”命令，參照圖
注意：光暈中心的設(shè)置對以后的操作至關(guān)重要，務(wù)必使中心點與發(fā)射光束的中心相重疊。
圖2-21 添加鏡頭光暈效果
（19）接下來執(zhí)行“濾鏡”→“扭曲”→“極坐標”命令，打開“極坐標”對話框，參照圖2-19所示設(shè)置對話框，單擊“確定”按鈕將對話框關(guān)閉，效果如圖2-22所示。
圖2-22 執(zhí)行“極坐標”命令
（20）執(zhí)行“編輯”→“變換”→“垂直翻轉(zhuǎn)”命令，將該圖像垂直翻轉(zhuǎn)，然后再執(zhí)行“濾鏡”→“扭曲”→“極坐標”命令，調(diào)整圖像，并將選區(qū)取消，如圖2-23所示。
圖2-23 調(diào)整圖像
（21）使用
提示：在執(zhí)行完此步驟后的圖像需是一個均勻?qū)ΨQ的圖像。如果讀者創(chuàng)建的對象與本文出示的效果稍有差異，可進行多次操作，從而使效果接近。
圖2-24 刪除部分圖像
（22）執(zhí)行“自由變換”命令，調(diào)整圖像的大小和位置，按下<Ctrl+I>鍵，執(zhí)行“反相”命令，將圖像顏色反轉(zhuǎn)，如圖2-25所示。
圖2-25 調(diào)整圖像
（23）執(zhí)行“圖像”→“調(diào)整”→“色相/
圖2-26 調(diào)整圖像色調(diào)
提示：在“色相/飽和度”對話框中若需為圖像指定一種新的顏色，可選擇“著色”復(fù)選框，拖動“色相”滑塊調(diào)整需要的顏色。
（24）單擊“圖層”調(diào)板底部的
注意：在繪制圖像的時候要特別注意。參照下圖，將圖像的左邊繪制的稍微寬點，右邊稍微窄點。
圖2-27 繪制圖像
（25）按下<Ctrl+R>鍵，在視圖內(nèi)顯示標尺，然后分別拖動水平和垂直標尺，拉出兩條參考線，使兩條參考線的交點位于“圖層 6”中的圖像的中心點處，如圖2-28所示。
圖2-28 設(shè)置參考線
（26）確定“圖層 7”為當前可編輯狀態(tài)，按下<Ctrl+T>鍵，執(zhí)行“自由變換”命令，然后將在視圖中出現(xiàn)的中心控制點位置調(diào)整到參考線的交點處，并在選項欄中設(shè)置旋轉(zhuǎn)角度，如圖2-29所示。
圖2-29
（27）按下<Enter>鍵，完成變換操作，接著再連續(xù)多次按下<Ctrl+Shift+Alt+T>鍵，將該圖像沿中心控制點旋轉(zhuǎn)復(fù)制多個，使其組成一個圓環(huán)圖像，如圖2-30所示。
注意：在此步驟中就體現(xiàn)了在步驟（24）中繪制圖像的重要性，太寬太窄都達不到最后的效果，讀者可以多進行嘗試。
圖2-30 復(fù)制其他圖像
（28）執(zhí)行“視圖”→“清除參考線”命令，將參考線全部清除。然后在“圖層”調(diào)板中將“組 1”圖層組的不透明度參數(shù)設(shè)置為30%，如圖2-31所示。
圖2-31 設(shè)置圖層組的不透明度
（29）打開本書附帶光盤\Chapter-02\“方向圖.psd”文件，然后將該文檔中的圖像添加到“背景02”文檔中的相應(yīng)位置，并設(shè)置該圖像所在圖層的混合模式為“正片疊底”，如圖2-32所示。
提示：調(diào)整混合模式可以使兩幅圖像很自然的混合到一起。
圖2-32 添加素材圖像
（30）新建一個圖層，使用
圖2-33 制作高光圖像
（31）使用前面繪制圖像的方法，再繪制圖像，然后執(zhí)行“濾鏡”→“雜色”→“添加雜色”命令，參照圖2-34所示，為圖像添加雜色效果。
圖2-34 繪制圖像并為圖像添加雜色效果
（32）將前面繪制的圖像所在圖層的混合模式設(shè)置為“正片疊底”，效果如圖2-35所示。
圖2-35 設(shè)置圖層混合模式
推薦閱讀-Photoshop分類教程
