電商圖片處理基礎(chǔ)-課件 ch02 電商圖片的選區(qū)

項目二電商圖片的選區(qū)編輯與填色電商圖片處理基礎(chǔ)01創(chuàng)建選區(qū)PARTONE1.矩形選框工具步驟一單擊“矩形選框工具”，在畫面中繪制一個矩形，如圖所示。矩形選框工具可以用來輔助畫出矩形選區(qū)，進行刪減圖層內(nèi)容，或者輔助其他工具快速做圖，在Photoshop中常用于建立選區(qū)、摳圖和填充等。1.矩形選框工具步驟二單擊“矩形選框工具”，可以在屬性欄中觀察到有“添加到選區(qū)”“從選區(qū)減去”“與選區(qū)交叉”等運算按鈕。選區(qū)的運算是指選區(qū)之間的“加”“減”或“交叉”。如果之前已經(jīng)有一個選區(qū)，可以單擊“添加到選區(qū)”按鈕，在原選區(qū)旁畫新的選區(qū)，如圖所示，則為把當前創(chuàng)建的選區(qū)添加到原來的選區(qū)中。同理，單擊“從選區(qū)減去”按鈕，可以把當前創(chuàng)建的選區(qū)從原來的選區(qū)中刪去。單擊“與選區(qū)交叉”按鈕，則是繪制選區(qū)時只保留新選區(qū)與舊選區(qū)交叉的部分，如圖所示。1.矩形選框工具單擊工具箱中的“設(shè)置前景色”，在彈出的“拾色器（前景色）”對話框中，在左側(cè)顏色區(qū)域選擇藍色，單擊“確定”按鈕，單擊“圖層”面板的“創(chuàng)建新圖層”按鈕，使用快捷鍵“Alt+Delete”填充前景色，能更清楚地看到羽化選區(qū)填充后的效果，如圖所示，羽化的作用是使選區(qū)邊緣過渡更加自然。步驟三單擊“矩形選框工具”，在屬性欄中的“羽化”文本框中設(shè)置數(shù)值為“20像素”，繪制選區(qū)，如圖所示。1.矩形選框工具步驟四：單擊“矩形選框工具”，在屬性欄的“樣式”下拉列表中可以選擇矩形選區(qū)的創(chuàng)建樣式。當選擇“正?！边x項時，可以創(chuàng)建任意大小的選區(qū)；當選擇“固定比例”選項時，可以在“高度”和“寬度”文本框中輸入數(shù)值，如在“寬度”文本框中輸入“2”，在“高度”文本框中輸入“1”，繪制出來的矩形選區(qū)寬度是高度的兩倍，如圖所示。當選擇“固定大小”選項時，輸入數(shù)值，可繪制出固定大小的矩形選區(qū)。2.橢圓選框工具橢圓選框工具的原理與矩形選框工具相似，是創(chuàng)建選區(qū)常用的另一種方法，可繪制橢圓形選區(qū)，“消除鋸齒”是其獨有的屬性。步驟一右擊工具箱中的選框工具組，在彈出的工具組中選擇“橢圓選框工具”，按住“Shift”鍵繪制正圓選區(qū)，如圖所示。2.橢圓選框工具橢圓選框工具的原理與矩形選框工具相似，是創(chuàng)建選區(qū)常用的另一種方法，可繪制橢圓形選區(qū)，“消除鋸齒”是其獨有的屬性。步驟二在屬性欄中選中“消除鋸齒”復(fù)選框，可以保持選區(qū)邊緣平滑過渡，如圖所示。3.單行或單列選框工具單行或單列選框工具可以分別在圖片中創(chuàng)建水平或垂直方向上的單像素選區(qū)，用于編輯細微的圖案或做一些特殊效果。步驟一右擊工具箱中的選框工具組，選擇“單行選框工具”。將鼠標指針移動至圖像上并單擊，創(chuàng)建單行選區(qū)，如圖所示。3.單行或單列選框工具步驟二右擊工具箱中的選框工具組，選擇“單列選框工具”。將鼠標指針移動至圖像上并單擊，創(chuàng)建單列選區(qū)，如圖所示。4.套索工具套索工具

Photoshop的常用工具之一，主要用于選取圖像中的任意形狀或路徑。可以快速選擇圖像中特定的區(qū)域，以便進行刪除、復(fù)制和編輯等操作。步驟一

打開素材，單擊工具箱中的“套索工具”，拖動繪制出需要選中的形狀，最后需將鼠標指針移動到起點位置，松開鼠標可得到一個閉合選區(qū)，如圖所示。步驟二

