Photoshop+AIGC平面設(shè)計(jì)（微課版）課件 第3章 應(yīng)用選區(qū)和填充顏色

第3章應(yīng)用選區(qū)和填充顏色Photoshop+AIGC平面設(shè)計(jì)（微課版）普通高等學(xué)校計(jì)算機(jī)教育“十二五”規(guī)劃教材3.1創(chuàng)建選區(qū)內(nèi)容導(dǎo)航3.1.1課堂案例—設(shè)計(jì)“拒絕浪費(fèi)”地鐵廣告

3.1.2選框工具組3.1.3套索工具組3.2編輯選區(qū)3.3填充顏色3.4綜合實(shí)訓(xùn)3.1.1課堂案例——設(shè)計(jì)“拒絕浪費(fèi)”地鐵廣告【制作要求】：某公司準(zhǔn)備制作一個(gè)尺寸為“3.05m×1.56m”，主題為“拒絕浪費(fèi)”的地鐵廣告，以呼吁更多人拒絕浪費(fèi)糧食，要求廣告畫面簡(jiǎn)約、色彩明亮且具有視覺(jué)吸引力，主題明確，簡(jiǎn)單直觀?！静僮饕c(diǎn)】：使用橢圓選框工具為盤子創(chuàng)建選區(qū)，使用矩形選框工具框選文字，并將其添加到背景中，摳取筷子、飯碗等素材，通過(guò)組合各個(gè)素材完成廣告的制作。參考效果如下圖所示。3.1.1課堂案例——設(shè)計(jì)“拒絕浪費(fèi)”地鐵廣告制作過(guò)程3.1.1課堂案例——設(shè)計(jì)“拒絕浪費(fèi)”地鐵廣告制作過(guò)程3.1.2選框工具組選框工具組主要用于創(chuàng)建規(guī)則的幾何形狀選區(qū)。將鼠標(biāo)指針移動(dòng)到工具箱的“矩形選框工具”上，單擊鼠標(biāo)右鍵或按住鼠標(biāo)左鍵不放，可打開該工具組，在其中有“矩形選框工具”、“橢圓選框工具”、“單行選框工具”、“單列選框工具”4種工具。

矩形選框工具

橢圓選框工具

單行選框工具

單列選框工具3.1.3套索工具組

套索工具多邊形套索工具磁性套索工具3.1創(chuàng)建選區(qū)內(nèi)容導(dǎo)航3.2.1課堂案例—制作讀書公眾號(hào)推文首圖3.2.2擴(kuò)展與收縮選區(qū)3.2.3平滑與邊界選區(qū)3.2.4存儲(chǔ)與載入選區(qū)3.2.5填充和描邊選區(qū)3.2編輯選區(qū)3.3填充顏色3.4綜合實(shí)訓(xùn)3.2.1課堂案例——制作讀書公眾號(hào)推文首圖【制作要求】：為某企業(yè)的讀書公眾號(hào)設(shè)計(jì)一張推文首圖，用于“世界讀書日”當(dāng)日發(fā)布的微信公眾號(hào)推文中，要求尺寸為“900像素×383像素”，要能營(yíng)造樸實(shí)、自然的氛圍?！静僮饕c(diǎn)】：添加素材，將文字載入選區(qū)，并擴(kuò)展選區(qū)，針對(duì)主要文字填充選區(qū)增加美觀度；對(duì)下方文字添加邊界選區(qū)。參考效果如下圖所示。3.2.1課堂案例——制作讀書公眾號(hào)推文首圖制作過(guò)程3.2.1課堂案例——制作讀書公眾號(hào)推文首圖制作過(guò)程3.2.1課堂案例——制作讀書公眾號(hào)推文首圖制作過(guò)程3.2.2擴(kuò)展與收縮選區(qū)創(chuàng)建選區(qū)后，如果感覺(jué)創(chuàng)建的選區(qū)略小，則選擇【選擇】/【修改】/【擴(kuò)展】命令，打開“擴(kuò)展選區(qū)”對(duì)話框，在“擴(kuò)展量”數(shù)值框中輸入選區(qū)擴(kuò)展的像素值，如輸入“20”，單擊確定按鈕，選區(qū)將向外擴(kuò)展20像素。1．?dāng)U展選區(qū)3.2.2擴(kuò)展與收縮選區(qū)收縮選區(qū)與擴(kuò)展選區(qū)效果相反。創(chuàng)建選區(qū)后，選擇【選擇】/【修改】/【收縮】命令，打開“收縮選區(qū)”對(duì)話框，在“收縮量”數(shù)值框中輸入選區(qū)收縮的像素值，如輸入“20”，單擊確定按鈕，選區(qū)將向內(nèi)收縮20像素。2．收縮選區(qū)3.2.3平滑與邊界選區(qū)使用“平滑”命令可以讓生硬的邊界變得平滑。選擇【選擇】/【修改】/【平滑】命令，打開“平滑選區(qū)”對(duì)話框，在“取樣半徑”數(shù)值框中輸入選區(qū)平滑的像素值，如輸入“20”，單擊

