2.5 Photoshop基礎(chǔ)案例

2.5.1 案例1　鋼筆摳圖—吹風(fēng)機

按住鍵盤上【Alt】鍵的同時，用鼠標(biāo)雙擊圖層面板上的“背景”圖層，該圖層解鎖。

選擇工具欄中的鋼筆工具，然后在鋼筆工具的屬性展開欄選擇“路徑”（見圖2-52～圖2-54）。

從吹風(fēng)機風(fēng)筒的下方開始繪制吹風(fēng)機的輪廓。繪制過程中可以結(jié)合【Ctrl】+【+】/【-】鍵放大/縮小視圖，也可以按鍵盤上的空格鍵隨時切換到手型工具，拖動視圖。

繪制過程一氣呵成，鋼筆工具的起點和終點相接才能形成一個封閉的路徑，封閉的路徑才可以轉(zhuǎn)換為選區(qū)。在繪制過程中通常不能把所有的細節(jié)一次性調(diào)整好，可以在閉合路徑以后，再用直接選擇工具對路徑中的錨點進行細微的調(diào)節(jié)（見圖2-55～圖2-57）。

被直接選擇工具選中的錨點呈實心黑色。我們可以調(diào)整該錨點的位置及控制手柄的方向來使貝塞爾曲線的弧度更貼近產(chǎn)品自身的外輪廓（見圖2-58、圖2-59）。

調(diào)整完畢，我們可以在路徑面板上查看鋼筆工具繪制的這個閉合路徑，可以按住鍵盤上【Ctrl】鍵的同時用鼠標(biāo)左鍵單擊“路徑1”的圖層或在“路徑1”圖層被選中的狀態(tài)下，單擊路徑面板底端虛線圓圈狀按鈕（將路徑作為選區(qū)載入），則可將路徑轉(zhuǎn)換為選區(qū)（見圖2-60，圖2-61）。

按鍵盤上的【Ctrl】+【J】鍵便可以將選區(qū)內(nèi)的圖像復(fù)制到單獨一個圖層中去（見圖2-62）。至此，吹風(fēng)機摳圖完成。我們可以將工作文件保存為.psd格式的文件，以保留全部工作過程（包括所有圖層和路徑），也可以將文件另存為.png格式的文件，以保存透明通道信息。

2.5.2 案例2　漸變填充與圖層樣式—墻上的LED燈

產(chǎn)品介紹：這是一款由Sieger Design 設(shè)計的LED燈。從外觀上看，這款燈有著光滑、可浮動的外觀，并且有兩種不同的外觀形式：方形和圓形（見圖2-63，圖2-64）。高度精確的設(shè)計輪廓是這款產(chǎn)品最大的亮點，從照明角度看，這款燈最大限度地實現(xiàn)了光對環(huán)境影響的轉(zhuǎn)變，能夠更好地與環(huán)境相適應(yīng)，創(chuàng)建的是一個均勻、溫暖的光環(huán)境，并且不會消耗太多成本，是一款簡單的外觀下面包含著強大的功能的燈具產(chǎn)品。

制作分析：本案例以方形LED墻燈的制作為例，綜合運用漸變填充工具和圖層樣式制作墻燈的效果。具體步驟如下。

新建一個橫向A4文檔（寬度為297mm，高度為210mm），命名為“墻燈”，分辨率設(shè)定為300像素/in，顏色模式為RGB。

新建一個圖層，并將其命名為“墻面”。選擇【漸變填充工具】，具體顏色參數(shù)設(shè)置為#e4e1e1、#e4e1e1和#232222，供讀者參考（見圖2-65），接著從“墻面”圖層的中心點往右下方為其拉出一個【徑向漸變】（見圖2-66），最終效果如圖2-67所示。

使用菜單【濾鏡】/【濾鏡庫】/【紋理】/【紋理化】，紋理選擇【砂巖】，具體設(shè)置參數(shù)如圖2-68所示，最終效果圖如圖2-69所示。

選擇【圓角矩形工具】，畫出一個W為【2167像素】、H為【2167像素】、半徑為【300像素】的圓角矩形，接著在該圖層單擊右鍵【柵格化圖層】。將該圖層重命名為“墻燈外框”，并將其【載入選區(qū)】，為其填充灰色【#838382】，取消選區(qū)，效果如圖2-70所示。雙擊該圖層縮略圖，為其添加【描邊】以及【外發(fā)光】的“圖層樣式”，具體參數(shù)設(shè)置如圖2-71、圖2-72所示，最終效果如圖2-73所示。

新建一個圖層，并將其命名為“墻燈”。按住【Ctrl】鍵的同時，用鼠標(biāo)左鍵單擊“墻燈外框”圖層的縮略圖，將其【載入選區(qū)】。使用菜單【選擇】/【修改】/【收縮】，收縮量設(shè)置為【150像素】，使用菜單【選擇】/【修改】/【羽化】，羽化值設(shè)置為【100像素】，為其填充【白色】，取消選區(qū)，最終效果如圖2-74所示。

雙擊“墻燈”圖層的縮略圖，為其添加【外發(fā)光】的“圖層樣式”，具體設(shè)置參數(shù)如圖2-75所示，最終效果圖如圖2-76所示。

2.5.3 案例3　選區(qū)工具與圖層樣式—繪制產(chǎn)品按鈕

