- Photoshop網頁美工設計
- 劉心美
- 11634字
- 2020-09-18 17:22:09
2.3 網頁圖片摳圖
摳圖是選擇圖片的一種應用技巧,對于設計者來說,摳圖技術是一種必備技能,設計的本身就是摳取不同的圖片進行創新、重新組合的過程。Photoshop作為目前最常用的位圖處理軟件,在摳取圖片方面提供了多種工具和方法。本章將對摳圖基礎知識、摳圖工具及應用操作進行詳細講解。
2.3.1 簡單形狀摳圖
Photoshop提供了一些常規幾何形狀選框工具,利用這些工具可以快速地選擇圖片中外形相對規則的對象。選框工具包括矩形選框工具、橢圓選框工具、單行選框工具、單列選框工具。
1.矩形選框工具
矩形選框工具用于創建矩形選區,適用于選擇長方形或正方形的形狀,如網頁中常見的矩形按鈕、矩形區域、矩形圖片等。單擊工具箱中的“矩形選框工具”按鈕,會顯示如圖2-28所示的矩形選框工具選項欄。下面對各選項進行說明。

圖2-28 矩形選框工具選項欄
1)選區工作模式主要有以下幾種。
● 新選區:在圖片中創建新的選區,如果之前存在選區,則該選區會被取代。
● 添加到選區:在圖片中創建多個選區,此模式下光標顯示為“十十”形狀。
● 從選區中減少:從已存在的選區中減去新繪制的選區。此模式下光標顯示為“十一”形狀。
● 與選區交叉:保留已存在選區與新繪制選區相交的部分。此模式下光標顯示為“十×”形狀。
2)羽化。羽化是建立選區和選區周圍像素之間的過渡模糊邊緣??稍谖谋究蛑休斎霐抵祦砜刂朴鸹秶?。
3)樣式。樣式用于設置選區的形狀?!罢!边x項為系統默認設置,通過鼠標拖動形成矩形選區;“固定比例”選項能自動設置選區的寬度和高度的比例;“固定大小”選項用輸入值來固定選區的尺寸。
4)調整邊緣。單擊“調整邊緣”按鈕,彈出“調整邊緣”對話框,利用半徑、雙比度、平滑等選項對選區進行調控。
案例1 用矩形選框工具實現鏡框摳圖
【案例效果】第2章\A201.jpg,如圖2-29所示。
【素材文件】第2章\201.jpg,如圖2-30所示。

圖2-29 案例效果

圖2-30 案例素材
【主要知識點】
用矩形選框工具建立矩形選區。
對選區進行剪切、復制、粘貼等操作。
【操作過程】
1)啟動Photoshop軟件,打開素材201.jpg。
2)單擊工具箱中的“矩形選框工具”按鈕,按住鼠標左鍵不放,從圖片的左上角拖動至右下角,出現矩形的選區,如圖2-31所示。
3)執行“編輯”→“剪切”菜單命令或“編輯”→“拷貝”菜單命令,或者按〈Ctrl+X〉或〈Ctrl+C〉組合鍵。然后執行“編輯”→“粘貼”菜單命令(或按〈Ctrl+V〉組合鍵)。最終效果如圖2-32所示。

圖2-31 矩形選區

圖2-32 最終效果
4)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A201.jpg。
2.橢圓選框工具
橢圓選框工具用于創建圓形和橢圓形選區,適用于選擇圓形或橢圓形的形狀,如網頁中常見的圓形按鈕、圓形欄目區域、圓形圖片等。單擊工具箱中的“橢圓選框工具”按鈕,會顯示如圖2-33所示的橢圓選框工具選項欄。

圖2-33 橢圓選框工具選項欄
橢圓選框工具與矩形選框工具的選項設置方法相同,只需單擊工具箱中的“橢圓選框工具”按鈕,然后在圖片中拖動即可創建選區。
案例2 用橢圓選框工具實現花朵摳圖
【案例效果】第2章\A202.jpg,如圖2-34所示。
【素材文件】第2章\202.jpg,如圖2-35所示。

圖2-34 案例效果

圖2-35 案例素材
【主要知識點】
用橢圓選框工具建橢圓形選區。
對選區進行編輯、變換等操作。
利用羽化效果來加強摳圖效果。
【操作過程】
1)啟動Photoshop軟件,打開素材202.jpg。
2)執行“視圖”→“標尺”菜單命令,拖動水平和垂直標尺線到花蕊的中心位置。單擊工具箱中的“橢圓選框工具”按鈕,在選項欄中設置“羽化”為5像素。將光標定位在標尺線的相交位置,按住〈Shift+Alt〉組合鍵的同時拖動鼠標,出現如圖2-36所示的圓形選區。
3)執行“選擇”→“變換選區”菜單命令出現變換點,如圖2-37所示。調整選區的大小和形狀,圈出完整的圖片效果,如圖2-38所示。

