Photoshop制作個(gè)性化按鈕

1、第11章 綜合實(shí)例圖11-1 個(gè)性化按鈕效果圖實(shí)例1. 分別制作如圖11-1所示的個(gè)性化按鈕 涉及的知識(shí)點(diǎn)。定義圖案、自定義形狀、圖案填充、橢圓選框工具、圖層樣式。操作步驟如下。（1）選擇【文件】|【新建】命令，新建寬度為200px，高度為200px，背景色為【透明】，分辨率為72像素/英寸，RGB模式圖像文檔。（2）設(shè)置【前景色】為R60、G200、B240，單擊【自定形狀工具】 ，在【工具選項(xiàng)欄】中單擊【填充像素】 按鈕，在【形狀】下拉列表中選中如圖11-2所示的圖案。圖11-2 選擇【形狀】下拉列表中的圖案 （3）選擇【編輯】|【定義圖案】命令，在彈出【圖案名稱】對(duì)話框中，輸入自定義圖案

2、的名稱后,單擊【確定】按鈕確認(rèn)，如圖11-3所示。圖11-3 【圖案名稱】對(duì)話框 （4）選擇【文件】|【新建】命令，新建寬度為300px，高度為300px，背景色為【白色】，分辨率為72像素/英寸，RGB模式圖像文檔。（5）在【圖層】調(diào)板中，新建【圖層1】，單擊【橢圓選框工具】，按住Shift鍵在工作窗口中繪制圓形選區(qū)，如圖11-4左圖所示。設(shè)置【前景色】為R0、G50、B100，按快捷鍵Alt+Delete對(duì)選區(qū)填充顏色，如圖11-4右圖所示。圖11-4 繪制選區(qū)和填充顏色（6）選擇【圖層1】，單擊【圖層】調(diào)板底部【創(chuàng)建新的填充或調(diào)整圖層】 按鈕，在下拉菜單中選擇【圖案】命令，并在如圖11-

3、5左圖所示彈出的【圖案填充】對(duì)話框中選擇【圖案1】，設(shè)置【縮放】為80%，單擊【貼緊原點(diǎn)】按鈕，圖案效果如圖11-5中圖所示，單擊【確定】按鈕后自動(dòng)生成的圖層如圖11-5右圖所示。圖11-5 圖案填充示意圖（7）創(chuàng)建【圖層2】，設(shè)置前景色為白色，單擊【自定形狀工具】 ，在【工具選項(xiàng)欄】中單擊【填充像素】 按鈕，在【形狀】下拉列表中選擇圖案。在圖像工作窗口中創(chuàng)建如圖11-6左圖所示的圖像。（8）在【圖層】調(diào)板中選中【圖層1】，選擇【圖層】|【圖層樣式】|【斜面與浮雕】命令，在【圖層樣式】對(duì)話窗口中設(shè)置【大小】為12像素，其他參數(shù)默認(rèn)。單擊【確定】按鈕后圖像效果如圖11-6中圖所示，圖層調(diào)板如圖1

4、1-6右圖所示。圖11-6 個(gè)性化按鈕之一實(shí)例2. 制作如圖11-15所示的裝飾畫(huà)。 圖11-15 效果示意圖涉及的知識(shí)點(diǎn)。漸變工具、縮放圖像、貼入圖像、設(shè)置參考線、選區(qū)的編輯、存儲(chǔ)選區(qū)、載入選區(qū)、變換選區(qū)。操作步驟如下。（1）新建RGB模式文檔，【寬度】為300px，【高度】為200px，【背景色】為白色，將其保存為“收獲.psd”。（2）將【前景色】設(shè)置為#EAAB3E，【背景色】設(shè)置為白色，在工具箱中選擇【漸變工具】 ，在【工具選項(xiàng)欄】設(shè)置【從前景到背景】的【線性漸變】，按住Shift鍵，從上到下拖動(dòng)鼠標(biāo)填充漸變色，如圖11-16所示。圖11-16 填充漸變色后的示意圖（3）打開(kāi)素材圖像

5、02.jpg，選擇【選擇】|【全選】命令，或者按快捷鍵Ctrl+A，將圖像中的像素全部選中，然后選擇【編輯】|【拷貝】命令將圖像中的像素拷貝（4）切換到“收獲.psd”窗口，選擇【編輯】|【粘貼】命令，將剛才拷貝的像素粘貼到文檔中，形成一個(gè)新的圖層。（5）選擇【編輯】|【變換】|【縮放】命令，縮放圖層中粘貼的圖像，直到其鋪滿整個(gè)窗口，并在窗口中雙擊鼠標(biāo)以確認(rèn)。（6）選擇【圖層】|【圖層樣式】|【混合選項(xiàng)】命令，在彈出的【圖層樣式】對(duì)話框中設(shè)置【常規(guī)混合】下的【不透明度】為20，并單擊【確定】關(guān)閉對(duì)話框。（7）背景的設(shè)置基本完成，現(xiàn)在來(lái)選取效果圖中的扇形像素。選擇【視圖】|【新建參考線】命令，在