若在繪制中途松開鼠標，會自動在該點和起點之間建立一條線形成閉合選區(qū)，如圖所示。5.多邊形套索工具邊形套索工具是一種精確的不規(guī)則選擇工具，常用于選取有一定規(guī)則的選區(qū)。步驟一右擊工具箱中的套索工具組，在彈出的工具組中選擇“多邊形套索工具”，在畫面中單擊一個點為起點，移動到第二個位置再次單擊，如圖所示。5.多邊形套索工具邊形套索工具是一種精確的不規(guī)則選擇工具，常用于選取有一定規(guī)則的選區(qū)。步驟二重復(fù)上述步驟繪制選區(qū)，直到回到起點位置，自動閉合成一個選區(qū)，如圖所示。02選取顏色PARTTWO1.吸管工具吸管工具用于吸取圖像中某種顏色，并將其應(yīng)用于前景色，一般用于需要相同顏色時，在色板上又難以快速選擇該顏色。使用該工具，在需要的顏色上單擊即可吸取。在實際運用中，最主要的作用就是識別圖像中想要了解的位置的顏色值，并記錄到顏色區(qū)的前景色中，簡化設(shè)計人員的操作及記憶，并且準確融合圖像或調(diào)整圖像色彩。1.吸管工具步驟

選擇工具箱中的“吸管工具”，單擊畫面中需要的位置，即可取樣相應(yīng)顏色，并且會放置到前景色上，如圖所示。2.拾色器拾色器是用來選擇顏色的工具，能在處理圖像時精確地獲取需要的顏色值，可以設(shè)置前景色、背景色和文本顏色。步驟一單擊工具箱中的“設(shè)置前景色”或“設(shè)置背景色”，彈出“拾色器（前景色或背景色）”對話框，在對話框中拖動顏色滑塊到需要的顏色區(qū)域，在色域中選擇顏色，單擊“確定”按鈕。想要精確地找到需要的顏色，可以在“HSB”“RGB”“CMYK”或“#”文本框內(nèi)輸入具體的顏色數(shù)值，如圖所示。3.色板面板色板面板用來管理常見的基本顏色，也可以通過選擇其他顏色的方式將選取或設(shè)定的顏色添加到色板當中，或?qū)⒉恍枰念伾珓h除。步驟一

打開界面右側(cè)的“色板”面板，如圖所示。單擊某一色塊即可將其設(shè)置為前景色，按住“Ctrl”鍵單擊可將其設(shè)置為背景色。步驟二

在“色板”面板的搜索框中可以直接對所需顏色進行快速搜索，比如輸入“黑色”，就會呈現(xiàn)出“灰度”和“黑色”分組里的相應(yīng)顏色，如圖所示。4.顏色面板顏色面板用于設(shè)置背景色和前景色，顏色可通過拖動滑塊指定，也可以通過輸入相應(yīng)顏色值指定，以便進行繪圖或填充等操作。步驟一執(zhí)行“窗口”→“顏色”命令，打開“顏色”面板，默認為“色相立方體”顏色模型，如果要更改“顏色”面板滑塊的顏色模型，可單擊展開右側(cè)菜單，選擇“RGB滑塊”選項，顏色模型會從原來的“色相立方體”改為“RGB滑塊”，移動滑塊可以設(shè)置顏色，如圖所示。03選區(qū)填充PARTTHREE1.普通顏色填充和內(nèi)容識別填充普通顏色填充和內(nèi)容識別填充可以對圖像進行顏色和亮度的調(diào)整，能快速填充顏色或所選區(qū)域，同時保持圖像原始的像素信息不變。步驟一繪制一個選區(qū)，執(zhí)行“編輯”→“填充”命令，在彈出的“填充”對話框中，“內(nèi)容”下拉列表選擇“顏色”選項，在彈出的“拾色器（填充顏色）”對話框中，在左側(cè)顏色區(qū)域選擇粉色，單擊“確定”按鈕，完成填充顏色，如圖所示。1.普通顏色填充和內(nèi)容識別填充步驟二打開需要的素材，單擊工具箱中的“套索工具”，在需要填充的地方繪制一個閉合選區(qū)，如圖所示，執(zhí)行“編輯”→“填充”命令，彈出“填充”對話框，在“內(nèi)容”下拉列表中，選擇“內(nèi)容識別”選項，如圖所示，單擊“確定”按鈕，完成內(nèi)容識別填充，效果如圖所示。2.油漆桶工具填充油漆桶工具是用來填充前景色或圖案的工具，屬性欄中可以選擇填充的內(nèi)容是前景色還是圖案。填充前景色步驟