圖2-36 創建圓形選區

圖2-37 變換選區
4)執行“編輯”→“剪切”菜單命令或“編輯”→“拷貝”菜單命令。然后執行“編輯”→“粘貼”菜單命令。最終效果如圖2-39所示。

圖2-38 變換為橢圓形選區

圖2-39 最終效果
5)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A202.jpg。
技巧分享
在使用矩形選框或橢圓選框工具時,按住〈Shift〉鍵可以創建正方形或正圓形選區,按住〈Alt〉鍵將以單擊點為中心向外創建矩形或圓形選區,按住〈Shift+Alt〉組合鍵將以單擊點為中心向外創建正方形或正圓形選區。
3.單行/單列選框工具
單行/單列選框工具用于創建高度/寬度為1像素的矩形選區,適用于網頁中1像素高/寬的橫線/豎線的繪制。單擊工具箱中的“單行/單列選框工具”按鈕,會分別顯示如圖2-40所示的單行選框工具選項欄和如圖2-41所示的單列選框工具選項欄。

圖2-40 單行選框工具選項欄

圖2-41 單列選框工具選項欄
選擇單行/單列選框工具后,在工作區中單擊即可創建1像素選區,拖動鼠標可移動選區。
案例3 用單行/單列選框工具實現1像素線條添加
【案例效果】第2章\A203.jpg,如圖2-42所示。
【素材文件】第2章\203.jpg,如圖2-43所示。

圖2-42 案例效果

圖2-43 案例素材
【主要知識點】
用單行/單列選框工具建立1像素選區。
對選區進行編輯、變換選區等操作。
【操作過程】
1)啟動Photoshop軟件,打開素材203.jpg。
2)分別單擊工具箱中的“單行選框工具”按鈕和“單列選框工具”按鈕
,在選項欄中都設置選區工作模式為“添加到選區”
。分別在圖片左下端和右上端單擊,繪制出6條橫豎相交叉的線。效果如圖2-44所示。
3)單擊工具箱中的“矩形選框工具”按鈕,在選項欄中設置選區工作模式為“從選區減去”
,利用矩形選區減去部分1像素線選區。效果如圖2-45所示。

圖2-44 創建單行/單列選區

圖2-45 刪減選區
4)打開“圖層”面板,新建圖層。執行“編輯”→“描邊”菜單命令,彈出“描邊”對話框,設置“寬度”為“1像素”,“顏色”為# dbc172,其他保持默認設置,如圖2-46所示。
5)調整后單擊“確定”按鈕,最終效果如圖2-47所示。

圖2-46 “描邊”對話框

圖2-47 最終效果
6)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A203.jpg。
2.3.2 單一背景色圖片摳圖
摳圖方法可分為兩種,一種是以形狀工具為主實現摳圖,如選框工具、套索類工具、鋼筆工具等;另一種是以顏色識別為主實現摳圖,如使用魔棒工具、快速選擇工具、通道等。適用于第二種摳圖方法的圖片的特點是前景與背景有較明顯的顏色差別,便于對顏色的識別。本節將從背景為單一色和復雜色兩種情況進行探討。所謂單一背景色是指背景色為一種純色,且前景與背景有明顯的顏色差別,這種情況主要使用魔棒工具、快速選擇工具等。
1.魔棒工具
魔棒工具可以基于色調和顏色差異創建選區。通過單擊可選取與該單擊點顏色相同或相近的像素區域,適合于前景與背景顏色差異較明顯的情況。單擊工具箱中的“魔棒工具”按鈕,會顯示如圖2-48所示的魔棒工具選項欄。下面對各選項進行說明。

圖2-48 魔棒工具選項欄
1)取樣大小。該項用于設置取樣范圍的大小?!叭狱c”可取樣單擊點的顏色像素值;“3×3平均”可取樣單擊點3個像素范圍內的平均顏色值。
2)容差。該項用于設置選擇范圍的大小。
3)連續。勾選該復選框,可選擇顏色相近的連續區域;反之可選擇所有與單擊點顏色相近的區域。
4)對所有圖層取樣。勾選該復選框,可選擇所有圖層上顏色相近的區域;反之僅選擇當前圖層。
選項欄中的選區工作模式、“消除鋸齒”復選框與選框工具的功能相同,不再贅述。
案例1 用魔棒工具實現兔子摳圖
【案例效果】第2章\A204.jpg,如圖2-49所示。
【素材文件】第2章\204.jpg,如圖2-50所示。

