《圖形圖像設(shè)計(jì)技法精解》（楊睿）137-0課件 第三章 應(yīng)用選區(qū)與蒙版

PhotoshopCC2018圖形圖像設(shè)計(jì)技法精解應(yīng)用選區(qū)與蒙版03全面理解選區(qū)的定義和種類(lèi)。熟練掌握選區(qū)的創(chuàng)建、運(yùn)算、移動(dòng)、編輯和變換方法。熟練掌握修改選區(qū)的方法。熟練掌握選區(qū)的存儲(chǔ)和載入方法。全面理解蒙版的概念。全面理解蒙版的功能和種類(lèi)。熟練掌握?qǐng)D層蒙版、矢量蒙版、剪貼蒙版和快速蒙版的應(yīng)用。第一節(jié)設(shè)計(jì)與制作卡通風(fēng)格限時(shí)特惠海報(bào)—選區(qū)選區(qū)與蒙版是使用Photoshop處理圖像的重要工具。比如，我們?cè)谶M(jìn)行電商網(wǎng)頁(yè)制作時(shí)，會(huì)頻繁地接觸到產(chǎn)品的摳像處理，此時(shí)選區(qū)與蒙版就成為我們的得力助手。另外，選區(qū)與蒙版對(duì)于攝影師和圖像創(chuàng)意師也都意義重大，很多超現(xiàn)實(shí)主義的創(chuàng)作都離不開(kāi)這兩種工具。充分理解并掌握選區(qū)與蒙版的應(yīng)用，對(duì)學(xué)習(xí)圖像處理的具體技巧有很大幫助。一、選區(qū)的定義二、選區(qū)的創(chuàng)建目錄三、選區(qū)的運(yùn)算五、選區(qū)的編輯四、選區(qū)的移動(dòng)六、選區(qū)的變換七、選區(qū)的修改八、選區(qū)的存儲(chǔ)和載入一、選區(qū)的定義選區(qū)是被選取出來(lái)的圖像的局部區(qū)域，它可以是各種形狀的封閉區(qū)域。比如，我們用矩形選框工具劃選一個(gè)區(qū)域，就可以看到畫(huà)面中出現(xiàn)了一個(gè)有著流動(dòng)虛線(xiàn)邊框的形狀，虛線(xiàn)范圍以?xún)?nèi)的部分就是我們選中的區(qū)域，也就是選區(qū)。在圖像上創(chuàng)建一個(gè)選區(qū)后，所有操作都只針對(duì)該選區(qū)內(nèi)部起作用，而不會(huì)影響到圖像的其他部分。對(duì)選區(qū)操作結(jié)束后，需要取消選擇，此時(shí)需要記住2組快捷鍵。①取消選擇按【Ctrl+D】，重新選擇可按【Ctrl+Shift+D】。②全選按【Ctrl+A】，反選選區(qū)可按【Ctrl+Shift+I】。選區(qū)分為規(guī)則選區(qū)和不規(guī)則選區(qū)，所有能被形狀定義的選區(qū)都是規(guī)則選區(qū)，如矩形選區(qū)、橢圓選區(qū)等。沒(méi)有特定形狀的選區(qū)被稱(chēng)為不規(guī)則選區(qū)。二、選區(qū)的創(chuàng)建1．選框工具組選框工具組包括【矩形選框工具】、【橢圓選框工具】、【單行選框工具】和【單列選框工具】。按快捷鍵【M】可以快速切換到選框工具，按快捷鍵【Shift+M】可以在【矩形選框工具】和【橢圓選框工具】之間來(lái)回切換。在使用選框工具時(shí)，需注意：①在使用矩形選框和橢圓選框工具時(shí)，按住【Shift】鍵的同時(shí)拖動(dòng)鼠標(biāo)，創(chuàng)建的選區(qū)分別是正方形和正圓形，如右圖。②在選擇選框工具后，拖動(dòng)鼠標(biāo)的同時(shí)按住【Alt】鍵，選區(qū)會(huì)從繪制中心向四周擴(kuò)展。③在拖動(dòng)鼠標(biāo)的同時(shí)按住【Alt+Shift】鍵，選區(qū)會(huì)從繪制中心向四周擴(kuò)展，并建立正形選區(qū)。2．套索工具套索工具組包括【套索工具】、【多邊形套索工具】和【磁性套索工具】?！咎姿鞴ぞ摺坑糜趧?chuàng)建不規(guī)則選區(qū)。在畫(huà)布上按下鼠標(biāo)左鍵后任意拖動(dòng)鼠標(biāo)，松手后即可創(chuàng)建一個(gè)與拖動(dòng)軌跡相符的選區(qū)?！径噙呅翁姿鞴ぞ摺恐饕糜趧?chuàng)建多邊形選區(qū)。選擇該工具后，在畫(huà)布中兩個(gè)點(diǎn)上分別單擊鼠標(biāo)左鍵，這兩點(diǎn)之間就形成一條直線(xiàn)，繼續(xù)移動(dòng)并單擊，直到最后一點(diǎn)與第一點(diǎn)重合，即可形成多邊形選區(qū)【磁性套索工具】用于選取邊緣比較明顯的圖像。選擇該工具后，用鼠標(biāo)在圖像邊緣單擊創(chuàng)建起始點(diǎn)，然后沿圖像輪廓移動(dòng)鼠標(biāo)，鼠標(biāo)經(jīng)過(guò)的區(qū)域會(huì)有一條線(xiàn)像磁鐵一樣吸附在圖像輪廓上；回到原點(diǎn)后再次單擊鼠標(biāo)，輪廓會(huì)自動(dòng)閉合形成選區(qū)?！敬判蕴姿鞴ぞ摺康挠梅ㄅc勾選了【磁性的】選項(xiàng)的【自由鋼筆工具】用法基本一致。3．魔棒工具【魔棒工具】是Photoshop提供的一款快速摳圖工具，對(duì)于一些顏色界限比較分明的圖像，它能夠快速識(shí)別顏色比較接近的區(qū)域并形成選區(qū)。用【魔棒工具】在畫(huà)面上單擊，它會(huì)自動(dòng)選擇周?chē)蓄伾咏膮^(qū)域。如果對(duì)魔棒選取的區(qū)域不滿(mǎn)意，可以調(diào)整工具屬性欄中的【容差】值?！救莶睢康娜≈捣秶?～255，數(shù)值越大，魔棒所選區(qū)域包含的色彩差異就越大4．快速選擇工具相對(duì)于【魔棒工具】能夠識(shí)別相近顏色的功能來(lái)說(shuō)，【快速選擇工具】更加傾向于識(shí)別畫(huà)面中不同的形狀。按【W(wǎng)】鍵可以切換到【快速選擇工具】和【魔棒工具】組，按快捷鍵【Shift+W】可以在【快速選擇工具】和【魔棒工具】之間來(lái)回切換。5．色彩范圍命令【色彩范圍】命令也是Photoshop中常用的一種摳圖方法。在菜單欄中選擇【選擇】→【色彩范圍】項(xiàng)，打開(kāi)【色彩范圍】對(duì)話(huà)框，適當(dāng)調(diào)大【顏色容差】，參數(shù)設(shè)置好后在畫(huà)面上單擊進(jìn)行顏色取樣；之后根據(jù)需要選擇【添加到取樣】按鈕，并依次單擊背景顏色，將要選取的顏色都添加到取樣中。此時(shí)可以參考預(yù)覽圖中黑白區(qū)域的對(duì)比，白色是被選中的部分，黑色是沒(méi)被選中的部分，單擊【確定】按鈕，就可以看到選區(qū)了，三、選區(qū)的運(yùn)算（1）新選區(qū)新選區(qū)是指新創(chuàng)建的選區(qū)。當(dāng)我們創(chuàng)建了一個(gè)選區(qū)之后，在沒(méi)有按任何按鍵的情況下，再創(chuàng)建一個(gè)選區(qū)的時(shí)候，新創(chuàng)建的選區(qū)會(huì)替代原來(lái)創(chuàng)建的選區(qū)。選區(qū)的布爾運(yùn)算包括4類(lèi)，分別是【新選區(qū)】、【添加到選區(qū)】、【從選區(qū)減去】和【與選區(qū)交叉】。無(wú)論是選框工具組、套索工具組，還是魔棒工具或快速選擇工具，都可用于這4類(lèi)運(yùn)算。選擇任一種選區(qū)創(chuàng)建工具后，都可以在工具屬性欄中找到這4類(lèi)運(yùn)算的按鈕。（2）添加到選區(qū)添加到選區(qū)，是指在創(chuàng)建一個(gè)選區(qū)后，還想在圖像其他區(qū)域繼續(xù)創(chuàng)建選區(qū)，此時(shí)可以單擊【添加到選區(qū)】按鈕繼續(xù)創(chuàng)建選區(qū)。此外，在選擇任何一種選區(qū)創(chuàng)建工具后，都可以在按住快捷鍵【Shift】的同時(shí)，繼續(xù)創(chuàng)建選區(qū)，進(jìn)行選區(qū)的加選。（3）從選區(qū)減去從選區(qū)減去，是指在創(chuàng)建一個(gè)選區(qū)后，在該選區(qū)內(nèi)取消某些區(qū)域的選取。要實(shí)現(xiàn)該目的，可以單擊【從選區(qū)減去】按鈕后使用選區(qū)創(chuàng)建工具取消個(gè)別選區(qū)。另外，在選擇任何一個(gè)選區(qū)創(chuàng)建工具后，都可以在按住【Alt】鍵的同時(shí)，在原選區(qū)內(nèi)選取要取消的區(qū)域，進(jìn)行選區(qū)的減選。（4）與選區(qū)交叉與選區(qū)交叉，是指在創(chuàng)建好一個(gè)選區(qū)后，單擊【與選區(qū)交叉】按鈕，繼續(xù)創(chuàng)建與原選區(qū)交叉的選區(qū)，最終得到兩個(gè)選區(qū)的交叉部分。另外，在選擇任何一種選區(qū)創(chuàng)建工具后，都可以在按住快捷鍵【Shift+Alt】的同時(shí)，繼續(xù)創(chuàng)建與原選區(qū)交叉的選區(qū)，最終得到兩個(gè)選區(qū)交叉的部分。四、選區(qū)的移動(dòng)要移動(dòng)選區(qū)，可在選擇任意一種選區(qū)創(chuàng)建工具后，在工具屬性欄中選擇【新選區(qū)】按鈕；之后把光標(biāo)移到選區(qū)內(nèi)，按住鼠標(biāo)左鍵拖動(dòng)，即可移動(dòng)選區(qū)到新位置。移動(dòng)后的選區(qū)大小不變。如果按住【Ctrl】鍵移動(dòng)選區(qū)，會(huì)連同選區(qū)中的圖像內(nèi)容一起移動(dòng)，原來(lái)的選區(qū)位置上會(huì)顯示下個(gè)圖層的內(nèi)容。如果按住【Alt+Ctrl】鍵移動(dòng)選區(qū)，會(huì)把原選區(qū)中的圖像內(nèi)容復(fù)制并粘貼到移動(dòng)后的位置，原選區(qū)中的圖像內(nèi)容不發(fā)生變化。五、選區(qū)的編輯（1）刪除選區(qū)內(nèi)容在創(chuàng)建選區(qū)后，選擇【編輯】菜單中的【清除】項(xiàng)，或按【Delete】鍵，均可刪除選區(qū)中的內(nèi)容。在普通層上刪除內(nèi)容后，會(huì)露出透明區(qū)域（背景層除外）。（2）選區(qū)的剪切、復(fù)制和粘貼在創(chuàng)建選區(qū)后，選擇【編輯】菜單中的【剪切】項(xiàng)，或按快捷鍵【Ctrl+X】，均可剪切選區(qū)中的內(nèi)容；選擇【編輯】菜單中的【拷貝】項(xiàng)，或按快捷鍵【Ctrl+C】，均可復(fù)制選區(qū)中的內(nèi)容；選擇【編輯】菜單中的【粘貼】項(xiàng)，或按快捷鍵【Ctrl+V】，均可將剪切或拷貝的選區(qū)內(nèi)容粘貼到一個(gè)新圖層中。六、選區(qū)的變換【變換選區(qū)】命令是管理選區(qū)的常用操作之一。利用該命令可直接對(duì)選區(qū)的大小、形狀、位置和角度等進(jìn)行調(diào)整。創(chuàng)建選區(qū)后，在菜單欄中選擇【選擇】→【變換選區(qū)】項(xiàng)，可調(diào)出變換控制框，此時(shí)在工作區(qū)單擊鼠標(biāo)右鍵，可彈出6種選區(qū)變換方式。①縮放：選擇該項(xiàng)可通過(guò)拖動(dòng)控制框放大或縮小選區(qū)。在拖動(dòng)的同時(shí)按住【Shift】鍵，可以固定長(zhǎng)寬比縮放選區(qū)；若同時(shí)按【Alt】鍵，則以選區(qū)中心為縮放中心進(jìn)行縮放。②旋轉(zhuǎn)：選擇該項(xiàng)可自由旋轉(zhuǎn)選區(qū)。若同時(shí)按住【Shift】鍵，則以15°為單位對(duì)選區(qū)進(jìn)行遞增或遞減旋轉(zhuǎn)。③斜切：選擇該項(xiàng)后，在四角控制點(diǎn)上拖動(dòng)，可將該角點(diǎn)沿水平或垂直方向移動(dòng)。將光標(biāo)移至四邊的中間控制點(diǎn)上拖動(dòng)，可將選區(qū)傾斜（按住【Ctrl+Shift】組合鍵并拖動(dòng)角點(diǎn)可達(dá)到同樣效果）。④扭曲：選擇該項(xiàng)后，可任意拉伸8個(gè)控制點(diǎn)對(duì)選區(qū)進(jìn)行自由變形（按住【Ctrl】鍵并拖動(dòng)控制點(diǎn)可達(dá)到同樣效果）。⑤透視：選擇該項(xiàng)，拖動(dòng)角點(diǎn)框線(xiàn)會(huì)形成對(duì)稱(chēng)梯形（按住【Ctrl+Shift+Alt】鍵可達(dá)到同樣效果，按住【Ctrl+Alt】鍵可達(dá)到對(duì)角扭曲的效果）。⑥變形：選擇該項(xiàng)后，變換控制框，使之變成九宮格狀態(tài)，在四角控制點(diǎn)上拖動(dòng)，或在九宮格內(nèi)部區(qū)域拖動(dòng)，可任意改變選區(qū)形狀。除此之外，變換控制框狀態(tài)下還包括【旋轉(zhuǎn)180°】【順時(shí)針旋轉(zhuǎn)90°】【逆時(shí)針旋轉(zhuǎn)90°】【水平翻轉(zhuǎn)】和【垂直翻轉(zhuǎn)】5個(gè)命令，調(diào)整完成后按【Enter】鍵可確認(rèn)變換。七、選區(qū)的修改對(duì)選區(qū)邊緣進(jìn)行一系列操作，比如擴(kuò)展、收縮、羽化等?？梢栽诓藛螜谥羞x擇【選擇】→【修改】項(xiàng)，在其下級(jí)菜單中包含【邊界】【平滑】【擴(kuò)展】【收縮】和【羽化】5個(gè)子菜單。①邊界：選擇該項(xiàng)可彈出【邊界選區(qū)】對(duì)話(huà)框，可通過(guò)設(shè)置選區(qū)邊緣的寬度參數(shù)（1～64像素），使其成為輪廓區(qū)域。②平滑：選擇該項(xiàng)可對(duì)選區(qū)邊緣進(jìn)行平滑處理，取樣半徑越大，邊緣越平滑。③擴(kuò)展：選擇該項(xiàng)可按指定擴(kuò)展量（1～16像素）擴(kuò)展選區(qū)。④收縮：選擇該項(xiàng)可按指定收縮量縮小選區(qū)。⑤羽化：選擇該項(xiàng)可讓選區(qū)內(nèi)外銜接的部分虛化，讓畫(huà)面過(guò)渡和銜接的地方更加自然，羽化值可以為0.1～1000的任意數(shù)值。八、選區(qū)的存儲(chǔ)和載入通過(guò)對(duì)選區(qū)的存儲(chǔ)和載入，可以達(dá)到重復(fù)應(yīng)用選區(qū)的目的。①存儲(chǔ)選區(qū)：存儲(chǔ)選區(qū)的目的是將現(xiàn)有選區(qū)存儲(chǔ)為通道，以便下次使用。創(chuàng)建選區(qū)后，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【存儲(chǔ)選區(qū)】項(xiàng)，或者在【選擇】菜單下找到【存儲(chǔ)選區(qū)】項(xiàng)，均可打開(kāi)【存儲(chǔ)選區(qū)】對(duì)話(huà)框，可在其中輸入選區(qū)名稱(chēng)保存選區(qū)②載入選區(qū)：將己存儲(chǔ)的選區(qū)以不同形式載入。在菜單欄中選擇【選擇】→【載入選區(qū)】項(xiàng)，然后在【載入選區(qū)】對(duì)話(huà)框中的【通道】下拉列表中選擇要載入的選區(qū)，單擊【確定】按鈕即可《作品展示》這是一幅偏卡通風(fēng)格的創(chuàng)意海報(bào)，具備鮮艷奪目的配色與時(shí)尚潮流的圖形元素，給人極強(qiáng)的視覺(jué)沖擊力，大量的幾何圖形也為我們練習(xí)選區(qū)的創(chuàng)建和編輯提供了機(jī)會(huì)?！对O(shè)計(jì)與制作》整個(gè)畫(huà)面大致可以分為5部分，包括背景的網(wǎng)點(diǎn)、帶有黑色描邊的色塊、人物頭像、主標(biāo)題文字、輔助文字及裝飾元素等。利用橢圓選框和多邊形套索工具，可以輕松得到所有幾何圖形；利用【魔棒工具】可以實(shí)現(xiàn)人物頭像的摳圖；利用文字工具可創(chuàng)建基本信息。具體操作步驟請(qǐng)掃描右側(cè)二維碼。第二節(jié)設(shè)計(jì)與制作城市環(huán)繞