打開需要的捧花素材，在工具箱中右擊漸變工具組，在彈出的工具組中單擊“油漆桶工具”，在屬性欄中選擇“前景”選項，在“容差”文本框內(nèi)輸入數(shù)值“120”，其余都為默認設(shè)置，如圖所示。2.油漆桶工具填充填充圖案步驟

打開需要的捧花素材，選擇“油漆桶工具”，執(zhí)行“窗口”→“圖案”命令，在“圖案”面板的預(yù)設(shè)列表中單擊展開“草”的分組，選擇其中一個圖案，當鼠標指針變成油漆桶形狀，單擊空白處即可完成圖案填充，效果如圖所示。2.油漆桶工具填充圖案的存儲與載入

油漆桶工具中的圖案，有Photoshop自帶的，也有自行添加的。設(shè)計師可以進行圖案刪除、追加默認圖案與載入圖案步驟一

單擊“油漆桶工具”，在屬性欄左側(cè)下拉列表選擇“圖案”選項，可以選中不需要的圖案并右擊，在彈出的菜單中選擇“刪除圖案”，就能把不需要的圖案刪除，如圖所示。步驟二

單擊“圖案”面板右側(cè)的“設(shè)置”按鈕，在彈出的菜單中選擇“追加默認圖案”選項，如圖所示，在彈出的提示窗口中單擊“確定”按鈕，即可追加默認圖案。2.油漆桶工具填充步驟三

若要載入圖案，單擊“圖案”面板右側(cè)的“設(shè)置”按鈕，選擇“導(dǎo)入圖案”選項，在彈出的“載入”對話框中選擇相應(yīng)的圖案，單擊“載入”按鈕，如圖所示。3.定義圖案填充步驟一打開需要的圖案素材，單擊“矩形選框工具”，繪制一個矩形選區(qū)。執(zhí)行“編輯”→“定義圖案”命令，彈出“圖案名稱”對話框，在“名稱”文本框內(nèi)設(shè)置一個合適的名字，單擊“確定”按鈕，如圖所示。定義圖案可用于制作自定義圖案，通過截取、編輯素材即可獲取所需圖案。步驟二單擊“油漆桶工具”，在屬性欄中左側(cè)下拉列表選擇“圖案”選項，選擇剛才定義的圖案，如圖所示。4.漸變工具填充在使用漸變工具填充顏色時，可以實現(xiàn)從一種顏色到另一種顏色的自然變化，或者顏色由淺到深、由深到淺的變化，使圖像更生動、豐富，更有層次感與立體感。漸變工具的使用1步驟一

單擊工具箱中的“漸變工具”，在屬性欄中單擊展開漸變顏色條，可以看到有一些預(yù)設(shè)的漸變色，可以選擇其中一個，在選區(qū)或圖層上拖動，如圖所示。填充完成如圖所示。4.漸變工具填充漸變工具的使用1步驟二

選擇好漸變色后，需要設(shè)置漸變類型。屬性欄中有5種漸變類型，具體如圖所示（a）線性漸變（b）徑向漸變（c）角度漸變

（d）對稱漸變

（e）菱形漸變步驟三

屬性欄中的“模式”是用來設(shè)置應(yīng)用漸變時的混合模式，圖是設(shè)置為“正片疊底”的效果。4.漸變工具填充編輯合適的漸變顏色2步驟一單擊“漸變工具”，單擊屬性欄中的漸變顏色條，在彈出的“漸變編輯器”對話框中可以設(shè)置不同的顏色，如圖所示。4.漸變工具填充編輯合適的漸變顏色2步驟二如果沒有合適的漸變效果，可以在漸變顏色條中自定義顏色。雙擊漸變顏色條底部的色標，在彈出的“拾色器（色標顏色）”對話框中設(shè)置顏色，如圖所示。如果色標不夠，單擊顏色條下方即可添加色標，如圖所示。步驟三按住色標左右移動，可以調(diào)整兩種顏色的過渡效果。04選區(qū)編輯PARTFOUR1.變換選區(qū)變換選區(qū)是管理選區(qū)的常用操作之一，可以直接對選區(qū)的大小、形狀、位置和角度等進行調(diào)整，且不破壞選區(qū)內(nèi)的圖像。1.變換選區(qū)步驟一打開需要的露珠素材，單擊“多邊形套索工具”，將露珠形態(tài)繪制成選區(qū)。執(zhí)行“選擇”→“變換選區(qū)”命令，調(diào)出定界框。拖動控制點進行變形，如圖所示。步驟二在變換選區(qū)的狀態(tài)下右擊，可以在彈出的菜單中選擇不同的變換方式進行變形，如圖所示。2.調(diào)整邊緣調(diào)整邊緣是對選區(qū)進行邊緣檢測，調(diào)整選區(qū)的平滑度、羽化、對比度及邊緣位置。由于調(diào)整邊緣可以智能地細化選區(qū)，常用于人物的頭發(fā)、動物或細密的植物的摳圖。步驟一