產(chǎn)品按鈕通常用來控制產(chǎn)品或程序的某些功能，細到每一個功能按鈕的設(shè)計能夠使產(chǎn)品更加貼合用戶實際需求和使用習(xí)慣，使用戶在使用產(chǎn)品時獲得更好的體驗。用Photoshop繪制產(chǎn)品按鈕的效果圖，首先用合適的選區(qū)工具準(zhǔn)確繪制按鈕形狀，然后利用漸變工具和圖層樣式來繪制出按鈕的凹凸效果，增強體積感。本案例繪制現(xiàn)在產(chǎn)品中常見的“滑動”按鈕，按鈕的最終效果圖如圖2-77所示。

新建一個寬度為【15cm】、高度為【15cm】的文檔，并將其命名為“按鈕”，分辨率設(shè)定為300像素/in，顏色模式為RGB。

新建一個圖層，并將其命名為“背景”。設(shè)置前景色為#b3b3b3，按【Ctrl】+【Delete】鍵為其填充顏色。

選擇【圓角矩形工具】，畫出一個W為【1932像素】、H為【500像素】、半徑為【300像素】的圓角矩形，接著在該圖層上單擊右鍵【柵格化圖層】。按住【Ctrl】鍵的同時用鼠標(biāo)左鍵單擊該圖層的縮略圖，將其【載入選區(qū)】。選擇【漸變填充工具】從上往下為其拉出一個從淺灰色【#afafaf】到灰白色【#eaeaea】的【線性漸變】。取消選區(qū)，漸變填充效果如圖2-78所示。

參考 畫出（見圖2-79）的圓角矩形，其中填充的漸變?yōu)樯罨疑?656565】到淺灰色【#d0d0d0】的【線性漸變】。

參考 畫出（見圖2-80）的圓角矩形，其中圓角矩形的W為【1087像素】、H為【283像素】、半徑為【125像素】，填充的深灰色為#5c5c5c。雙擊該圖層的縮略圖，為其添加【內(nèi)陰影】的“圖層樣式”，具體參數(shù)設(shè)置可參考圖2-81，添加內(nèi)陰影的效果如圖2-82所示。

新建一個圖層，并將其命名為“圓形1”。選擇【橢圓選框工具】，按住【Shift】鍵畫出如圖2-83所示的圓形選框，選擇【漸變填充工具】從上往下為其拉出一個從灰白色【#ececec】到深灰色【#767676】的【線性漸變】。取消選區(qū)，效果如圖2-84所示。雙擊該圖層的縮略圖，為其添加【投影】的圖層樣式，具體參數(shù)設(shè)置可參考圖2-85，添加圖層樣式后的效果如圖2-86所示。

新建一個圖層，并將其命名為“圓形2”。選擇【橢圓選框工具】，按住【Shift】鍵畫出如圖2-87所示的圓形選框，為其填充灰色【#b8b8b8】。取消選區(qū)，按鈕表面填充效果如圖2-88所示。

如果覺得重新畫“圓形選框”太麻煩，可以將“圓形1”圖層【載入選區(qū)】，然后使用菜單【選擇】/【修改】/【收縮】，收縮率設(shè)置為【8像素】。

選擇【文字工具】，輸入“OFF”，設(shè)置文字顏色為#202020。調(diào)節(jié)該文字的字體、大小以及位置（見圖2-89）。在該圖層上單擊右鍵選擇【柵格化文字】，雙擊該文字圖層的縮略圖，為其添加【斜面和浮雕】的圖層樣式，具體參數(shù)設(shè)置可參考圖2-90，文字的最終效果如圖2-91所示。

按住【Shift】鍵將畫好的圖層選中（“背景”圖層和“文字”圖層除外），復(fù)制“副本”圖層，并將其移至如圖2-92所示的位置。

將“圓形1 副本”和“圓形2 副本”兩個圖層移至如圖2-93所示的位置。

選擇“深灰色圓角矩形”的副本圖層，將該圖層【載入選區(qū)】，為其填充橙色【#eb6100】，修改其【內(nèi)陰影】的“圖層樣式”，參數(shù)如圖2-94所示，最終效果如圖2-95所示。

參考 繪制出圖2-96中的文字。其中文字填充的顏色為#ae4101，【斜面和浮雕】的具體參數(shù)設(shè)置如圖2-97所示。

新建一個圖層，并將其命名為“突起按鈕1”。選擇【橢圓選框工具】，畫出如圖2-98所示的圓形選框。選擇【漸變填充工具】，從下往上為其拉出一個從【白色】到【透明】的【線性漸變】，取消選區(qū)，最終效果如圖2-99所示。

新建一個圖層，并將其命名為“突起按鈕2”。參考 畫出圖2-100中的灰色圓形，其中灰色為#727272。雙擊該圖層的縮略圖，為其添加【斜面和浮雕】的“圖層樣式”，具體參數(shù)設(shè)置可參考圖2-101，最終效果如圖2-102所示。

新建一個圖層，并將其命名為“突起按鈕3”。參考 畫出如圖2-103所示的灰色圓形，其中灰色為#c6c4c5。雙擊該圖層的縮略圖，為其添加【斜面和浮雕】以及【內(nèi)發(fā)光】的“圖層樣式”，具體參數(shù)設(shè)置可參考圖2-104、圖2-105，最終效果如圖2-106所示。

新建一個圖層，并將其命名為“凹陷按鈕”。參考 畫出圖2-107中的灰色圓形，其中填充的【線性漸變】可參考圖2-108。雙擊該圖層的縮略圖，為其添加【斜面和浮雕】的“圖層樣式”，具體參數(shù)設(shè)置可參考圖2-109，最終效果如圖2-110、圖2-111所示。