圖2-49 案例效果

圖2-50 案例素材
【主要知識點】
用魔棒工具建立選區。
對選區進行收縮、剪切/復制、粘貼等操作。
【操作過程】
1)啟動Photoshop軟件,打開素材204.jpg。
2)單擊工具箱中的“魔棒工具”按鈕,在選項欄中設置“容差”為30,單擊“添加到選區”按鈕。
3)在圖片中的背景處連續單擊,直到將整個背景都添加到選區,如圖2-51所示。按〈Delete〉鍵刪除背景,效果如圖2-52所示。

圖2-51 魔棒選區

圖2-52 刪除背景
4)執行“選擇”→“反向”菜單命令,將選區反選為兔子。執行“選擇”→“修改”→“收縮”菜單命令,彈出“收縮選區”對話框,設置“收縮量”為4像素,單擊“確定”按鈕,如圖2-53所示。效果如圖2-54所示。
5)再次執行選區反選操作,按〈Delete〉鍵。最終效果如圖2-55所示。

圖2-53 “收縮選區”對話框

圖2-54 選區收縮后

圖2-55 最終效果
6)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A204.jpg。
2.快速選擇工具
快速選擇工具可以像繪畫一樣向外擴展,并自動查找和跟隨圖片中定義的邊緣涂抹出選區。單擊工具箱中的“快速選擇工具”按鈕,會顯示如圖2-56所示的快速選擇工具選項欄。下面對各選項進行說明。

圖2-56 快速選擇工具選項欄
1)選擇運算按鈕。該項用于設置選區計算方式?!靶逻x區”可創建一個新的選區;“添加到選區”
可在原選區基礎上添加繪制的選區;“從選區減去”
可在原選區基礎上減去當前繪制的選區。
2)畫筆選取器。該項用于設置畫筆的大小、硬度和間距。
3)對所有圖層取樣。勾選該復選框,可對所有圖層創建選區。
4)自動增強。勾選該復選框,可將選區向圖片邊緣進一步流動并應用一些邊緣調整,減少邊緣的粗糙度和鋸齒。
案例2 用快速選擇工具實現荷花摳圖
【案例效果】第2章\A205.jpg,如圖2-57所示。
【素材文件】第2章\205.jpg,如圖2-58所示。

圖2-57 案例效果

圖2-58 案例素材
【主要知識點】
用快速選擇工具建立選區。
對選區進行編輯與調整等操作。
【操作過程】
1)啟動Photoshop軟件,打開素材205.jpg。
2)單擊工具箱中的“快速選擇工具”按鈕,在選項欄中單擊“添加到選區”按鈕,勾選“自動增強”復選框。
3)在荷花與葉子相連的邊緣處不斷單擊,直到將整個花朵添加到選區為止,如圖2-59所示。
4)在“圖層”面板中,對當前圖層進行選區剪切,新建圖層并進行粘貼,隱藏背景圖層。最終效果如圖2-60所示。
5)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A205.jpg。
3.橡皮擦工具、背景橡皮擦工具、魔術橡皮擦工具
(1)橡皮擦工具
橡皮擦工具可以用背景色擦除背景圖片或用透明色擦除圖層中的圖片。單擊工具箱中的“橡皮擦工具”按鈕,會顯示如圖2-61所示的橡皮擦工具選項欄。

圖2-59 用快速選擇工具建立選區

圖2-60 最終效果

圖2-61 橡皮擦工具選項欄
在普通圖層上拖動,可擦除拖動區域的像素;在背景圖層或透明區域的圖層上拖動,擦除后會顯示出背景色。其選項說明如下。
1)模式。該項用于選擇擦除的筆觸方式。
2)抹到歷史記錄。勾選該復選框,將以“歷史記錄”面板中確定的圖片狀態來擦除圖片。
(2)背景橡皮擦工具
背景橡皮擦工具可以擦除指定的背景色。單擊工具箱中的“背景橡皮擦工具”按鈕,會顯示如圖2-62所示的背景橡皮擦工具選項欄。

圖2-62 背景橡皮擦工具選項欄
下面對各選項進行說明。
1)畫筆預設。該項用于選擇橡皮擦的形狀和大小。
2)限制。該項用于選擇擦除界限。
3)容差。該項用于設置容差值。
4)保護前景色。勾選該復選框將保護前景色不被擦除。
(3)魔術橡皮擦工具
魔術橡皮擦工具可以自動擦除顏色相近區域中的圖片。單擊工具箱中的“魔術橡皮擦工具”按鈕,會顯示如圖2-63所示的魔術橡皮擦工具選項欄。