打開需要的小狗素材，單擊“快速選擇工具”，創(chuàng)建選區(qū)，如圖所示。步驟二

執(zhí)行“選擇”→“選擇并遮住”命令，在“屬性”面板中的“視圖”區(qū)域內(nèi)，單擊“視圖”下拉列表，有七種視圖模式，選擇“白底”選項，如圖所示。2.調(diào)整邊緣步驟三

在“屬性”面板中的“邊緣檢測”區(qū)域內(nèi)，選中“智能半徑”復(fù)選框，可以精準摳出小狗細密的毛發(fā)，在“半徑”文本框中輸入數(shù)值“55像素”，柔化邊緣半徑，如圖所示。步驟四

“屬性”面板的“全局調(diào)整”區(qū)域，主要用來對選區(qū)進行平滑、羽化、對比度、移動邊緣等處理。在相應(yīng)文本框中輸入數(shù)值，如圖所示。最終效果如圖所示。3.邊界選區(qū)步驟一執(zhí)行“文件”→“新建”命令，在彈出的“新建文檔”對話框中，“寬度”和“高度”文本框都輸入數(shù)值“100”，“分辨率”文本框輸入數(shù)值“72”，將背景色設(shè)置為綠色，單擊“確定”按鈕。單擊“自定形狀工具”，屬性欄左側(cè)下拉列表選擇“路徑”選項，在屬性欄右側(cè)“形狀”下拉列表中找到箭頭形狀，拖動繪制路徑，使用快捷鍵“Ctrl+Enter”將路徑變換為選區(qū)，如圖所示。邊界的作用

是沿著選區(qū)的界線，選擇一定像素，形成一個環(huán)帶輪廓。邊界選區(qū)可以在原有選區(qū)輪廓上設(shè)置任意的邊界選區(qū)寬度，從原有選區(qū)向外擴展或是向內(nèi)收縮。3.邊界選區(qū)步驟二執(zhí)行“選擇”→“修改”→“邊界”命令，在“邊界選區(qū)”對話框中，在“寬度”文本框中輸入“10”像素，如圖所示，單擊“確定”按鈕，效果如圖所示。4.平滑選區(qū)平滑選區(qū)可以使選區(qū)的邊緣平滑得更加自然，達到更好的圖像處理效果。在進行圖像合成、色彩調(diào)整等操作時，平滑選區(qū)可以避免出現(xiàn)鋸齒狀的邊緣或過渡不自然的區(qū)域，提高圖像的質(zhì)量。步驟一重復(fù)邊界選區(qū)的步驟一，創(chuàng)建箭頭形狀選區(qū)。步驟二執(zhí)行“選擇”→“修改”→“平滑”命令，彈出“平滑選區(qū)”對話框中，設(shè)置“取樣半徑”為“5”像素，單擊“確定”按鈕，效果如圖所示。5.擴展選區(qū)擴展選區(qū)是在原來選中部分的基礎(chǔ)上向外擴展，可以更加精確地選擇需要編輯的部分。步驟在上頁圖的基礎(chǔ)上，執(zhí)行“選擇”→“修改”→“擴展”命令，彈出“擴展選區(qū)”對話框，設(shè)置“擴展量”文本框數(shù)值為“5”像素，單擊“確定”按鈕，效果如圖所示。6.收縮選區(qū)步驟在圖的基礎(chǔ)上，執(zhí)行“選擇”→“修改”→“收縮”命令，彈出“收縮選區(qū)”對話框，設(shè)置“收縮量”文本框數(shù)值為“5”像素，單擊“確定”按鈕，效果如圖所示。收縮選區(qū)是將當前選區(qū)向內(nèi)縮小一定的像素。收縮選區(qū)可以用