確定按鈕。1．平滑選區(qū)3.2.3平滑與邊界選區(qū)創(chuàng)建選區(qū)后，如果需要為選區(qū)的虛線再創(chuàng)建選區(qū)，則選擇【選擇】/【修改】/【邊界】命令，打開“邊界選區(qū)”對(duì)話框，在“寬度”數(shù)值框中輸入像素值，如輸入“20”，單擊確定按鈕。2．邊界選區(qū)3.2.4存儲(chǔ)與載入選區(qū)選擇【選擇】/【存儲(chǔ)選區(qū)】命令，或在選區(qū)上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【存儲(chǔ)選區(qū)】命令，打開“存儲(chǔ)選區(qū)”對(duì)話框，在其中可設(shè)置選區(qū)的存儲(chǔ)位置、名稱和方式等，單擊確定按鈕。1．存儲(chǔ)選區(qū)3.2.4存儲(chǔ)與載入選區(qū)若需要使用之前存儲(chǔ)的選區(qū)，則選擇【選擇】/【載入選區(qū)】命令，打開“載入選區(qū)”對(duì)話框，在其中選擇需要載入的選區(qū)及載入方式，單擊確定按鈕，可將已存儲(chǔ)的選區(qū)載入圖像中。2．載入選區(qū)3.2.5填充和描邊選區(qū)填充選區(qū)是指在創(chuàng)建的選區(qū)內(nèi)部填充顏色或圖案。單擊工具箱底部的“設(shè)置前景色”“設(shè)置背景色”色塊，在打開的“拾色器”對(duì)話框中設(shè)置顏色后，按【Alt+Delete】組合鍵可用前景色填充選區(qū)；按【Ctrl+Delete】組合鍵可用背景色填充選區(qū)。1．填充選區(qū)3.2.5填充和描邊選區(qū)描邊選區(qū)是指使用一種顏色沿選區(qū)邊界填充。創(chuàng)建完成需要填充的選區(qū)后，選擇【編輯】/【描邊】命令，打開“描邊”對(duì)話框，在其中可設(shè)置描邊寬度、顏色，位置和混合模式，單擊確定按鈕，即可填充選區(qū)邊界。2．描邊選區(qū)3.1創(chuàng)建選區(qū)內(nèi)容導(dǎo)航3.2.1課堂案例——為農(nóng)產(chǎn)品標(biāo)志填充顏色3.2.2吸管工具3.2.3漸變工具3.2.4油漆桶工具3.2編輯選區(qū)3.3填充顏色3.4綜合實(shí)訓(xùn)3.3.1課堂案例——為農(nóng)產(chǎn)品標(biāo)志填充顏色【制作要求】：為“農(nóng)場(chǎng)家園”農(nóng)產(chǎn)品專賣店的標(biāo)志重新填充顏色，要求標(biāo)志的顏色更符合店鋪綠色、健康、環(huán)保、安全的定位?！静僮饕c(diǎn)】：添加用于顏色參考的圖片，使用吸管工具吸取顏色，然后填充顏色，為了增強(qiáng)美觀性，還可填充漸變顏色。參考效果如下圖所示。3.3.1課堂案例——為農(nóng)產(chǎn)品標(biāo)志填充顏色制作過(guò)程3.3.1課堂案例——為農(nóng)產(chǎn)品標(biāo)志填充顏色制作過(guò)程3.3.2吸管工具