圖2-63 魔術橡皮擦工具選項欄
其選項與前面所述相同,不再贅述。
案例3 用魔術橡皮擦工具實現擺瓶摳圖
【案例效果】第2章\A206.jpg,如圖2-64所示。
【素材文件】第2章\206.jpg,如圖2-65所示。

圖2-64 案例效果

圖2-65 案例素材
【主要知識點】
用橡皮擦工具、魔術橡皮擦工具摳圖。
對選區進行編輯與調整等操作。
【操作過程】
1)啟動Photoshop軟件,打開素材206.jpg。
2)單擊工具箱中的“魔術橡皮擦工具”按鈕,在選項欄中設置“容差”為20,在背景處單擊即可將背景圖片直接清除。如果一次不能夠完全清除,可以多次使用魔術橡皮擦工具單擊需要清除的部分,如圖2-66所示。
3)單擊工具箱中的“橡皮擦工具”按鈕,在選項欄中設置畫筆大小為40像素,將圖片中的文字擦除。最終效果如圖2-67所示。

圖2-66 用魔術橡皮擦工具擦除

圖2-67 最終效果
4)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A206.jpg。
案例4 用背景橡皮擦工具實現摳圖
【案例效果】第2章\A207.jpg,如圖2-68所示。
【素材文件】第2章\207.jpg,如圖2-69所示。
【主要知識點】
用橡皮擦工具、背景橡皮擦工具摳圖。
對選區進行編輯與調整等操作。
【操作過程】
1)啟動Photoshop軟件,打開素材207.jpg。
2)單擊工具箱中的“背景橡皮擦工具”按鈕,在選項欄中設置“容差”為20%,在背景處單擊即可將背景圖片直接清除。如果一次不能夠完全清除,可以多次使用“背景橡皮擦工具”單擊需要清除的部分。
3)單擊工具箱中的“橡皮擦工具”按鈕,設置畫筆為40像素,將圖片中的背景擦除,生成效果,如圖2-70所示。

圖2-68 案例效果

圖2-69 案例素材

圖2-70 最終效果
4)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A207.jpg。
2.3.3 形狀復雜圖片摳圖
前面學習了簡單形狀的摳圖方法,在實際摳圖中,往往圖片的形狀更多樣,這就需要用到更復雜的摳圖工具,如套索類工具、鋼筆工具等。下面就學習利用這些工具來摳取復雜形狀的圖片。
1.套索工具
使用套索工具可以徒手繪制不規則形狀的選區。它適合于邊緣柔和的形狀摳取。單擊工具箱中的“套索工具”按鈕,會顯示如圖2-71所示的套索工具選項欄。

圖2-71 套索工具選項欄
使用套索工具在圖片中的適當位置按下鼠標左鍵不放,在圖片上進行拖動繪制,松開鼠標后,選擇區域會自動封閉生在選區。
案例1 用套索工具摳圖
【案例效果】第2章\A208.jpg,如圖2-72所示。
【素材文件】第2章\208.jpg,如圖2-73所示。

圖2-72 案例效果

圖2-73 案例素材
【主要知識點】
用套索工具建立邊緣柔和的復雜形狀選區。
通過“羽化選區”對話框設置參數。
【操作過程】
1)啟動Photoshop軟件,打開素材208.jpg。
2)單擊工具箱中的“套索工具”按鈕,從花的邊緣選擇起點,按下鼠標左鍵拖動開始建立選區,如圖2-74所示。將光標移至起點處松開鼠標,建立封閉選區,如圖2-75所示。

圖2-74 用套索工具制作選區

圖2-75 生成封閉選區
3)執行“選擇”→“修改”→“羽化”菜單命令,彈出“羽化選區”對話框,按如圖2-76所示進行參數設置。
4)按〈Ctrl+X〉或〈Ctrl+C〉快捷鍵,然后執行“編輯”→“粘貼”菜單命令(或按Ctrl+V快捷鍵)。效果如圖2-77所示。

圖2-76 “羽化選區”對話框

圖2-77 最終效果
5)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A208.jpg。
2.多邊形套索工具
使用多邊形套索工具可以在圖片中連續繪制出不規則選區。它適合于邊緣為直線的形狀摳取。單擊工具箱中的“多邊形套索工具”按鈕,會顯示如圖2-78所示的多邊形套索工具選項欄。

圖2-78 多邊形套索工具選項欄
技巧分享
在使用多邊形套索工具時,按住〈Shift〉鍵并拖動,可以以水平、垂直或45°角度繪制選項;按住〈Alt〉鍵并拖動,可以像套索工具一樣繪制選區。
案例2 用多邊形套索工具摳圖
【案例效果】第2章\A209.jpg,如圖2-79所示。
【素材文件】第2章\209.jpg,如圖2-80所示。