文字海報(bào)—蒙版選區(qū)與蒙版是使用Photoshop處理圖像的重要工具。比如，我們?cè)谶M(jìn)行電商網(wǎng)頁(yè)制作時(shí)，會(huì)頻繁地接觸到產(chǎn)品的摳像處理，此時(shí)選區(qū)與蒙版就成為我們的得力助手。另外，選區(qū)與蒙版對(duì)于攝影師和圖像創(chuàng)意師也都意義重大，很多超現(xiàn)實(shí)主義的創(chuàng)作都離不開(kāi)這兩種工具。充分理解并掌握選區(qū)與蒙版的應(yīng)用，對(duì)學(xué)習(xí)圖像處理的具體技巧有很大幫助。一、蒙版的概念二、圖層蒙版目錄三、矢量蒙版五、快速蒙版四、剪貼蒙版一、蒙版的概念蒙版其實(shí)就是蒙在圖像上的一塊擋板，它本身不具備任何圖像信息，只是對(duì)圖像部分信息進(jìn)行遮罩，以便對(duì)圖像進(jìn)行編輯時(shí)，被遮擋的部分會(huì)被保護(hù)起來(lái)不受影響。我們對(duì)圖像的某一特定區(qū)域進(jìn)行編輯、修改時(shí)，如果不想其他區(qū)域受到影響，就可以使用蒙版工具。蒙版是沒(méi)有彩色信息的，只有黑白灰，黑色代表對(duì)圖像完全遮蓋，遮蓋后的效果是完全透明；白色代表對(duì)圖像不遮蓋，效果是完全不透明；灰色代表對(duì)圖像半透明遮蓋，遮蓋后的效果是半透明。蒙版主要用于摳圖、羽化邊緣及合成圖像。二、圖層蒙版圖層蒙版是Photoshop中一項(xiàng)特別重要的功能，主要起到遮罩的作用。使用它可以在對(duì)圖像進(jìn)行編輯的同時(shí)，對(duì)原有圖層提供應(yīng)有的保護(hù)與備份，有效提高工作效率。啟動(dòng)Photoshop，打開(kāi)素材文件“326.jpeg”，雙擊背景層將其變成普通層，在圖像下方新建圖層并縮小上層圖像，之后在新圖層右側(cè)繪制一個(gè)方框并填充顏色，以便更清晰地理解圖層蒙版的效果選擇人物層，單擊【圖層】面板底部左數(shù)第3個(gè)按鈕【添加圖層蒙版】，這樣就給圖層添加了一個(gè)蒙版。在蒙版中只能使用黑白灰三種顏色，可以選擇黑色的【畫(huà)筆工具】在蒙版上涂一涂，會(huì)發(fā)現(xiàn)被黑色畫(huà)筆涂過(guò)的區(qū)域被隱藏；同樣地，被白色畫(huà)筆涂過(guò)的區(qū)域又會(huì)顯示出來(lái)我們可以利用快捷鍵【X】來(lái)切換前景色和背景色，這樣就可以隨意修改畫(huà)面的顯示區(qū)域。按住【Shift】鍵單擊蒙版縮覽圖，可以關(guān)閉圖層蒙版，原圖還是完好無(wú)損地保存著；再次單擊蒙版縮覽圖，遮罩效果又會(huì)顯現(xiàn)出來(lái)。圖層蒙版常用于摳圖，我們可以回到人物圖層上，用【快速選擇工具】將人物大致選擇出來(lái)，然后單擊工具屬性欄中的【選擇并遮住】按鈕，之后適當(dāng)調(diào)整一下參數(shù)，并在右側(cè)的【輸出到】下拉列表中選擇【新建帶有圖層蒙版的圖層】，單擊【確定】按鈕輸出，這樣人物就被摳出來(lái)了。此時(shí)原圖是被保留下來(lái)的，只不過(guò)我們給它做了一個(gè)完美的遮罩，因此可以利用【畫(huà)筆工具】繼續(xù)調(diào)整一些小細(xì)節(jié)三、矢量蒙版矢量蒙版一般基于邊緣清晰的矢量形狀來(lái)創(chuàng)建，一般通過(guò)編輯路徑來(lái)編輯矢量蒙版。啟動(dòng)Photoshop，打開(kāi)素材文件“329.jpeg”，可以看到，平板電腦和鍵盤(pán)的輪廓都是簡(jiǎn)單清晰的首先用【多邊形套索工具】把平板電腦選出來(lái)，然后切換到【路徑】面板，單擊面板底部左數(shù)第4個(gè)按鈕【從選區(qū)生成工作路徑】，將選區(qū)轉(zhuǎn)換為路徑；回到【圖層】面板，按住【Ctrl】鍵的同時(shí)，單擊【添加圖層蒙版】按鈕，這樣就得到一個(gè)【矢量蒙版】。如果想把鍵盤(pán)也摳出來(lái)，只需要用【直接選擇工具】（快捷鍵【A】），配合【鋼筆工具】和【轉(zhuǎn)換點(diǎn)工具】，通過(guò)調(diào)整錨點(diǎn)的位置和數(shù)量來(lái)調(diào)整路徑的選擇范圍即可四、剪貼蒙版剪貼蒙版是一個(gè)可以用形狀遮蓋其他圖層的對(duì)象，使用剪貼蒙版只能看到蒙版形狀內(nèi)的區(qū)域。從效果上來(lái)說(shuō)，就是將圖層裁剪為蒙版的形狀。啟動(dòng)Photoshop，新建一個(gè)文檔，置入素材中的圖像文件“星空.jpg”，然后用【橫排文字工具】輸入文字“Photoshop”，將文字層放在圖像層下方，之后選中圖像層，按快捷鍵【Ctrl+Alt+G】（或按住【Alt】鍵的同時(shí)，將鼠標(biāo)放在兩個(gè)圖層中間，出現(xiàn)向下的小箭頭時(shí)單擊）可生成剪貼蒙版，再按一次【Ctrl+Alt+G】可釋放剪貼蒙版五、快速蒙版快速蒙版主要用于快速編輯選區(qū)，它可以將任何選區(qū)作為蒙版進(jìn)行編輯。按快捷鍵【Q】或單擊工具欄下方的【以快速蒙版模式編輯】按鈕，均可進(jìn)入【快速蒙版】模式。啟動(dòng)Photoshop，打開(kāi)素材文件“rose.jpg”按