“吸管工具”可以在圖像中吸取樣本顏色，并將吸取的顏色顯示在“設(shè)置前景色”“設(shè)置背景色”色塊中。選擇工具箱中的“吸管工具”，在圖像中單擊鼠標(biāo)左鍵，前景色成為變成了單擊處的顏色。3.3.3漸變工具“漸變工具”可以為整個(gè)圖像或?yàn)檫x區(qū)填充漸變顏色，使其顏色更為豐富。選擇“漸變工具”，在工具屬性欄設(shè)置好漸變顏色和漸變模式等參數(shù)后，將鼠標(biāo)指針移動(dòng)到圖像窗口中的適當(dāng)位置，單擊鼠標(biāo)左鍵并拖曳鼠標(biāo)到另一位置后，釋放鼠標(biāo)即可進(jìn)行漸變填充。3.3.3漸變工具漸變模式會(huì)使用畫布上的漸變構(gòu)件創(chuàng)建漸變調(diào)整圖層。選擇“漸變工具”，在工具屬性欄中選擇“漸變”選項(xiàng)，單擊右側(cè)的漸變顏色條，在打開的下拉列表中羅列了不同顏色預(yù)設(shè)的漸變方式，在圖像上拖曳鼠標(biāo)可創(chuàng)建漸變。1．漸變3.3.3漸變工具漸變模式會(huì)使用畫布上的漸變構(gòu)件創(chuàng)建漸變調(diào)整圖層。選擇“漸變工具”，在工具屬性欄中選擇“漸變”選項(xiàng)，單擊右側(cè)的漸變顏色條，在打開的下拉列表中羅列了不同顏色預(yù)設(shè)的漸變方式，在圖像上拖曳鼠標(biāo)可創(chuàng)建漸變。1．漸變3.3.3漸變工具經(jīng)典漸變用于對(duì)當(dāng)前圖層應(yīng)用漸變。選擇“漸變工具”，在工具屬性欄的“漸變”下拉列表中選擇“經(jīng)典漸變”選項(xiàng)，單擊右側(cè)的漸變顏色條，打開“漸變編輯器”對(duì)話框，在其中可自定義漸變顏色。2．經(jīng)典漸變3.3.4油漆桶工具“油漆桶工具”用于在選區(qū)或圖層中填充顏色或圖案，常用于制作純色背景或更換選區(qū)內(nèi)容。選擇“油漆桶工具”，在工具屬性欄中可設(shè)置圖像的填充模式，選擇“前景”填充模式，將鼠標(biāo)指針移到要填充的區(qū)域中，當(dāng)鼠標(biāo)指針變成

形狀時(shí)，單擊鼠標(biāo)左鍵填充前景色；在工具屬性欄中選擇“圖案”填充模式，并設(shè)置圖案樣式，將鼠標(biāo)指針移到要填充的區(qū)域中，當(dāng)鼠標(biāo)指針變成

形狀時(shí)，單擊鼠標(biāo)左鍵填充該圖案。3.1創(chuàng)建選區(qū)內(nèi)容導(dǎo)航3.4.1制作中秋節(jié)推文首圖3.4.2制作茶具宣傳Banner3.2編輯選區(qū)3.3填充顏色3.4綜合實(shí)訓(xùn)3.4.1綜合實(shí)訓(xùn)——制作中秋節(jié)推文首圖隨著中秋節(jié)的到來(lái)，某公司準(zhǔn)備在公眾號(hào)中推出以“中秋共賞月”為主題的中秋活動(dòng)推文，現(xiàn)在需要為該推文制作首圖，首圖內(nèi)容需要以中秋節(jié)元素為主，以便讓用戶直觀地了解文章主題。表所示為中秋節(jié)推文首圖制作任務(wù)單，任務(wù)單給出了明確的實(shí)訓(xùn)背景、制作要求、設(shè)計(jì)思路和參考效果。3.4.1綜合實(shí)訓(xùn)——制作中秋節(jié)推文首圖

.打開“月餅.jpg”素材，選擇“磁性套索工具”，在工具屬性欄中設(shè)置寬度為“1像素”，對(duì)比度為“70%”，頻率為“60”，將鼠標(biāo)指針移至月餅圖像左上角處，單擊鼠標(biāo)左鍵創(chuàng)建第一個(gè)磁性錨點(diǎn)。

.沿著月餅邊緣拖曳鼠標(biāo)，Photoshop將自動(dòng)生成磁性錨點(diǎn)，若磁性錨點(diǎn)與月餅邊緣位置不貼合，則可按【Delete】鍵刪除磁性錨點(diǎn)再重新創(chuàng)建，重回第一個(gè)磁性錨點(diǎn)處再單擊鼠標(biāo)左鍵完成選區(qū)的創(chuàng)建。