圖2-79 案例效果

圖2-80 案例素材
【主要知識點】
用多邊形套索工具進行復雜形狀摳圖。
通過“選擇”→“變換選區”菜單命令編輯選區形狀。
【操作過程】
1)啟動Photoshop軟件,打開素材209.jpg。
2)單擊工具箱中的“多邊形套索工具”按鈕,將光標移到要摳取形狀的邊緣位置,連續單擊并拖動鼠標,繪制出一個多邊形,雙擊生成選區,如圖2-81所示。
3)按〈Ctrl+X〉或〈Ctrl+C〉組合鍵,再按〈Ctrl+V〉組合鍵。最終效果如圖2-82所示。

圖2-81 多邊形套索選區

圖2-82 最終效果
4)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A209.jpg。
3.磁性套索工具
使用磁性套索工具可以沿著自動識別的形狀邊界繪制不規則選區。若圖片邊緣與背景的顏色對比明顯,可以使用該工具快速選取對象。單擊工具箱中的“磁性套索工具”按鈕,會顯示如圖2-83所示的磁性套索工具選項欄。

圖2-83 磁性套索工具選項欄
1)寬度。下面對各選項進行說明。用于設置套索檢測范圍,以像素為單位,參數范圍為1~256像素。寬度值決定了以光標所在位置為基準,其周圍有多少個像素能夠被工具檢測到,如果選擇對象的邊界清晰可設置較大的值,相反則設置一個較小的值。
2)對比度。該項用于設置選取邊緣的靈敏度,參數范圍為1%~100%,設置較高的數值時能檢測到背景對比鮮明的邊緣,設置較低的數值時可檢測對比不太鮮明的邊緣。
3)頻率。該項用于設置選區生成錨點的密度,參數范圍為0%~100%,設置值越高,產生的錨點速度越快,數量也越多。
4)鋼筆壓力。該項用于設置專用繪圖板的筆刷壓力,數值范圍為0~100。
案例3 用磁性套索工具摳圖
【案例效果】第2章\A210.jpg,如圖2-84所示。
【素材文件】第2章\210.jpg,如圖2-85所示。

圖2-84 案例效果

圖2-85 案例素材
【主要知識點】
用磁性套索工具進行復雜形狀摳圖。
進行選區編輯與調整。
【操作過程】
1)啟動Photoshop軟件,打開素材210.jpg。
2)單擊工具箱中的“磁性套索工具”按鈕,將光標移到要摳取對象的邊緣位置單擊,然后沿著要摳取對象的邊緣拖動,如圖2-86所示,將終點與起點重合,雙擊生成選區,如圖2-87所示。
3)按〈Ctrl+X〉或〈Ctrl+C〉組合鍵,再按〈Ctrl+V〉組合鍵。最終效果如圖2-88所示。

圖2-86 磁性套索選區

圖2-87 多邊形選區

圖2-88 最終效果
4)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A210.jpg。
4.鋼筆工具
在Photoshop中,鋼筆工具是最為準確的摳圖工具,能夠按照描繪的范圍創建平滑的路徑,適合于選擇邊緣光滑、外形復雜的形狀。使用鋼筆工具摳圖包括兩個階段,第一階段是在需要摳圖的邊界布置錨點,這一系列的錨點會自動連接成為路徑,第二階段是將路徑轉換為選區。單擊工具箱中的“鋼筆工具”按鈕,會顯示如圖2-89所示的鋼筆工具選項欄。

圖2-89 鋼筆工具選項欄
下面對各選項進行說明。
1)繪制模式。該項分為形狀、路徑和像素3種繪制模式。路徑模式下只創建路徑;形狀模式下創建路徑,并用前景色填充路徑;像素模式不可用。
2)選區。在路徑模式下,單擊“選區”按鈕,會彈出“建立選區”對話框,設置參數后,將路徑轉化為選區。
3)形狀。在路徑模式下,單擊“形狀”按鈕,會將路徑轉換為圖形,并在“圖層”面板中創建對應的形狀圖層,效果與選擇形狀模式相同。
4)路徑操作。該項用于選擇路徑的組合方式?!昂喜⑿螤睢睂⒗L制的新路徑加到現有路徑區域中;“減去形狀”將繪制的新路徑從重疊路徑區域中減去;“與形狀區域相交”只保留新路徑與現有路徑相交的區域;“排除重疊形狀”可以合并路徑中排列重疊的區域。
5)路徑對齊方式。該項可以為選擇路徑指定對象排列方式。
6)路徑排列方式。該項可以對選擇路徑的排序順序進行調整。
技巧分享
繪制路徑后,按〈Ctrl〉+〈Enter〉組合鍵或單擊“路徑”面板中的“將路徑作為選區載入”按鈕,可將路徑轉換為選區;如果要把選區轉換為路徑,則單擊“從選區生成工作路徑”按鈕
。
案例4 用鋼筆工具摳圖
【案例效果】第2章\A211.jpg,如圖2-90所示。
【素材文件】第2章\211.jpg,如圖2-91所示。