6、【新建參考線】對(duì)話框中分別設(shè)置【垂直】為4.5厘米，【水平】為3.5厘米的參考線，繪制交叉的參考線。 （8）單擊【橢圓選框工具】，在工具選項(xiàng)欄中設(shè)置【樣式】為【固定大小】，【寬度】和【高度】為150px，單擊畫(huà)面，能以參考線的交點(diǎn)為中心畫(huà)出相應(yīng)大小的正園選區(qū)，圖像和【圖層】調(diào)板如圖11-18所示。圖11-18 建立橢圓選區(qū)（9）單擊【矩形選框工具】 ，在工具選項(xiàng)欄中單擊【與選區(qū)交叉】按鈕，如圖11-19左圖所示，最終得到一個(gè)如圖11-19右圖所示的90度扇形選區(qū)。（10）選擇【選擇】|【存儲(chǔ)選區(qū)】命令，在彈出的【存儲(chǔ)選區(qū)】對(duì)話框中，將扇形選區(qū)命名為“扇區(qū)”來(lái)保存。圖11-19 創(chuàng)建扇形選區(qū) （

7、11）打開(kāi)圖片04.jpg，按快捷鍵Ctrl+A將圖片中的像素全部選中，然后按快捷鍵Ctrl+C復(fù)制像素。切換到“收獲.psd”窗口，移動(dòng)選區(qū)到合適的位置，選擇【編輯】|【貼入】命令，將所復(fù)制的像素粘貼到扇形選區(qū)中，如圖11-20左圖所示。圖11-20 貼入圖像示意圖（13） 參照步驟（11）、（12），繼續(xù)載入保存的選區(qū)，變換選區(qū)，然后依次把圖像“01.jpg”、“02.jpg”、“03.jpg”中的像素復(fù)制、粘貼入到當(dāng)前圖像文檔中，可以得到如圖11-20右圖所示的效果。（14）單擊【圖層】調(diào)板底部【新建圖層】按鈕，新建一個(gè)圖層。在工具箱中選擇【單行選框工具】，繪制一像素選區(qū)，然后選擇【選擇

8、】|【修改】|【擴(kuò)展】，在彈出的對(duì)話框中設(shè)置參數(shù)為3像素，得到如圖11-21左上圖所示的效果，【圖層】調(diào)板如圖11-21右圖所示。圖11-21 添加選區(qū)和【圖層】調(diào)板（15） 設(shè)置【前景色】為815500，按快捷鍵Alt+Delete，給選區(qū)填充前景色。（16）單擊【矩形選框工具】，在工具選項(xiàng)欄中單擊【從選區(qū)中減去】按鈕，然后繪制2個(gè)如圖11-21左下圖所示的矩形選區(qū)。在工具選項(xiàng)欄中分別設(shè)置2個(gè)選區(qū)的【樣式】為【固定大小】，【寬度】為110px、76px，【高度】為95px、64px。按快捷鍵Alt+Delete，給選區(qū)填充前景色。按快捷鍵Ctrl+D取消選區(qū)，如圖11-22左圖所示。（17）

9、 在工具箱中選擇【單列選框工具】，繪制如圖11-22中圖所示的選區(qū)，再次【擴(kuò)展】該選區(qū)。然后選擇【矩形選框工具】，在工具選項(xiàng)欄中單擊【從選區(qū)中減去】按鈕，在圖像右下方中繪制矩形選區(qū)，減去右下方的選區(qū)，最后的效果如圖11-22右圖所示。然后按快捷鍵Alt+Delete給選區(qū)填充前景色。圖11-22 添加選區(qū)示意圖（18） 參照步驟（17）繪制選區(qū)，并填充前景色，效果如圖11-23左圖所示。（19） 在工具箱中選擇【橫排文字工具】，在工具選項(xiàng)欄中設(shè)置【字體】為“華文行楷”，【大小】為36點(diǎn)，【顏色】為#804909，輸入文字“豐收”。選擇【圖層】|【圖層樣式】|【投影】命令，添加文字陰影，最后的效