.打開“月亮.jpg”素材，選擇“橢圓選框工具”，在工具屬性欄中設(shè)置樣式為“固定大小”，寬度和高度均為“500像素”，再將鼠標(biāo)指針移至月亮中心，按住【Alt】鍵不放，同時(shí)單擊鼠標(biāo)左鍵創(chuàng)建月亮選區(qū)?！緦?shí)訓(xùn)操作】3.4.1綜合實(shí)訓(xùn)——制作中秋節(jié)推文首圖

.保持“橢圓選框工具”的選擇狀態(tài)，將鼠標(biāo)指針移至月亮選區(qū)內(nèi)，當(dāng)鼠標(biāo)指針變?yōu)樾螤顣r(shí)，拖曳鼠標(biāo)移動(dòng)選區(qū)位置，使選區(qū)位于月亮中間。

.選擇【選擇】/【修改】/【擴(kuò)展】命令，打開“擴(kuò)展選區(qū)”對(duì)話框，設(shè)置擴(kuò)展量為“6像素”，單擊確定按鈕完成選區(qū)的擴(kuò)展。

.選擇【選擇】/【修改】/【羽化】命令，打開“羽化選區(qū)”對(duì)話框，設(shè)置羽化半徑為“12像素”，單擊確定按鈕完成羽化。

.新建名稱為“中秋節(jié)推文首圖”，大小為“900像素×383像素”，分辨率為“300像素/英寸”的文件，置入“中秋節(jié)背景.jpg”素材文件。

.切換到“月亮.jpg”文件，選擇“移動(dòng)工具”，將鼠標(biāo)指針移至選區(qū)內(nèi)，按住鼠標(biāo)左鍵不放并拖曳鼠標(biāo)至“中秋節(jié)推文首圖”文件的標(biāo)題欄處，Photoshop將自動(dòng)切換到“中秋節(jié)推文首圖”文件中，此時(shí)釋放鼠標(biāo)，發(fā)現(xiàn)羽化后的月亮圖像已移動(dòng)到該文件中，并且選區(qū)已自動(dòng)消失。調(diào)整月亮圖像的大小和位置。3.4.1綜合實(shí)訓(xùn)——制作中秋節(jié)推文首圖

.切換到“月餅.jpg”文件中，將月餅選區(qū)移至“中秋節(jié)推文首圖”文件中，并調(diào)整圖像的大小和位置。

.選擇“橢圓選框工具”，按住【Shift】鍵不放，在“秋”文本上方繪制正圓選區(qū)，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【填充】命令，打開“填充”對(duì)話框，設(shè)置內(nèi)容為“顏色”，打開“拾色器（填充顏色）”對(duì)話框，設(shè)置顏色為“#f77909”，單擊確定按鈕返回“填充”對(duì)話框，再單擊確定按鈕并取消選區(qū)。

.按照與步驟10相同的方法，繪制顏色為“#e31642”的正圓；重復(fù)操作，繼續(xù)繪制其他正圓。

.按【Ctrl＋S】組合鍵保存文件，完成推文首圖的制作。3.4.2綜合實(shí)訓(xùn)——制作茶具宣傳Banner某陶瓷店鋪為了提升一款新款茶具的銷量，計(jì)劃制作宣傳Banner，該茶壺的整體顏色為淡綠色，具有美觀、淡雅的特點(diǎn)，深受清茶愛好者的喜歡。表所示為茶具宣傳Banner制作任務(wù)單，任務(wù)單給出了明確的實(shí)訓(xùn)背景、制作要求、設(shè)計(jì)思路和參考效果。3.4.2綜合實(shí)訓(xùn)——制作茶具宣傳Banner

.新建大小為“1920像素×700像素”，分辨率為“72像素/英寸”，顏色模式為“RGB顏色”，名稱為“茶具宣傳Banner”的文件。

.新建圖層，設(shè)置前景色為“#9fcd62”，按【Alt+Delete】組合鍵填充前景色。

.新建圖層，選擇“多邊形套索工具”，在圖像右側(cè)繪制梯形選區(qū)，設(shè)置前景色為#8dbd3c”，然后使用“油漆桶工具”為梯形選區(qū)填充顏色。

.新建圖層，選擇“矩形選框工具”繪制矩形選區(qū)，選擇“漸變工具”，在工具屬性欄中設(shè)置漸變顏色為“#b7df7c”~“#9acf54”，然后自上而下拖曳鼠標(biāo)填充漸變顏色。

.打開“茶壺.png”素材，使用“矩形選框工具”框選完整的茶壺圖像，復(fù)制選區(qū)中的內(nèi)容。切換到“茶具宣傳Banner”文件，粘貼選區(qū)中的內(nèi)容，然后適當(dāng)