圖2-90 案例效果

圖2-91 案例素材
【主要知識點】
用鋼筆工具繪制直線和曲線的選區。
學習用路徑工具調整錨點和方向線的技巧。
使用路徑繪制復雜形狀的選區。
【操作過程】
1)啟動Photoshop軟件,打開素材211.jpg。
2)單擊工具箱中的“鋼筆工具”按鈕,將光標移到要摳取形狀的邊緣位置,單擊添加第一個路徑錨點。然后在邊緣另一位置單擊,添加第二個路徑錨點,繪制直線路徑;按住鼠標左鍵不放拖動,則可繪制曲線路徑。不斷反復,繪制封閉路徑,把圖中的花瓶輪廓選取出來。效果如圖2-92所示。
3)單擊鋼筆工具選項欄中的“選區”按鈕,彈出“建立選區”對話框,按如圖2-93所示進行設置,單擊“確定”按鈕。效果如圖2-94所示。

圖2-92 鋼筆路徑示意

圖2-93 “建立選區”對話框
4)按〈Ctrl+X〉或〈Ctrl+C〉組合鍵,再按〈Ctrl+V〉組合鍵。效果如圖2-95所示。
5)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A211.jpg。

圖2-94 鋼筆選區示意

圖2-95 最終效果
2.3.4 細絲類圖片摳圖
通過前面的學習我們已經知道,簡單形狀可通過工具箱中的選框類等工具摳取,對于邊緣清晰的復雜形狀可通過工具箱中的套索類、魔棒類、鋼筆等工具摳取。但對于邊緣不明顯的圖片,如毛發、細樹枝、毛筆字類,在摳圖時需要運用一些特別的技巧。
1.調整邊緣技巧
調整邊緣用于編修選區。它不僅可以對選區進行羽化、擴展、收縮、平滑處理,還能有效識別透明區域、發絲等細微形狀。
在圖片中創建選區后,執行“選擇”→“調整邊緣”菜單命令,彈出“調整邊緣”對話框,如圖2-96所示。下面對各選項進行說明。
1)視圖模式。該項用于設置查看選區的視圖模式,有“閃爍虛線”“疊加”“黑底”“白底”“黑白”“背景圖層”“顯示圖層”等模式。
2)平滑。該項用于設置選區邊界的平滑效果,減少選區邊界中的不規則區域。
3)羽化。該項用于設置選區邊界的羽化程序。
4)對比度。該項用于設置選區邊緣的清晰度。
5)移動邊緣。該項用于設置選區邊緣的收縮和擴張,當為負值時,可以收縮選區;當為正值時,可以擴張選區。
6)輸出到。該項用于設置選區的輸出模式,有“選區”“圖層蒙版”“新建圖層”等模式。

圖2-96 “調整邊緣”對話框
案例1 用調整邊緣技巧摳圖
【案例效果】第2章\A212.jpg,如圖2-97所示。
【素材文件】第2章\212.jpg,如圖2-98所示。

圖2-97 案例效果

圖2-98 案例素材
【主要知識點】
用快速選擇工具選擇人物主體選區。
用調整邊緣技巧調整選區邊緣。
【操作過程】
1)啟動Photoshop軟件,打開素材212.jpg。
2)單擊工具箱中的“快速選擇工具”按鈕,選擇人物的主體輪廓,如圖2-99所示。
3)執行“選擇”→“調整邊緣”菜單命令,彈出“調整邊緣”對話框,選擇“白底”視圖模式,單擊左側的“調整半徑工具”按鈕,在人物頭發發絲邊緣處進行涂抹,并設置輸出模式為“選區”。調整前后的效果對比如圖2-100所示。
4)執行“選擇”→“反向”菜單命令,按〈Delete〉鍵刪除人物背景。
5)新建背景圖層并填充紅色,放置于人物圖層之下,如圖2-101所示。
6)在人物圖層中,發絲處帶有原圖片背景(白色)痕跡,可單擊工具箱中的“加深工具”按鈕,在這些位置進行涂抹。涂抹完后的效果如圖2-102所示。

圖2-99 選擇人物主體輪廓

圖2-100 使用調整半徑工具涂抹前后對比

圖2-101 填充紅色背景