10、果如圖11-23右圖所示。圖11-23 選區(qū)填充顏色和添加文字實(shí)例5.利用專色通道制作合成效果的圖像，圖像最終效果如圖11-38所示。涉及的知識(shí)點(diǎn)。圖像翻轉(zhuǎn)、專色通道、漸變工具、圖層蒙版。操作步驟如下。（1）打開(kāi)素材圖像文件“臉龐.jpg”，選擇【圖像】|【圖像旋轉(zhuǎn)】|【水平翻轉(zhuǎn)畫(huà)布】命令將圖像水平翻轉(zhuǎn)。（2）選擇【圖像】|【畫(huà)布大小】命令，在彈出【畫(huà)布大小】的對(duì)話框并中設(shè)置如圖11-39左圖所示參數(shù)，單擊【確定】按鈕確認(rèn)，將圖像左邊的空白區(qū)域增大如圖11-39右圖所示。圖11-38 合成圖像的效果圖圖11-39【畫(huà)布大小】對(duì)話框與調(diào)整畫(huà)布后的圖像（3）在“臉龐.jpg”的【通道】調(diào)板上，單擊

11、右上角的菜單按扭 ，在彈出菜單中選擇【新建專色通道】命令，【通道】調(diào)板上就增加了一個(gè)【專色1】的通道，如圖11-40左圖所示。再在如圖11-40右圖所示的【新建專色通道】對(duì)話框中設(shè)置顏色為“#619ff4”，單擊【確定】按鈕，這樣在“臉龐.jpg”上就新建了一個(gè)專色通道。圖11-40 新建專色通道（4）打開(kāi)如圖11-41左圖所示素材圖像文件“橋.jpg”，在【圖層】調(diào)板中雙擊【背景層】，在彈出的【新建圖層】對(duì)話框中單擊【確定】按鈕，可將【背景層】轉(zhuǎn)換成可編輯的【圖層0】。（5）單擊【圖層】調(diào)板底部的【添加圖層蒙版】 按鈕 ，在工具箱中選擇【漸變工具】 按鈕 ，設(shè)置【前景色】為白色，【背景色】為

12、黑色，然后從圖像左邊向右邊拖曳出鼠標(biāo)，得到的效果如圖8-41中圖所示。（6）單擊【圖層】調(diào)板右上角的菜單按扭 ，在彈出菜單中選擇【拼合圖像】命令，將蒙版與圖像拼合，效果如圖8-41右圖所示。至此，對(duì)“橋.jpg”的處理基本完成。圖11-41 用蒙版處理圖像的前、后效果（7）按快捷鍵Ctrl+A選中“橋.jpg”的所有像素，再按快捷鍵Ctrl+C將其復(fù)制到剪貼板中。切換到圖像“臉龐.jpg”，并確認(rèn)當(dāng)前通道為剛才創(chuàng)建的【專色通道1】，按快捷鍵Ctrl+V將剪貼板中的圖像粘貼入其中，效果如圖11-42左圖所示。（8）選擇【編輯】|【自由變換】命令，或按快捷鍵Ctrl+T，將圖像調(diào)整并移動(dòng)到合適的位

13、置，最終效果如圖11-42右圖所示。圖11-42 “橋.jpg”的圖像粘貼入“臉龐.jpg”的專色通道中實(shí)例6. 不用任何素材，利用各種濾鏡效果制作小火球涉及的知識(shí)點(diǎn)。紋理濾鏡、像素化濾鏡、風(fēng)格化濾鏡、扭曲濾鏡、模糊濾鏡等。操作步驟如下。（1）選擇【文件】|【新建】命令，新建RGB模式文檔，【寬度】和【高度】為300像素，【分辨率】為72像素，【背景色】為黑色。（2）設(shè)置前景色為白色，單擊【橢圓工具】按鈕，并按下Shift鍵，在畫(huà)布偏右位置畫(huà)一個(gè)圓。（3）選擇【濾鏡】|【紋理】|【龜裂縫】，彈出【龜裂縫】對(duì)話框，設(shè)置參數(shù)和預(yù)覽效果如圖11-43所示。圖11-43 【龜裂縫】對(duì)話框（4）選擇【濾鏡】|【像素化】|【晶格化】命令，彈出【晶格化】對(duì)話框，設(shè)置與效果如圖11-44所示。（5）兩次選擇【濾鏡】|【風(fēng)格化】|【風(fēng)】命令，效果如圖11-45左圖所示。（6）選擇【圖像】|【旋轉(zhuǎn)畫(huà)布】|【90度（順時(shí)針）】命令，將畫(huà)布順時(shí)針旋轉(zhuǎn)，效果如圖11-45右圖所示。（7）選擇【濾鏡】|【扭曲】|【水波】命令，彈出【水波】對(duì)話框，設(shè)置參數(shù)如圖11-46左圖所示，效果如圖11-46右圖所示。圖11-44【晶格化】后的效果圖11-45作用濾鏡【風(fēng)】后效果圖圖11-46作用濾鏡【水波】的效果（8）選擇【濾鏡】|【模糊