圖2-102 使用加深工具涂抹發絲的效果
7)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A212.jpg。
2.通道技巧
通道用于存儲圖片的某種信息,分為顏色通道、專色通道、Alpha通道。顏色通道是存儲圖片顏色信息的通道,和圖片的顏色模式有關,每個顏色通道都是一幅灰度圖,表示一種顏色的明暗變化。若打開RGB顏色模式,則顯示RGB、紅、綠、藍4個通道,如圖2-103所示。通過對紅(R)、綠(G)、藍(B)3個顏色通道的變化以及它們相互之間的疊加來得到各種顏色。圖片顏色通過分色存儲的方式,自動分配到不同的單色通道中,方便進行顏色調整和通道色彩的計算。Alpha通道是一個8位的灰度通道,用于存儲選區,方便進行選區的載入、計算等操作。該通道用256級灰階來記錄圖片中的透明信息,定義透明、不透明、半透明區域。在Alpha通道中,白色表示選區,黑色表示非選區,灰色表示半透明選區。

圖2-103 通道面板示意圖
案例2 用通道技巧摳圖
【案例效果】第2章\A213.jpg,如圖2-104所示。
【素材文件】第2章\213.jpg,如圖2-105所示。

圖2-104 案例效果

圖2-105 案例素材
【主要知識點】
通過亮度/對比度、色階命令調整圖片明暗對比度。
使用通道技巧摳圖。
【操作過程】
1)啟動Photoshop軟件,打開素材213.jpg。
2)執行“圖像”→“調整”→“亮度/對比度”菜單命令,加大圖片的明暗對比度,“亮度/對比度”對話框中的參數設置如圖2-106所示。調整后的圖片效果如圖2-107所示。

圖2-106 “亮度/對比度”對話框

圖2-107 調整亮度/對比度
3)打開“通道”面板,依次單擊紅、綠、藍色通道,比較通道的明暗對比程度,發現藍色通道的明暗對比比較強烈,拖動藍色通道到“創建新通道”按鈕上,復制生成“藍 副本”通道。
4)將“藍 副本”通道中人物的臉和身體部分用“畫筆工具”涂成黑色,如圖2-108所示。
5)執行“圖像”→“調整”→“色階”菜單命令,加大圖片的明暗對比度,“色階”對話框中的參數設置如圖2-109所示。

圖2-108 在“藍 副本”通道中涂黑

圖2-109 “色階”對話框
6)摳圖過程中頭發細節損失是必然的,要注意對頭發細節的調整,可反復調整亮度/對比度、色階,直到達到滿意效果。
7)選擇“藍 副本”通道,單擊“將通道作為選區載入”按鈕,建立選區。
8)單擊“圖層”面板中的人物圖層,刪除除人物主體之外的區域,如圖2-110所示。在人物圖層上添加紅色背景圖層,如圖2-111所示。
9)如果發現頭發中有淺灰的區域,可用“加深工具”進行涂抹。最終效果如圖2-112所示。

圖2-110 摳取人物主體

圖2-111 添加背景

圖2-112 最終效果
10)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A213.jpg。
3.色彩范圍技巧
色彩范圍技巧是利用圖片的顏色和影調創建選區,可識別圖片中的某些特定顏色,以利于更精確、方便地摳圖。打開一個圖片文件后,執行“選擇”→“色彩范圍”菜單命令,彈出“色彩范圍”對話框,如圖2-113所示。下面對各選項進行說明。

圖2-113 “色彩范圍”對話框
1)選擇。該項是系統預設的顏色和色調選項,包括“紅色”“黃色”“綠色”“青色”“藍色”“洋紅”“高光”“中間調”“陰影”等,可選擇相應的顏色范圍。
2)顏色容差。該項用于指定選擇范圍內色彩的區域,拖動滑塊可增加或減少選擇彩色的范圍。
3)選擇預覽方式。選擇“選擇范圍”單選按鈕,在預覽圖中顯示黑白的選區效果,白色區域為選中像素,灰色區域為部分選中像素,黑色區域代表未選像素。選擇“圖片”單選按鈕,顯示實際圖片。
4)選區預覽。該項用于設置圖像窗口中未被選中區域的狀態?!盁o”不顯示預覽;“灰度”以灰色調顯示未被選中的區域;“黑色雜邊”黑色顯示未被選中的區域;“白色雜邊”與“黑色雜邊”相反,以白色顯示未被選中的區域;“快速蒙版”以默認蒙版顏色顯示未被選中的區域。
5)顏色取樣工具。該項用于吸取圖片中的顏色,“吸管工具”通過單擊取色;“添加到取樣工具”通過單擊在預覽或圖片里添加顏色;“從取樣中減去工具”通過單擊在預覽或圖片里減去顏色。
案例3 用色彩范圍技巧摳圖
【案例效果】第2章\A214.jpg,如圖2-114所示。
【素材文件】第2章\214.jpg,如圖2-115所示。

圖2-114 案例效果

圖2-115 案例素材
【主要知識點】
建立細枝條等細絲狀選區。
使用色彩范圍技巧摳圖。
【操作過程】
1)啟動Photoshop軟件,打開素材214.jpg。
2)執行“選擇”→“色彩范圍”菜單命令,彈出“色彩范圍”對話框,如圖2-116所示。由于要選擇整個背景,所以單擊“添加到取樣”按鈕,在下面圖片預覽區域的背景位置多次單擊,確定整個背景顯示為白色后,單擊“確定”按鈕,如圖2-117所示。

圖2-116 “色彩范圍”對話框

圖2-117 選擇背景
3)單擊梅枝所在圖層,按〈Delete〉鍵刪除背景區域。最終效果如圖2-118所示。

圖2-118 最終效果
4)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A214.jpg。
2.3.5 半透明圖片摳圖
有些特殊對象如婚紗、玻璃等物體,具有半透明或透明的特質,下面講解這些物體的摳圖技巧。
案例1 用蒙版技巧實現半透明類物體摳圖
【案例效果】第2章\A215.jpg,如圖2-119所示。
【素材文件】第2章\215.jpg,如圖2-120所示。

圖2-119 案例效果

圖2-120 案例素材
【主要知識點】
使用蒙版技巧摳圖。
【操作過程】
1)啟動Photoshop軟件,打開素材215.jpg。
2)拖動“圖層1”到“圖層”面板下方的“創建新圖層”按鈕上,復制生成“圖層1副本”。
3)選擇“圖層1”圖層,單擊“圖層”面板下方的“添加圖層蒙版”按鈕,單擊蒙版圖層,用黑色畫筆工具涂抹圖中半透明婚紗區域,如圖2-121所示。
4)在“圖層1副本”上,設置圖層混合模式為濾色模式,創建婚紗區域為選區,將其他區域刪除,如圖2-122所示。
5)在兩個圖層下方,添加一個紅色的背景圖層,圖層結構如圖2-123所示。最終效果如圖2-119所示。

圖2-121 涂抹婚紗區域

圖2-122 創建婚紗選區

圖2-123 圖層結構
6)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A215.jpg。
案例2 用通道技巧實現透明物體類摳圖
【案例效果】第2章\A216.jpg,如圖2-124所示。
【素材文件】第2章\216.jpg,如圖2-125所示;第2章\B216.jpg作為背景圖片。
【主要知識點】
建立透明或半透明物體選區。
用顏色通道技巧調整選區。

圖2-124 案例效果

圖2-125 案例素材
【操作過程】
1)啟動Photoshop軟件,打開素材216.jpg。
2)打開“通道”面板,依次單擊紅、綠、藍色通道,比較通道的明暗對比程度,發現藍色通道的明暗對比比較強烈,拖動藍色通道到“創建新通道”按鈕上,復制生成“藍副本”通道。
3)執行“圖片”→“調整”→“亮度/對比度”菜單命令,加大圖片的明暗對比度,注意玻璃杯的完整性和灰色區域的層次,“亮度/對比度”對話框中的參數設置如圖2-126所示。用黑色畫筆工具將除杯子以外的區域涂黑,調整后的圖片效果如圖2-127所示,

圖2-126 “亮度/對比度”對話框

圖2-127 涂黑杯子以外區域
4)執行“圖片”→“調整” →“色階”菜單命令,加大圖片的明暗對比度,要保持灰色區域的層次以實現半透明效果,“色階”對話框中的設置如圖2-128所示。

圖2-128 “藍副本通道”色階調整后效果
5)圖2-128中杯子邊緣模糊,再次調整亮度/對比度,直到杯子邊緣清晰,灰色區域有層次感為止,如圖2-129所示。
6)選擇“藍副本”通道,單擊“將通道作為選區載入”按鈕,建立選區。
7)單擊“圖層”面板中的玻璃杯圖層,執行“選擇”→“反向”菜單命令,按〈Delete〉鍵刪除背景,如圖2-130所示。

圖2-129 “藍通道”副本調整效果

圖2-130 刪除背景
8)按住〈Ctrl〉鍵的同時單擊圖層縮覽圖,選擇并剪切玻璃杯。
9)打開背景圖片B216.jpg文件,多次按〈Ctrl+V〉組合鍵粘貼多個玻璃杯,調整玻璃杯位置,最終效果如圖2-124所示。
10)執行“文件”→“存儲為”菜單命令,彈出“存儲為”對話框,將文件保存為A216.jpg。