網(wǎng)店美工設(shè)計(jì)Photoshop案例教程丨視頻指導(dǎo)版第2版張磊羅立明/主編李波張麗麗/副主編廈門網(wǎng)中網(wǎng)軟件有限公司/組編第1章網(wǎng)店美工設(shè)計(jì)快速入門.pptx第2章美工圖像處理基本操作.pptx第3章選區(qū).pptx第4章路徑、文字及形狀.pptx第5章繪制圖像.pptx第6章蒙版.pptx第7章圖層的高級(jí)應(yīng)用.pptx第8章網(wǎng)店圖像的修復(fù)、修補(bǔ)和修飾.pptx第9章調(diào)整圖像的色彩與色調(diào).pptx第10章使用通道與濾鏡.pptx第11章淘寶視頻.pptx第12章綜合實(shí)例——制作手機(jī)端淘寶首頁和詳情頁.pptxChapter1第1章網(wǎng)店美工設(shè)計(jì)快速入門1.1網(wǎng)店美工必備職業(yè)技能1.2了解Photoshop的基本概念1.3認(rèn)識(shí)Photoshop2022的工作界面1.4調(diào)整Photoshop2022的視圖1.5應(yīng)用輔助工具

目錄/Contents第1章網(wǎng)店美工設(shè)計(jì)快速入門

本章將介紹使用Photoshop2022進(jìn)行網(wǎng)店美工設(shè)計(jì)的基礎(chǔ)知識(shí)，包括網(wǎng)店美工必備職業(yè)技能、Photoshop的基本概念、Photoshop2022的工作界面、Photoshop2022的視圖和輔助工具。通過本章的學(xué)習(xí)，讀者可以對(duì)網(wǎng)店美工必備職業(yè)技能有所了解，并掌握利用Photoshop2022進(jìn)行網(wǎng)店美工設(shè)計(jì)的基礎(chǔ)知識(shí)。

4課堂學(xué)習(xí)目標(biāo)

●了解網(wǎng)店美工必備職業(yè)技能

●了解Photoshop的基本概念

●掌握Photoshop的基本知識(shí)

1.1網(wǎng)店美工必備職業(yè)技能網(wǎng)店美工是網(wǎng)店網(wǎng)站頁面美化工作者的統(tǒng)稱，主要工作內(nèi)容是設(shè)計(jì)和美化網(wǎng)站頁面、制作網(wǎng)店促銷海報(bào)、把物品照片制作成寶貝描述中需要的圖片、設(shè)計(jì)電子宣傳單等。1.1.1選擇圖片素材網(wǎng)店裝修中除了商品本身的照片外，畫面的修飾素材也必不可少，這些修飾素材往往會(huì)讓畫面更加生動(dòng)絢麗，呈現(xiàn)出更加豐富的視覺元素，從而吸引顧客目光，如圖1-1所示。

圖1-11.1.2搭配色彩色彩能夠影響顧客對(duì)商品風(fēng)格和形象的判斷，圖1-2所示為品牌無印良品旗艦店的產(chǎn)品圖，它的產(chǎn)品注重純樸、簡(jiǎn)潔、環(huán)保、以人為本等理念，因此在產(chǎn)品的顏色搭配應(yīng)自然簡(jiǎn)約。色彩中不能再分解的三種基本顏色被稱為三原色，三原色指的是紅色（Red）、綠色（Green）和藍(lán)色（Blue），也就是RGB顏色模型。圖1-3所示為色輪，下面介紹基于色輪可以得到的基本色彩組合。

圖1-2圖1-3互補(bǔ)色：互補(bǔ)色是指色輪上互呈180°角的顏色。如藍(lán)色和橙色、紅色和綠色、黃色和紫色等。相似色：相似色是指色輪上相鄰的三個(gè)顏色。一些很好的色彩組合有：藍(lán)綠色、藍(lán)色和藍(lán)紫色；還

有黃綠色、黃色和橘黃色，如圖1-5所示。對(duì)比色：對(duì)比色是指色環(huán)上間隔120°角的兩種顏色，同時(shí)對(duì)比色灰度的變化也是對(duì)比色關(guān)系，如紅黃藍(lán)、橙黃和青綠、橙色與紫色等，視覺效果也很強(qiáng)烈。

圖1-4圖1-5影響色彩的三要素包括色相、明度和純度，它們決定了色彩的暖色調(diào)、中間調(diào)和冷色調(diào)等。下面分別對(duì)這三要素進(jìn)行介紹，如圖1-6所示。色相：色相是各類色彩的相貌稱謂，如大紅、普藍(lán)、檸檬黃等。色相是色彩的首要特征，是區(qū)別各種不同色彩最準(zhǔn)確的標(biāo)準(zhǔn)。明度：色彩明度是指色彩的亮度或明度。顏色有深淺、明暗的變化。純度：色彩純度是指原色在色彩中所占據(jù)的百分比。

圖1-6

1.1.3合理布局網(wǎng)店首頁模塊網(wǎng)店有移動(dòng)端和PC端兩種模式，它們首頁的表現(xiàn)形式也不同。PC端頁面的網(wǎng)店首頁主要由店招、導(dǎo)航條、海報(bào)（全屏海報(bào)和商品促銷輪播海報(bào)）、商品分類或優(yōu)惠券、客服旺旺、商品展示區(qū)、網(wǎng)店頁尾、網(wǎng)店背景等幾部分組成。而移動(dòng)端首頁模板是根據(jù)網(wǎng)店自身屬性來定的，并沒有像PC端一樣有固定的模板。且最重要的信息一定是在前面，如利益點(diǎn)、商品上新、物流公告等。如圖1-7所示。

圖1-71.1.4巧用文字變形通過不同的手法來創(chuàng)作，可打造出更具有表現(xiàn)力的文字造型，如制作立體文字、變形文字和發(fā)光文字等，如圖1-8所示。

圖1-8

1.1.5應(yīng)用創(chuàng)意設(shè)計(jì)創(chuàng)意設(shè)計(jì)，是把再簡(jiǎn)單不過的東西或想法不斷延伸的一種表現(xiàn)方式，在美工設(shè)計(jì)的過程中，在簡(jiǎn)單文字和圖形的基礎(chǔ)上再深入簡(jiǎn)化圖形的非重要部分，更精煉化主要部分，可使圖形在傳達(dá)過程中便于記憶。如圖1-9所示。圖1-9

1.2了解Photoshop的基本概念1.2.1像素和分辨率

1．像素像素即pixel，簡(jiǎn)稱px，是構(gòu)成位圖的基本單位，也是屏幕中最小的點(diǎn)。一張位圖由水平及垂直方向上的若干個(gè)像素組成，放大后會(huì)發(fā)現(xiàn)一個(gè)個(gè)有色彩的小方塊（常規(guī)是正方形，還有其他形狀）。圖像中包含的像素越多，包含的信息量就越大，文件便越大，圖像的質(zhì)量也越好。圖1-10所示為將一張圖像放大后看到的像素點(diǎn)。

圖1-102．分辨率分辨率是用于描述圖像文件信息的術(shù)語，分辨率常分為圖像分辨率和屏幕分辨率。

?圖像分辨率是指每英寸圖像內(nèi)的像素點(diǎn)數(shù)，它決定了位圖圖像細(xì)節(jié)的精細(xì)程度，其單位為像

素/英寸（ppi）。分辨率越低，像素點(diǎn)就越大，圖片質(zhì)量越低。分辨率越高，像素點(diǎn)就越小，圖片也越清晰逼真。

?屏幕分辨率：屏幕分辨率是顯示器屏幕每行的像素點(diǎn)數(shù)×每列的像素點(diǎn)數(shù)，不同的屏幕其分辨

率也不同。屏幕分辨率越高，所呈現(xiàn)的色彩越多，清晰度越高。

1.2.2圖像的顏色模式

?RGB模式：RGB模式是工業(yè)界的一種顏色標(biāo)準(zhǔn),通過對(duì)紅（R）、綠（G）、藍(lán)（B）3個(gè)顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色，RGB即代表紅、綠、藍(lán)3個(gè)通道的顏色，這個(gè)標(biāo)準(zhǔn)幾乎包括了人類視力所能感知的所有顏色，是目前運(yùn)用最為廣泛的顏色系統(tǒng)之一，也是最適于在屏幕上觀看的顏色模式，如圖1-11所示。

?CMYK模式：CMYK模式是最佳的打印模式。CMYK代表印刷上用的四種顏色，C代表青色（Cyan），M代表洋紅色（Magenta），Y代表黃色（Yellow），K代表黑色（Black）。在實(shí)際應(yīng)用中，青色、洋紅色和黃色很難疊加形成真正的黑色，因此引入了K——黑色。黑色的作用是強(qiáng)化暗調(diào)，加深暗部色彩，如圖1-12所示。

圖1-11圖1-121.2.3文件格式

psd/pdd格式psb格式TIFF格式BMP格式JPEG格式常用的文件格式EPS格式PNG格式GIF格式1.2.4位圖與矢量圖位圖，也稱為點(diǎn)陣圖，由稱作像素的單個(gè)點(diǎn)組成。這些點(diǎn)可以進(jìn)行不同的排列和染色以構(gòu)成圖樣。位圖與圖像的像素和分辨率都有關(guān)系，在放大后圖像會(huì)顯示像素塊。如圖1-13所示。圖1-13矢量圖也叫向量圖，是一種基于圖形的幾何特征來描述的圖像，矢量文件中的圖形元素稱為對(duì)象。每個(gè)對(duì)象都是一個(gè)自成一體的實(shí)體，它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。矢量圖與分辨率無關(guān)，可以將其設(shè)置為任意大小，且清晰度不會(huì)改變，也不會(huì)出現(xiàn)鋸齒，放大后顯示的邊緣仍然清晰，如圖1-14所示。

圖1-141.3認(rèn)識(shí)Photoshop2022的工作界面啟動(dòng)Photoshop2022后，任意打開一個(gè)圖像文件，即可看到Photoshop2022的工作界面，其主要由菜單欄、工具箱、屬性欄、面板、狀態(tài)欄和圖像窗口組成，如圖1-15所示。

圖1-15狀態(tài)欄菜單欄圖像窗口工具箱面板屬性欄1.3.1工具箱Photoshop2022工具箱中包括括選擇工具、繪圖工具、填充工具、編輯工具、顏色選擇工具、屏幕視圖工具和快速蒙版工具等，如圖1-16所示。圖1-16將鼠標(biāo)指針移至某個(gè)工具的上方，此時(shí)會(huì)出現(xiàn)一個(gè)動(dòng)態(tài)的演示框，簡(jiǎn)單介紹該工具的名稱、快捷鍵和相關(guān)用途，如圖1-17所示，只要在鍵盤上按下該快捷鍵，即可快速切換到相應(yīng)工具。單擊

按鈕可以打開“發(fā)現(xiàn)”窗口進(jìn)一步了解該工具的使用方法，如圖1-18所示。圖1-17圖1-181.3.2屬性欄當(dāng)選擇某個(gè)工具后，會(huì)出現(xiàn)相應(yīng)的屬性欄，在其中可以對(duì)該工具的參數(shù)屬性進(jìn)行設(shè)置。圖1-20所示為剪切工具的屬性欄和畫筆工具的屬性欄。

圖1-201.3.3面板面板是Photoshop2022中的重要輔助工具，可以幫助用戶完成大量的操作任務(wù)。打開面板展開和折疊面板分離和合并面板關(guān)閉面板展開面板菜單調(diào)整面板組大小顯示和隱藏面板

1.3.4狀態(tài)欄在狀態(tài)欄中的“顯示比例”文本框中輸入數(shù)值后按【Enter】鍵確認(rèn)，可以改變圖像的顯示比例。單擊狀態(tài)欄右側(cè)的

按鈕，在打開的菜單中可以選擇狀態(tài)欄的顯示內(nèi)容，包括顯示文檔尺寸、暫存盤大小和存儲(chǔ)進(jìn)度等，如圖1-25所示。

圖1-251.4調(diào)整Photoshop2022的視圖1.4.1切換商品圖像顯示模式在處理圖像的過程中，為了方便操作，可以通過切換圖像的顯示模式來查看圖像。選擇“視圖＞屏幕模式”命令，在彈出的菜單中包括三種顯示模式。

?標(biāo)準(zhǔn)屏幕模式：選擇“視圖＞屏幕模式＞標(biāo)準(zhǔn)屏幕模式”命令，將顯示默認(rèn)的標(biāo)準(zhǔn)屏幕

模式。

?帶有菜單欄的全屏模式：選擇“視圖＞屏幕模式＞帶有菜單欄的全屏模式”命令，將顯

示帶有菜單欄和50%灰色的背景，如圖1-26所示。

?全屏模式：選擇“視圖＞屏幕模式＞全屏模式”命令，將顯示只有黑色背景的全屏窗口，如圖1-27所示。

圖1-25 圖1-261.4.2調(diào)整商品圖像顯示比例圖1-28所示為縮放工具的屬性欄。

圖1-28

1.4.3移動(dòng)商品圖像顯示畫面在使用工具編輯處理圖像的過程中，若圖像顯示比例過大，沒有顯示全部的圖像畫面時(shí)，可以使用抓手工具對(duì)圖像畫面進(jìn)行移動(dòng)，查看圖像的不同區(qū)域。選擇工具箱中的抓手工具后，在圖像中按住鼠標(biāo)左鍵不放并拖動(dòng)，即可移動(dòng)圖像畫面。其屬性欄如圖1-31所示。

圖1-31

1.5應(yīng)用輔助工具為了使文件的制作更加精確，可以使用Photoshop中的輔助工具來幫助設(shè)計(jì)制作。輔助工具主要包括標(biāo)尺、參考線和網(wǎng)格。1.5.1顯示商品圖像標(biāo)尺使用標(biāo)尺可以在處理圖像時(shí)精確定位鼠標(biāo)指針的位置和對(duì)圖像進(jìn)行選擇，選擇“視圖＞標(biāo)尺”命令或按【Ctrl+R】組合鍵，可以顯示或隱藏標(biāo)尺，圖1-33所示為顯示出的標(biāo)尺。選擇“編輯＞首選項(xiàng)＞單位與標(biāo)尺”命令，或在圖像窗口中的標(biāo)尺上雙擊，打開“首選項(xiàng)”對(duì)話框，在此對(duì)話框中可對(duì)標(biāo)尺的相關(guān)參數(shù)進(jìn)行設(shè)置，如圖1-34所示。

圖1-31圖1-321.5.2編輯商品圖像參考線參考線是浮在圖像上不可打印的線，主要用于對(duì)圖像進(jìn)行精確定位和對(duì)齊，根據(jù)設(shè)計(jì)需要可以添加、移動(dòng)、刪除和鎖定參考線等。1.5.3設(shè)置網(wǎng)格線設(shè)置網(wǎng)格線可幫助美工在繪制形狀等操作時(shí)準(zhǔn)確定位，選擇“視圖＞顯示＞網(wǎng)格”命令，可以顯示或隱藏網(wǎng)格，如圖1-39所示。

圖1-39選擇“編輯＞首選項(xiàng)＞參考線、網(wǎng)格和切片”命令，打開“首選項(xiàng)”對(duì)話框，在此對(duì)話框中可對(duì)參考線和網(wǎng)格的相關(guān)參數(shù)進(jìn)行設(shè)置，如參考線和網(wǎng)格的顏色、線條粗細(xì)等，如圖1-40所示。

圖1-40網(wǎng)店美工設(shè)計(jì)Photoshop案例教程丨視頻指導(dǎo)版第2版張磊羅立明/主編李波張麗麗/副主編廈門網(wǎng)中網(wǎng)軟件有限公司/組編2.1圖像文件的基本操作2.2編輯圖像2.3圖層的基本操作2.4設(shè)置前景色與背景色2.5常用快捷鍵

目錄/ContentsChapter2第2章美工圖像處理基本操作第2章美工圖像處理基本操作要想更好地使用Photoshop對(duì)圖像進(jìn)行處理，首先需要掌握Photoshop的基本操作。本章將介紹使用Photoshop2022處理圖像時(shí)要用到的基本操作，包括圖像文件的基本操作、編輯圖像、圖層的基本操作和設(shè)置前景色與背景色。通過本章的學(xué)習(xí)，讀者可快速掌握美工圖像處理的基本操作。

4課堂學(xué)習(xí)目標(biāo)

●掌握?qǐng)D像文件的基本操作

●掌握編輯圖像的相關(guān)操作

●掌握?qǐng)D層的基本操作

●掌握前景色和背景色的操作

2.1圖像文件的基本操作2.1.1新建空白圖像文件啟動(dòng)Photoshop2022后，會(huì)打開一個(gè)如圖2-1所示的“開始”工作區(qū)，在其中會(huì)顯示最近打開的文件，單擊按鈕（快捷鍵為【Ctrl+N】組合鍵）可打開“新建文檔”對(duì)話框。

圖2-1

打開的“新建文檔”對(duì)話框中可以設(shè)置新建圖像文件的名稱、圖像尺寸、分辨率、顏色等，設(shè)置完成后單擊“創(chuàng)建”按鈕

即可新建圖像，如圖2-2所示。

圖2-22.1.2打開商品圖像文件在編輯圖像前，需要先打開圖像文件，在“開始”工作區(qū)，單擊最近打開的文件的縮略圖可打開之前打開過的圖像文件，或可單擊按鈕（快捷鍵為【Ctrl+O】組合鍵）打開“打開”對(duì)話框，如圖2-4所示。

圖2-42.1.3保存圖像文件選擇“文件＞存儲(chǔ)”命令，或按【Ctrl+S】組合鍵，可以存儲(chǔ)文件。當(dāng)對(duì)圖像文件進(jìn)行第一次存儲(chǔ)時(shí)，選擇“文件＞存儲(chǔ)”命令，將打開“另存為”對(duì)話框，在其中可以設(shè)置文件的存儲(chǔ)位置、存儲(chǔ)名稱和文件格式，單擊

按鈕即可存儲(chǔ)圖像文件，如圖2-5所示。

圖2-52.1.4．關(guān)閉圖像文件將圖像文件存儲(chǔ)后，可以將其關(guān)閉。單擊圖像窗口標(biāo)題欄上的“關(guān)閉”按鈕，或選擇“文件＞關(guān)閉”命令（快捷鍵為【Ctrl+W】組合鍵），都可關(guān)閉當(dāng)前的圖像文件。關(guān)閉圖像時(shí)，若當(dāng)前文件被修改過或是新建的文件，則會(huì)打開提示對(duì)話框，如圖2-6所示，用戶可以根據(jù)需要單擊相應(yīng)的按鈕進(jìn)行操作。

圖2-6

2.2編輯商品圖像2.2.1調(diào)整商品圖像尺寸調(diào)整商品圖像的尺寸主要是指修改圖像的大小和畫布的大小，這都是通過“圖像”菜單中的命令進(jìn)行調(diào)整的。1.調(diào)整圖像尺寸圖像的大小和圖像像素以及分辨率有著密切關(guān)系，通過調(diào)整圖像的像素和分辨率大小，可以改變圖像的大小。任意打開一個(gè)圖像文件，選擇“圖像＞圖像大小”命令，或按【Alt+Ctrl+I】組合鍵，打開“圖像大小”對(duì)話框，如圖2-7所示。圖2-72.調(diào)整畫布尺寸畫布是指繪制和編輯圖像的工作區(qū)域。選擇“圖像＞畫布大小”命令，或按【Alt+Ctrl+C】組合鍵，打開“畫布大小”對(duì)話框，如圖2-8所示。

圖2-82.2.2裁切圖像為了突出商品，有時(shí)需要對(duì)商品圖像周圍多出的區(qū)域進(jìn)行裁切。選中工具箱中的裁剪工具，其屬性欄如圖2-9所示。

圖2-9圖2-12 圖2-13 圖2-14 圖2-15

2.2.3變換圖像在編輯商品圖像時(shí)，若商品圖像的角度、大小不合適，可以通過變換圖像來更改。選擇“編輯＞變換”命令，在打開的子菜單中顯示了圖像的各種變換操作，如圖2-16所示。1.縮放選擇“編輯＞變換＞縮放”命令，顯示變換控制框，將鼠標(biāo)移到變換框四個(gè)角的控制點(diǎn)上，當(dāng)鼠標(biāo)指針變?yōu)?/p>

形狀時(shí)按住鼠標(biāo)左鍵不放并拖動(dòng)，可以對(duì)圖像進(jìn)行縮放，如圖2-17所示。

圖2-16圖2-172.旋轉(zhuǎn)選擇“編輯＞變換＞旋轉(zhuǎn)”命令，顯示變換控制框，將鼠標(biāo)指針移到變換框四個(gè)角的控制點(diǎn)上，當(dāng)鼠標(biāo)指針變?yōu)?/p>

形狀時(shí)按住鼠標(biāo)左鍵不放并拖動(dòng)，可以對(duì)圖像進(jìn)行旋轉(zhuǎn)。按住【Shift】鍵不放并拖動(dòng)控制點(diǎn)，可以每次旋轉(zhuǎn)15°。3.斜切選擇“編輯＞變換＞斜切”命令，顯示變換控制框，將鼠標(biāo)指針移到變換框外，當(dāng)鼠標(biāo)指針變?yōu)?/p>

或

形狀時(shí)按住鼠標(biāo)左鍵不放并拖動(dòng)，可以對(duì)圖像進(jìn)行斜切，如圖2-18所示。

圖2-184.扭曲選擇“編輯＞變換＞扭曲”命令，顯示變換控制框，將鼠標(biāo)指針移到變換框外，當(dāng)鼠標(biāo)指針變?yōu)?/p>

形狀時(shí)按住鼠標(biāo)左鍵不放并拖動(dòng)，可以對(duì)圖像進(jìn)行扭曲，如圖2-19所示。

圖2-195.透視選擇“編輯＞變換＞透視”命令，顯示變換控制框，將鼠標(biāo)指針移到變換框的任意一個(gè)角的控制點(diǎn)上，當(dāng)鼠標(biāo)指針變?yōu)?/p>

形狀時(shí)按住鼠標(biāo)左鍵不放并拖動(dòng)，拖動(dòng)方向上的另一個(gè)角點(diǎn)也會(huì)隨之變換，得到梯形，如圖2-20所示。6.變形選擇“編輯＞變換＞變形”命令，會(huì)出現(xiàn)一個(gè)3×3的變形控制框，拖動(dòng)邊框中的任意一個(gè)控制點(diǎn)都可以對(duì)圖像進(jìn)行變形，如圖2-21所示。

圖2-20圖2-217.水平翻轉(zhuǎn)和垂直翻轉(zhuǎn)選擇“編輯＞變換＞水平翻轉(zhuǎn)”命令，可以對(duì)圖像進(jìn)行水平翻轉(zhuǎn)；選擇“編輯＞變換＞垂直翻轉(zhuǎn)”命令，可以對(duì)圖像進(jìn)行垂直翻轉(zhuǎn)。8.自由變換在實(shí)際操作中，一個(gè)一個(gè)去選擇相應(yīng)的菜單命令太麻煩，這時(shí)可以使用“自由變換”命令來操作。選擇“編輯＞自由變換”命令，或按【Ctrl+T】組合鍵來對(duì)圖像進(jìn)行變換操作。在自由變換狀態(tài)下配合【Ctrl】【Shift】【Alt】鍵，可以對(duì)圖像進(jìn)行縮放、旋轉(zhuǎn)、透視等操作。其中【Ctrl】鍵控制自由變化；【Shift】鍵控制方向、角度和等比例放大縮小；【Alt】鍵控制中心對(duì)稱。

2.2.4恢復(fù)與還原圖像編輯操作在編輯圖像的過程中，難免會(huì)出現(xiàn)一些誤操作，這時(shí)便需要對(duì)編輯操作進(jìn)行撤銷或還原。主要可以通過菜單命令和“歷史記錄”面板來撤銷和還原。1.使用菜單命令還原操作選擇“編輯＞還原”命令，可以撤銷最近一次的操作；撤銷后選擇“編輯＞重做”命令，可以重做剛剛還原的操作。需要注意的是，由于操作的不同，菜單命令中的“還原”和“重做”命令也會(huì)不同，如圖2-22所示。

圖2-222.使用“歷史記錄”面板恢復(fù)操作“歷史記錄”面板用于記錄圖像的操作步驟，使用“歷史記錄”面板可以幫助使用者恢復(fù)到之前操作中的任意一步。選擇“編輯＞首選項(xiàng)＞性能”命令，或按【Ctrl+K】組合鍵，打開“首選項(xiàng)”對(duì)話框，在“性能”選項(xiàng)卡中可以更改存儲(chǔ)歷史記錄的步數(shù)，如圖2-24所示。

圖2-23圖2-242.3圖層的基本操作在設(shè)計(jì)制作圖像文件時(shí)，為了方便后期修改，需要掌握?qǐng)D層的基本操作，同時(shí)要將每一個(gè)元素放在不同的圖層里。圖層的基本操作包括圖層的新建、復(fù)制和刪除，選擇圖層和合并圖層，以及對(duì)齊和分布圖層。在這之前需要對(duì)“圖層”面板中的各個(gè)按鈕的功能有所了解，如圖2-25所示。

圖2-252.3.1選擇和重命名圖層在對(duì)圖層進(jìn)行編輯時(shí)，首先需要選中圖層，當(dāng)前處于選中狀態(tài)的圖層稱為當(dāng)前圖層。若要在多個(gè)圖層中快速找到需要的圖層，可以對(duì)圖層進(jìn)行重命名。1.選擇圖層在“圖層”面板中單擊某個(gè)圖層即可將其選中，選中的圖層以灰色底顯示。若要選擇多個(gè)圖層，可先選中第一個(gè)圖層，然后按住【Shift】鍵不放，單擊選擇最后一個(gè)圖層，則可選中兩個(gè)圖層之間的所有圖層，如圖2-26所示；按住【Ctrl】鍵依次單擊圖層可選擇多個(gè)不連續(xù)的圖層，如圖2-27所示。

在“圖層”面板中“背景”圖層下方的空白區(qū)域中單擊可取消選擇圖層；選擇“選擇＞取消選擇圖層”命令也可取消選擇圖層。

圖2-26圖2-272.重命名圖層Photoshop中圖層的名稱默認(rèn)是以“圖層1，圖層2……”的順序進(jìn)行命名的，但這樣不利于操作時(shí)分辨圖層中的內(nèi)容，因此，可以將圖層的名稱更改為更具有辨識(shí)意義的名稱。在“圖層”面板中雙擊圖層名稱，此時(shí)圖層名稱處于可修改狀態(tài)，如圖2-28所示；輸入新的名稱按【Enter】鍵或在面板空白處單擊即可確認(rèn)修改，如圖2-29所示。

圖2-28圖2-292.3.2轉(zhuǎn)換“背景”圖層與普通圖層

雙擊“背景”圖層，打開“新建圖層”對(duì)話框，在其中可以對(duì)圖層的名稱、顏色、模式和不透明度進(jìn)行修改，單擊

按鈕，即可將“背景”圖層轉(zhuǎn)換為普通圖層，如圖2-30所示。圖2-302.3.3新建和復(fù)制圖層在編輯過程中，若要保留圖層不被修改，可利用新建圖層和復(fù)制圖層來輔助操作。新建圖層和復(fù)制圖層的方法都有多種，在操作過程中可根據(jù)需要選擇效率高的操作方法。復(fù)制圖層圖2-32圖2-33新建圖層圖2-312.3.4柵格化圖層對(duì)于文字圖層、形狀圖層和智能對(duì)象等包含矢量數(shù)據(jù)的圖層，有時(shí)需要先柵格化圖層才能進(jìn)行編輯。柵格化是指將矢量圖層轉(zhuǎn)換為位圖圖層，選中要柵格化的圖層，選擇“圖層＞柵格化”命令，在打開的子菜單中可選擇柵格化的對(duì)象，如圖2-34所示。若不確定是否需要柵格化圖層，可先進(jìn)行編輯，若需要柵格化才能操作，Photoshop會(huì)提醒用戶需要對(duì)該圖層?xùn)鸥窕蟛拍芾^續(xù)進(jìn)行編輯操作，如圖2-35所示。

圖2-34圖2-352.3.5對(duì)齊、分布和排列圖層在實(shí)際設(shè)計(jì)時(shí)，除了使用參考線、網(wǎng)格等來對(duì)齊圖像外，還可通過對(duì)齊與分布來對(duì)齊圖像。在對(duì)圖像進(jìn)行分布和對(duì)齊時(shí)，首先要選中這些圖像所在的圖層或?qū)D層進(jìn)行鏈接，然后選擇“圖層＞對(duì)齊”或“圖層＞分布”菜單中的子命令來進(jìn)行對(duì)齊和分布操作。2.3.6合并圖層和蓋印圖層1.合并圖層?向下合并?合并可見圖層?拼合圖像

2.蓋印圖層蓋印圖層，是指將多個(gè)圖層合并到一個(gè)新的圖層中，其他圖層不變。選擇要蓋印的圖層，按

【Ctrl+Alt+E】組合鍵，可以得到一個(gè)包含當(dāng)前所有選擇圖層內(nèi)容的新圖層，如圖2-38所示；按【Ctrl+Shift+Alt+E】組合鍵，可以自動(dòng)蓋印所有可見圖層，如圖2-39所示。

圖2-38圖2-392.3.7使用圖層組管理圖層1.創(chuàng)建圖層組

圖2-40圖2-41在“圖層”面板中單擊“創(chuàng)建新組”按鈕，或選擇“圖層＞新建＞組”命令，可在當(dāng)前圖層上方新建一個(gè)圖層組，如圖2-40所示。雙擊該圖層組也可更改圖層組的名稱。選中圖層，按住鼠標(biāo)左鍵不放將其拖動(dòng)到圖層組上，釋放鼠標(biāo)左鍵即可將選擇的圖層放置到圖層組中，圖層組中的圖層會(huì)向右縮進(jìn)一段距離進(jìn)行顯示，如圖2-41所示。2.合并組在圖層組上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“合并組”命令，或按【Ctrl+E】組合鍵都可將圖層組合并為一個(gè)圖層。2.3.8刪除圖層刪除圖層的方法有多種，可以通過“圖層”面板、“圖層”菜單命令來刪除圖層，也可在選擇圖層后按【Delete】鍵來刪除圖層。2.4設(shè)置前景色與背景色在設(shè)計(jì)制作圖像時(shí)，顏色的使用決定設(shè)計(jì)的風(fēng)格，且Photoshop中部分操作都同設(shè)置的前景色和背景色有著密切的關(guān)系。如使用畫筆工具在圖像中進(jìn)行繪畫時(shí)，使用的是前景色；使用橡皮擦工具擦除背景圖層時(shí)，使用的是背景色來填充擦除區(qū)域。2.4.1使用工具箱中的顏色工具設(shè)置前景色和背景色在工具箱中有一個(gè)設(shè)置前景色和背景色的工具，可以通過單擊相應(yīng)的顏色色塊來設(shè)置前景色和背景色，如圖2-42所示。按【D】鍵可快速恢復(fù)默認(rèn)的前景色和背景色，按【X】鍵可快速切換前景色和背景色。圖2-422.4.2使用“拾色器”對(duì)話框設(shè)置前景色和背景色

單擊工具箱中的前景色色塊，打開“拾色器（前景色）”對(duì)話框，在對(duì)話框中的顏色區(qū)域中單擊可設(shè)置當(dāng)前顏色，拖動(dòng)顏色帶的三角滑塊可以設(shè)置顏色的色相。也可直接在色值文本框中輸入顏色值來確定顏色，如圖2-43所示。

圖2-432.4.3使用“顏色”面板設(shè)置前景色和背景色選擇“窗口＞顏色”命令，打開“顏色”面板，在其中單擊前景色和背景色色塊，通過單擊顏色帶上的顏色即可調(diào)整顏色，如圖2-44所示。單擊面板中的按鈕，打開的菜單中提供了多種顏色顯示模式，選擇相應(yīng)的命令后可以在不同的顏色模式中調(diào)整顏色，如圖2-45所示。

圖2-44圖2-452.4.4使用吸管工具設(shè)置前景色和背景色在工具箱中選擇吸管工具，將鼠標(biāo)指針移到圖像窗口中，此時(shí)鼠標(biāo)指針變?yōu)樾螤?，在需要取色的位置單擊即可吸取該位置的顏色，吸取的顏色即為前景色，如圖2-46所示。按住【Alt】鍵吸取顏色，則吸取的顏色為背景色。

圖2-462.4.5使用“色板”面板設(shè)置顏色

在“色板”面板中可以直接單擊相應(yīng)的色塊來設(shè)置前景色，如圖2-47所示。單擊面板中的按鈕，在打開的菜單中選擇“新建色板預(yù)設(shè)”目錄可打開“色板名稱”對(duì)話框，單擊按鈕可以將當(dāng)前前景色添加到“色板”面板中，如圖2-48所示。

圖2-47圖2-482.5常用快捷鍵1.文件操作

新建圖形文件 【Ctrl+N】用默認(rèn)設(shè)置創(chuàng)建新文件 【Ctrl+Alt+N】打開已有的圖像 【Ctrl+O】打開為... 【Ctrl+Alt+O】關(guān)閉當(dāng)前圖像 【Ctrl+W】保存當(dāng)前圖像 【Ctrl+S】另存為... 【Ctrl+Shift+S】存儲(chǔ)為Web所用格式 【Ctrl+Alt+Shift+S】頁面設(shè)置 【Ctrl+Shift+P】打印 【Ctrl+P】打開“預(yù)置”對(duì)話框 【Ctrl+K】

2.選擇

全部選取 【Ctrl+A】取消選擇 【Ctrl+D】重新選擇 【Ctrl+Shift+D】羽化選擇 【Shift+F6】反向選擇 【Ctrl+Shift+I】路徑變選區(qū)，數(shù)字鍵盤的

【Ctrl+Enter】載入選區(qū) 【Ctrl】+點(diǎn)擊圖層、路徑、通道面板中的縮略圖

3.視圖操作顯示彩色通道

【Ctrl+2】顯示單色通道 【Ctrl+數(shù)字】以CMYK方式預(yù)覽(開關(guān)) 【Ctrl+Y】放大視圖 【Ctrl++】縮小視圖 【Ctrl+-】100%顯示 【Ctrl+1】

4.編輯操作

還原/重做前一步操作

【Ctrl+Z】還原兩步以上操作

【Ctrl+Alt+Z】重做兩步以上操作

【Ctrl+Shift+Z】剪切選取的圖像或路徑 【Ctrl+X】或【F2】復(fù)制選取的圖像或路徑 【Ctrl+C】合并復(fù)制

【Ctrl+Shift+C】將剪貼板的內(nèi)容粘到當(dāng)前圖形中 【Ctrl+V】或【F4】將剪貼板的內(nèi)容粘到選框中 【Ctrl+Shift+V】自由變換

【Ctrl+T】應(yīng)用自由變換(在自由變換模式下) 【Enter】從中心或?qū)ΨQ點(diǎn)開始變換(在自由變換模式下) 【Alt】限制(在自由變換模式下)

【Shift】扭曲(在自由變換模式下)

【Ctrl】取消變形(在自由變換模式下)

【Esc】自由變換復(fù)制的像素?cái)?shù)據(jù)

【Ctrl+Shift+T】再次變換復(fù)制的像素?cái)?shù)據(jù)并建立一個(gè)副本

【Ctrl+Shift+Alt+T】刪除選框中的圖案或選取的路徑

【Delete】用背景色填充所選區(qū)域或整個(gè)圖層

【Ctrl+BackSpace】或【Ctrl+Delete】用前景色填充所選區(qū)域或整個(gè)圖層

【Alt+BackSpace】或【Alt+Delete】5.圖層操作

以默認(rèn)選項(xiàng)建立一個(gè)新的圖層 【Ctrl+Alt+Shift+N】通過復(fù)制建立一個(gè)圖層 【Ctrl+J】通過剪切建立一個(gè)圖層 【Ctrl+Shift+J】與前一圖層編組 【Ctrl+G】取消編組 【Ctrl+Shift+G】向下合并或合并鏈接圖層 【Ctrl+E】合并可見圖層 【Ctrl+Shift+E】蓋印或蓋印鏈接圖層

【Ctrl+Alt+E】蓋印可見圖層 【Ctrl+Alt+Shift+E】激活下一個(gè)圖層 【Alt+[】激活上一個(gè)圖層 【Alt+]】激活底部圖層 【Shift+Alt+[】激活頂部圖層 【Shift+Alt+]】網(wǎng)店美工設(shè)計(jì)Photoshop案例教程丨視頻指導(dǎo)版第2版張磊羅立明/主編李波張麗麗/副主編廈門網(wǎng)中網(wǎng)軟件有限公司/組編3.1創(chuàng)建選區(qū)3.2編輯選區(qū)3.3技能提升——為書籍繪制陰影3.4課后練習(xí)

目錄/ContentsChapter3第3章選區(qū)第3章選區(qū)本章將介紹使用Photoshop2022的選區(qū)進(jìn)行圖像摳取的相關(guān)知識(shí)，包括使用選區(qū)工具、繪制選區(qū)和編輯選區(qū)等。通過本章的學(xué)習(xí)，讀者可以快速掌握利用選區(qū)進(jìn)行簡(jiǎn)單摳圖的方法，為制作淘寶網(wǎng)店廣告及海報(bào)打下基礎(chǔ)。

4課堂學(xué)習(xí)目標(biāo)

●了解選區(qū)的相關(guān)工具

●掌握創(chuàng)建和編輯選區(qū)的方法

●掌握針對(duì)不同圖像選擇摳圖工具的方法

3.1創(chuàng)建選區(qū)【課堂案例】制作品銷寶本案例主要制作一張網(wǎng)店品銷寶，使讀者通過學(xué)習(xí)不同選區(qū)工具的摳圖方法，掌握如何判斷和選擇最適合圖片的摳圖工具。本案例的最終效果如圖3-1所示（資源包/03/效果/品銷寶）。

圖3-1

3.1.1什么是選區(qū)在Photoshop2022中若要對(duì)圖像的局部進(jìn)行處理，首先需要指定一個(gè)有效的編輯處理區(qū)域，這個(gè)指定的過程稱為選取，選取后形成的區(qū)域即為選區(qū)。通過選擇特定的圖像區(qū)域，可以對(duì)該區(qū)域內(nèi)的圖像進(jìn)行編輯處理，并保證未選定區(qū)域不會(huì)被改變。如對(duì)口紅的顏色進(jìn)行調(diào)整，可以利用選區(qū)先選中需要調(diào)色的區(qū)域，然后再進(jìn)行調(diào)整；或者利用選區(qū)進(jìn)行摳圖，選中需要摳取的圖像區(qū)域，然后再將其從原圖像中分離出來，并置入新的背景中，如圖3-2所示。

圖3-2在Photoshop2022中可以創(chuàng)建兩種類型的選區(qū)：一種是普通選區(qū)，普通選區(qū)具有明顯的邊界，使用普通選區(qū)選中的圖像邊界會(huì)清晰、準(zhǔn)確，如圖3-3所示；另一種是羽化選區(qū)，使用羽化選區(qū)選出的圖像，其邊界會(huì)呈現(xiàn)逐漸透明的效果，使圖像的邊緣看起來不那么生硬。在圖像合成時(shí)可以使用羽化操作來更好地過渡圖像，如圖3-4所示。

圖3-3圖3-43.1.2選區(qū)工具Photoshop2022的工具箱中提供了3個(gè)創(chuàng)建選區(qū)的工具組，包括選框工具組、套索工具組、魔棒工具組，不同的工具組中又包含多個(gè)創(chuàng)建選區(qū)的工具，每個(gè)工具都有自己的特點(diǎn)，適合創(chuàng)建不同類型的選區(qū)。除了工具箱中的選區(qū)工具外，還可以使用“選擇并遮住”功能來摳圖。1．選框工具組選框工具組包括矩形選框工具、橢圓選框工具、單行選框工具和單列選框工具。其對(duì)應(yīng)的工具屬性欄狀態(tài)如圖3-5所示。圖3-52.套索工具組套索工具組包括套索工具、多邊形套索工具和磁性套索工具。利用套索工具可以在圖像中繪制不規(guī)則形狀的選區(qū)，從而選取不規(guī)則形狀的圖像。其工具屬性欄如圖3-9所示。

圖3-9

3.魔棒工具組魔棒工具組包括快速選擇工具和魔棒工具（快捷鍵為【W(wǎng)】）。利用魔棒工具可以在圖像中選取某一點(diǎn)，然后將與這一點(diǎn)相同或相近顏色的點(diǎn)自動(dòng)融于選區(qū)中；利用快速選擇工具可以通過調(diào)整筆尖的大小來快速涂抹繪制選區(qū)，選區(qū)會(huì)自動(dòng)向外擴(kuò)展并查找跟隨圖像中定義的邊緣。其對(duì)應(yīng)的工具屬性欄如圖3-13所示。

圖3-134.“選擇并遮住”面板“選擇并遮住”功能是Photoshop2022中的一個(gè)重要功能，對(duì)應(yīng)以前的調(diào)整邊緣工具。該功能可以對(duì)圖像進(jìn)行細(xì)化。“選擇并遮住…”工作面板如圖3-21所示。

圖3-213.1.3使用選框工具組摳圖選框工具主要用于摳取一些簡(jiǎn)單的、形狀明確的圖像，如圓形、橢圓形、長(zhǎng)方形、正方形，以及這些圖形的組合圖形等，下面使用選框工具組摳取瓶子的圖像，操作步驟如下。

圖3-22圖3-23圖3-24圖3-25圖3-26圖3-273.1.4使用磁性套索工具摳圖對(duì)于圖像簡(jiǎn)單但形狀不規(guī)則，或圖像邊緣清晰且與背景顏色相差較大的圖像，可以使用套索工具來摳圖。下面使用磁性套索工具來摳取圖像，操作步驟如下。圖3-28圖3-293.1.5使用魔棒工具摳圖

魔棒工具摳圖主要適用于分界清晰、顏色區(qū)分明顯的圖像。

對(duì)于顏色復(fù)雜，背景顏色單一的圖像，可以先使用魔棒工具選擇背景，獲得背景選區(qū)后再反選選區(qū)，從而得到選區(qū)。下面使用魔棒工具摳取圖像，操作步驟如下。

圖3-26 圖3-27 圖3-283.1.6應(yīng)用“選擇并遮住…”工作面板

“選擇并遮住”功能在摳圖應(yīng)用中使用較廣，它適用于大部分圖像的摳圖，特別是細(xì)節(jié)多的圖像，如毛發(fā)、產(chǎn)品邊緣等。下面使用“選擇并遮住…”工作面板來摳取圖像，操作步驟如下。

圖3-33 圖3-34圖3-35圖3-36

3.2編輯選區(qū)制作網(wǎng)店設(shè)計(jì)圖需要用到多種圖片素材，美工除了需要將這些圖像摳取出來外，還要懂得如何對(duì)這些圖像的大小、位置、展示角度等進(jìn)行調(diào)整處理。所以，為了讓摳取的圖像更好地融入背景中，必須掌握對(duì)選區(qū)進(jìn)行編輯的方法，包括變換、修改和存儲(chǔ)選區(qū)等?！菊n堂案例】制作直通車主圖

淘寶直通車是為淘寶和天貓賣家量身定制的，按點(diǎn)擊付費(fèi)的效果營(yíng)銷工具，為賣家實(shí)現(xiàn)商品的精準(zhǔn)推廣。尺寸為800×800像素。在制作淘寶圖片時(shí)，將創(chuàng)建和編輯選區(qū)結(jié)合操作，能更快速地制作出需要的圖像效果，但也要結(jié)合實(shí)際情況來判斷使用何種選區(qū)的編輯操作，如羽化效果是為了讓圖像融合到背景中，但并不是每個(gè)選區(qū)都需要使用羽化操作。本案例制作直通車主圖，涉及選區(qū)的編輯操作，主要包括選區(qū)的移動(dòng)、全選、反選、修改、變換和存儲(chǔ)等。

圖3-37

3.2.1調(diào)整選區(qū)和“色彩范圍”對(duì)話框

1．移動(dòng)選區(qū)

2．全選和反選選區(qū)

3．修改選區(qū)

4．變換選區(qū)

5．存儲(chǔ)選區(qū)

6．載入選區(qū)

7.填充選區(qū)

8.色彩范圍

3.2.2利用反選和羽化選區(qū)操作制作主圖背景在制作主圖之前首先需要新建文件，然后再使用羽化選區(qū)操作來制作主圖背景，操作步驟如下。

圖3-52圖3-53圖3-54圖3-55圖3-56圖3-573.2.3使用“色彩范圍”對(duì)話框摳圖下面使用“色彩范圍”對(duì)話框來摳取圖像，操作步驟如下。圖3-58圖3-59圖3-60圖3-613.2.4填充選區(qū)

在制作一些效果時(shí)，為了使其更加逼真立體，通常會(huì)為某些圖像添加倒影和陰影。下面使用填充命令為圖像繪制陰影效果，使圖像看起來更加立體，操作步驟如下。圖3-62圖3-63圖3-64圖3-653.3技能提升——為書籍繪制陰影本章主要制作了兩個(gè)淘寶促銷廣告，并在這兩個(gè)案例中分別介紹了選區(qū)的相關(guān)知識(shí)，通過本章的學(xué)習(xí)，讀者應(yīng)掌握以下內(nèi)容。

（1）常用選區(qū)工具有哪些？選框工具、套索工具、魔棒工具等。

（2）如何判斷用哪種選區(qū)工具摳取寶貝圖像？

（3）編輯選區(qū)的方法：圖像大小、位置、效果、角度等。

3.4課后練習(xí)1.商品摳圖打開“商品摳圖.jpg”素材文件（資源包/03/素材/商品摳圖.jpg），使用“色彩范圍”對(duì)話框?qū)a(chǎn)品主體摳取出來，然后使用選框工具繪制選區(qū)，設(shè)置羽化值并填充黑色，為其繪制陰影，效果如圖3-72所示（資源包/03/效果/商品摳圖.psd）。

圖3-722.商品主圖打開“背景圖.jpg”素材文件（資源包/03/素材/背景3.jpg），將前面摳出的商品圖放置在背景中，然后打開“樹葉.jpg”素材文件（資源包/03/素材/樹葉.jpg），摳出樹葉，拖動(dòng)到背景圖中，復(fù)制圖層并變換圖像，效果如圖3-73所示（資源包/03/效果/商品主圖.psd）。

圖3-73網(wǎng)店美工設(shè)計(jì)Photoshop案例教程丨視頻指導(dǎo)版第2版張磊羅立明/主編李波張麗麗/副主編廈門網(wǎng)中網(wǎng)軟件有限公司/組編4.1鋼筆工具的使用4.2文字的輸入與編輯4.3繪制形狀4.4技能提升——制作文字效果

目錄/ContentsChapter4第4章路徑、文字及形狀4.5課后練習(xí)第4章路徑、文字及形狀本章主要介紹路徑的繪制編輯、文字的應(yīng)用技巧，以及形狀的繪制編輯。通過本章的學(xué)習(xí)，讀者可以快速掌握繪制和編輯路徑的方法、為淘寶網(wǎng)店的裝修輸入相關(guān)文字的方法，以及繪制出系統(tǒng)自帶形狀的方法。

4課堂學(xué)習(xí)目標(biāo)

●掌握鋼筆工具的使用方法

●掌握文字的輸入與編輯操作

●掌握形狀的繪制方法

4.1鋼筆工具的使用

【課堂案例】制作淘寶主圖淘寶網(wǎng)店中商品的詳情頁面上一般會(huì)有商品的主圖，主圖一般包含5張不同角度的圖片，在編輯時(shí)淘寶會(huì)提示上傳800像素×800像素以上的圖片，這樣在發(fā)布后，商品詳情頁的主圖才能使用放大鏡功能（顧客瀏覽商品時(shí)將鼠標(biāo)指針移動(dòng)到主圖某個(gè)區(qū)域，會(huì)在右邊顯示放大圖片的效果）。主圖大小一般在500KB以內(nèi)，但也不要壓縮得太小，否則圖片會(huì)丟失細(xì)節(jié)。本案例主要制作網(wǎng)店的淘寶主圖，使讀者通過學(xué)習(xí)鋼筆工具的使用方法，可以精確創(chuàng)建選區(qū)，然后摳取復(fù)雜圖像。本案例的最終效果如圖4-1所示（資源包/04/效果/淘寶主圖）。

圖4-14.1.1認(rèn)識(shí)“路徑”面板使用鋼筆工具和形狀工具等繪制的路徑都會(huì)被保存在“路徑”面板中，在其中顯示了當(dāng)前工作路徑、存儲(chǔ)的路徑和當(dāng)前矢量蒙版的名稱及縮略圖。因此，在學(xué)習(xí)使用鋼筆工具繪制形狀前，需要對(duì)“路徑”面板中的各個(gè)工具有所了解，如圖4-2所示。

圖4-24.1.2認(rèn)識(shí)鋼筆工具及其基本使用方法1.認(rèn)識(shí)鋼筆工具組鋼筆工具組包括鋼筆工具、自由鋼筆工具、彎度鋼筆工具、添加錨點(diǎn)工具、刪除錨點(diǎn)工具和轉(zhuǎn)換點(diǎn)工具，其中鋼筆工具、自由鋼筆工具和彎度鋼筆工具的屬性欄相同，其他3個(gè)工具沒有對(duì)應(yīng)的屬性欄。在工具箱中選擇鋼筆工具（快捷鍵為【P】），其對(duì)應(yīng)的工具屬性欄如圖4-4所示。圖4-42．繪制路徑路徑的繪制主要是繪制直線和繪制曲線。

繪制直線繪制曲線圖4-6圖4-73．選擇和移動(dòng)路徑

路徑的選擇和移動(dòng)主要通過路徑選擇工具和直接選擇工具來完成。圖4-8圖4-9路徑選擇工具直接選擇工具4．轉(zhuǎn)換錨點(diǎn)類型路徑包含4種錨點(diǎn)類型，分別為直線錨點(diǎn)、平滑錨點(diǎn)、拐點(diǎn)錨點(diǎn)和復(fù)合錨點(diǎn)。改變錨點(diǎn)的類型可以調(diào)整路徑的形狀。直線錨點(diǎn)沒有方向控制柄，用于連接兩個(gè)直線段；平滑錨點(diǎn)有兩個(gè)方向控制柄，且都在一條直線上；拐點(diǎn)錨點(diǎn)有兩個(gè)方向控制柄，且不在一條直線上；復(fù)合錨點(diǎn)只有一個(gè)方向控制柄，如圖4-10所示。圖4-10圖4-11轉(zhuǎn)換為直線錨點(diǎn)轉(zhuǎn)換為平滑錨點(diǎn)圖4-12圖4-13轉(zhuǎn)換為拐點(diǎn)錨點(diǎn)轉(zhuǎn)換為復(fù)合錨點(diǎn)圖4-145．路徑與選區(qū)的轉(zhuǎn)換

在摳取商品圖像時(shí)，使用鋼筆工具建立路徑后，還需要將路徑轉(zhuǎn)換為選區(qū)才能摳出圖像。而選區(qū)同樣也可轉(zhuǎn)換為路徑。圖4-15將選區(qū)轉(zhuǎn)換為路徑4.1.3使用鋼筆工具組摳圖

鋼筆工具主要適用于對(duì)一些復(fù)雜的圖像進(jìn)行摳圖，下面使用鋼筆工具結(jié)合其他工具進(jìn)行摳圖，操作步驟如下。圖4-16圖4-17圖4-18圖4-19圖4-204.1.4將路徑轉(zhuǎn)換為選區(qū)

路徑繪制完成后需要將其轉(zhuǎn)換為選區(qū)，然后再摳出圖像。下面將繪制后的路徑轉(zhuǎn)換為選區(qū)，操作步驟如下。圖4-21圖4-22圖4-23圖4-244.2文字的輸入與編輯文字在網(wǎng)店美工設(shè)計(jì)中是不可缺少的一部分，成功地運(yùn)用文字可以點(diǎn)明主題，增強(qiáng)畫面感染力，是非常有效的宣傳手段之一。本節(jié)將對(duì)文字的輸入和編輯進(jìn)行講解?！菊n堂案例】制作詳情頁商品信息屏淘寶詳情頁是商品的描述頁面，優(yōu)秀的淘寶詳情頁可以激發(fā)顧客的消費(fèi)欲望，樹立顧客對(duì)網(wǎng)店的信任感，也是最終促使顧客下單的一個(gè)重要因素，因此，詳情頁的設(shè)計(jì)也是網(wǎng)店美工設(shè)計(jì)的重要部分。淘寶詳情頁的尺寸一般為寬790像素，高不限，但并不是越高越好。若商品詳情頁太長(zhǎng)，會(huì)導(dǎo)致頁面加載速度緩慢。要注意的是，商品的類別不同，其詳情頁包括的內(nèi)容也不同，如衣服、帽子、眼鏡等商品需在商品詳情頁上放上商品的各個(gè)尺寸，以便顧客更了解商品。本案例將制作毛絨玩具的淘寶詳情頁，涉及文字的輸入和編輯操作，主要包括輸入文字、創(chuàng)建變形文字和路徑文字等。

本案例的商品詳情只是描述中的一部分，最終效果如圖4-25所示（資源包/04/效果/詳情頁商品信息屏.psd）。

圖4-254.2.1認(rèn)識(shí)“字符”和“段落”面板1．“字符”面板選擇“窗口＞字符”命令，打開“字符”面板，在其中可以對(duì)文字的字體、字號(hào)、字形和間距等進(jìn)行設(shè)置，其中字體、字號(hào)、字形、顏色等同文字工具屬性欄中的相應(yīng)選項(xiàng)功能相同，如圖4-26所示。2．“段落”面板“段落”面板主要用于設(shè)置段落文字，段落文字是指使用文字工具拖出一個(gè)定界框，在定界框中可輸入文字。在需要輸入大量文字內(nèi)容時(shí)可以使用段落文字。打開“段落”面板，在其中可以對(duì)輸入的段落文字設(shè)置對(duì)齊方式和縮進(jìn)方式等，如圖4-27所示。圖4-26圖4-274.2.2文字工具組

文字工具組主要包括橫排文字工具、直排文字工具、直排文字蒙版工具和橫排文字蒙版工具4種，使用橫排文字工具和直排文字工具可以輸入點(diǎn)文字、段落文字和路徑文字；使用直排文字蒙版工具和橫排文字蒙版工具可以創(chuàng)建文字選區(qū)。橫排文字工具的屬性欄如圖4-28所示。圖4-281.輸入文字可選擇工具箱中的橫排文字工具，然后將鼠標(biāo)指針移動(dòng)到圖像窗口中，按住鼠標(biāo)左鍵不放并拖動(dòng)，在圖像窗口中繪制一個(gè)文本框，此時(shí)文本框中將出現(xiàn)閃爍的光標(biāo)，如圖4-30所示。在文本框中輸入文字時(shí)，文字可以自動(dòng)換行，若輸入的文字過多，超出文本框的范圍，此時(shí)文本框右下角會(huì)顯示為

形狀，表示有文字被隱藏，如圖4-31所示。圖4-312.路徑文字

選擇工具箱中的鋼筆工具繪制一條路徑，然后選擇橫排文字工具，將鼠標(biāo)指針移到路徑上，此時(shí)鼠標(biāo)指針變?yōu)?/p>

形狀，單擊確定文字的插入點(diǎn)，在出現(xiàn)閃爍光標(biāo)后輸入文字，文字可沿路徑進(jìn)行排列，如圖4-32所示。圖4-32圖4-33圖4-34圖4-353.變形文字變形文字主要是通過“變形文字”對(duì)話框?qū)ξ淖诌M(jìn)行各種樣式的變形，在對(duì)話框中的“樣式”下拉列表框中選擇一種變形方式，然后在下方設(shè)置樣式的數(shù)值即可。要取消文字變形效果，可在對(duì)話框中的“樣式”下拉列表框中選擇“無”選項(xiàng)。4.文字選區(qū)選擇工具箱中的直排文字蒙版工具和橫排文字蒙版工具，在圖像窗口中單擊鼠標(biāo)左鍵，圖像窗口會(huì)進(jìn)入快速蒙版狀態(tài)，整個(gè)窗口呈透明的紅色顯示，輸入文字后按【Ctrl+Enter】組合鍵，即可退出蒙版狀態(tài)，得到文字選區(qū)，如圖4-36所示。圖4-365.柵格化文字要將文字圖層?xùn)鸥窕?，可以選擇“文字＞柵格化文字圖層”命令，可以將文字圖層轉(zhuǎn)換為普通圖層，也可以使用鼠標(biāo)右鍵單擊文字圖層，然后在彈出的快捷菜單中選擇“柵格化文字”命令。

4.2.3輸入文字

輸入文字之前需要先新建文件，添加相應(yīng)的素材元素，然后輸入相應(yīng)的文字和段落文字，并設(shè)置文字屬性，操作步驟如下。圖4-37圖4-38

圖4-39圖4-40

圖4-41圖4-42

圖4-43圖4-44

圖4-45圖4-46

圖4-47圖4-484.2.4輸入路徑文字

下面在圖像文件中輸入路徑文字，操作步驟如下。圖4-49 圖4-50 圖4-51 圖4-524.3繪制形狀【課堂案例】制作淘寶首頁優(yōu)惠券彈窗淘寶優(yōu)惠券是每個(gè)賣家發(fā)出的優(yōu)惠活動(dòng)，一般在淘寶網(wǎng)店首頁顯示，可以以模塊的形式展現(xiàn)在首頁上，也可以以彈窗的形式展現(xiàn)在主視覺海報(bào)上。美工在制作優(yōu)惠券的時(shí)候要清楚優(yōu)惠活動(dòng)內(nèi)容，是滿減還是送禮品，因?yàn)橐话愕膬?yōu)惠券會(huì)讓顧客購物到一定金額才能優(yōu)惠一定的價(jià)格，所以這些主要的文字內(nèi)容一定要寫清楚。網(wǎng)店首頁模板的寬度是固定的1200像素，高度在150~2000像素之間，優(yōu)惠券的模板高度可以根據(jù)實(shí)際需要自行規(guī)定，但是要保證優(yōu)惠券上的文字能被看清。本案例將制作淘寶網(wǎng)店優(yōu)惠券，涉及文字和形狀的操作，主要包括繪制形狀和輸入文字等。本案例的最終效果如圖4-53所示（資源包/04/效果/淘寶首頁優(yōu)惠券彈窗.psd）。圖4-534.3.1形狀工具在Photoshop2022中繪制形狀的工具主要包括矩形工具、橢圓工具、三角形工具、多邊形工具、直線工具和自定義形狀工具。1.矩形工具

選擇工具箱中的矩形工具可以繪制矩形和圓角矩形，圖4-54所示為矩形工具的屬性欄。圖4-54圖4-56圖4-55合并形狀組件路徑操作圖4-572.橢圓工具選擇橢圓工具后在圖像窗口中按住鼠標(biāo)左鍵不放并拖動(dòng)，可以繪制橢圓。按住【Shift】鍵并拖動(dòng)鼠標(biāo)指針，可繪制圓形；按住【Alt】鍵并拖動(dòng)鼠標(biāo)，可從中心繪制橢圓；按住【Shift+Alt】組合鍵并拖動(dòng)鼠標(biāo)指針，可從中心繪制圓形。橢圓工具的屬性欄如圖4-58所示。圖4-583.三角形工具

選擇三角形工具后在圖像窗口中按住鼠標(biāo)左鍵不放并拖動(dòng)，可以繪制三角形或圓角三角形。按住【Shift】鍵并拖動(dòng)鼠標(biāo)指針，可繪制等邊三角形或圓角三角形；按住【Alt】鍵并拖動(dòng)鼠標(biāo)指針，可從中心繪制三角形或圓角三角形；按住【Shift+Alt】組合鍵并拖動(dòng)鼠標(biāo)指針，可從中心繪制等邊三角形或圓角三角形。其屬性欄同矩形工具相同。4.多邊形工具

選擇工具箱中的多邊形工具，其繪制方法同前面幾個(gè)工具的繪制方法相同，在繪制時(shí)可在其屬性欄中的“邊”數(shù)值框中設(shè)置多邊形的邊數(shù)，如圖4-59所示。圖4-59圖4-60圖4-615.直線工具

選擇工具箱中的直線工具，在圖像窗口中按住鼠標(biāo)左鍵不放并拖動(dòng)，可以繪制直線，按住【Shift】鍵并拖動(dòng)鼠標(biāo)指針，可繪制水平、垂直或45°角的直線。單擊屬性欄中的按鈕，在打開的“箭頭”面板中通過設(shè)置可以繪制不同的箭頭路徑，如圖4-62所示。圖4-62

圖4-63

圖4-64

6.自定義形狀工具

選擇工具箱中的自定義形狀工具，在圖像窗口中按住鼠標(biāo)左鍵不放并拖動(dòng)，可以繪制Photoshop

2022預(yù)設(shè)中的各種形狀，單擊屬性欄中“形狀”右側(cè)的下拉按鈕，在打開的面板中可選擇不同的路徑形狀，如圖4-65所示。圖4-65

圖4-684.3.2繪制矩形形狀

下面使用工具箱中的矩形工具繪制形狀，操作步驟如下。圖4-69

圖4-70

圖4-71

圖4-72

圖4-73

圖4-74

圖4-75

圖4-764.3.3繪制橢圓形狀

下面使用工具箱中的橢圓工具繪制優(yōu)惠券形狀，操作步驟如下。

圖4-77

圖4-78

圖4-79

圖4-80

圖4-81

圖4-84

圖4-82

圖4-83

圖4-85

圖4-864.3.4繪制其他形狀

下面使用工具箱中的其他形狀工具繪制形狀，操作步驟如下。

圖4-87

圖4-88

圖4-89

圖4-90

圖4-91

圖4-92

圖4-93

圖4-94

圖4-95

圖4-96

圖4-974.4技能提升——制作文字效果本章主要制作了三個(gè)淘寶廣告圖，通過本章的學(xué)習(xí)，讀者應(yīng)掌握以下內(nèi)容。（1）使用鋼筆工具摳圖和繪制路徑。（2）使用文字工具輸入文字，并設(shè)置相應(yīng)的文字屬性。（3）使用各種形狀工具繪制需要的形狀路徑。

圖4-98圖4-99

圖4-100

圖4-101

圖4-102

圖4-103圖4-104

圖4-105

圖4-106

圖4-107

圖4-108

圖4-109

4.5課后練習(xí)1.制作首頁優(yōu)惠券模板使用形狀工具繪制形狀并設(shè)置不同的顏色，然后設(shè)置羽化效果。最后輸入相應(yīng)的文字即可，效果如圖4-110所示（資源包/04/效果/首頁優(yōu)惠券.psd）。

圖4-110

2.制作首頁鋪貨區(qū)模板新建文件，使用形狀工具繪制出模板框，然后再使用形狀工具和鋼筆工具繪制細(xì)節(jié)，最后輸入文字，效果如圖4-111所示（資源包/04/效果/鋪貨區(qū)模.psd）。

圖4-111網(wǎng)店美工設(shè)計(jì)Photoshop案例教程丨視頻指導(dǎo)版第2版張磊羅立明/主編李波張麗麗/副主編廈門網(wǎng)中網(wǎng)軟件有限公司/組編5.1顏色填充5.2畫筆載入及預(yù)設(shè)5.3橡皮擦工具的使用5.4技能提升——制作背景水彩效果和光斑效果

目錄/ContentsChapter5第5章繪制圖像5.5課后練習(xí)第5章繪制圖像本章將介紹顏色填充、畫筆工具和橡皮擦工具的相關(guān)知識(shí)，包括使用工具填充顏色、使用畫筆工具繪制圖像，以及使用橡皮擦工具摳取簡(jiǎn)單圖像等。通過本章的學(xué)習(xí)，讀者可以掌握多種顏色填充的方法、繪制圖像的方法，以及使用橡皮擦工具摳取簡(jiǎn)單圖像的方法。

4課堂學(xué)習(xí)目標(biāo)

●掌握顏色填充的多種方法

●掌握使用畫筆工具繪制圖像的方法

●掌握使用橡皮擦工具摳取圖像的方法

5.1顏色填充【課堂案例】繪制二級(jí)頁主視覺海報(bào)淘寶網(wǎng)店除了首頁外，有時(shí)還需要制作一些二級(jí)頁，如會(huì)員頁、上新頁等，其尺寸和首頁不同，二級(jí)頁的尺寸寬度為750像素，高度不限。二級(jí)頁同首頁一樣，不僅有主題文字、商品等，其搭配的素材也非常重要，讀者可以通過網(wǎng)絡(luò)上的素材網(wǎng)站獲取這些素材，也可自己繪制需要的素材圖像。本案例主要制作會(huì)員頁，使讀者通過學(xué)習(xí)，掌握不同顏色填充的方法。本案例的最終效果如圖5-1所示（資源包/05/效果/二級(jí)頁主視覺海報(bào).psd）。

圖5-1

5.1.1圖像填充工具在Photoshop2022中可使用漸變工具、油漆桶工具、吸管工具和菜單命令來對(duì)圖像進(jìn)行顏色填充。1.漸變工具2.油漆桶工具

圖5-2圖5-33.吸管工具

圖5-6

圖5-7

4.“填充”和“描邊”命令

圖5-8

圖5-9

將需要描邊的圖像使用選區(qū)選中后，選擇“編輯＞描邊”命令，打開“描邊”對(duì)話框，在其中的“描邊”欄中可設(shè)置描邊的顏色、寬度；在“位置”欄中可設(shè)置描邊相對(duì)于區(qū)域邊緣的位置，包括內(nèi)部、居中和居外3個(gè)單選項(xiàng)；在“混合”欄中可設(shè)置描邊的模式、不透明度等，如圖5-10所示。

圖5-105.1.2應(yīng)用漸變工具

圖5-11圖5-12圖5-135.1.3應(yīng)用油漆桶工具

圖5-14圖5-15圖5-16

圖5-17圖5-185.2畫筆載入及預(yù)設(shè)使用Photoshop2022中的畫筆工具可以繪制不同的繪畫效果，通過對(duì)畫筆的不同設(shè)置可以繪制不同的線條，在美工設(shè)計(jì)中可以結(jié)合輔助工具（如數(shù)位板）繪制插圖、美化商品等。而鉛筆工具可以繪制出各種硬邊效果的圖像。【課堂案例】制作毛筆文字淘寶網(wǎng)店每隔一段時(shí)間都會(huì)推出不同的促銷活動(dòng)，而每個(gè)促銷活動(dòng)都有不同的主題文字，這些主題文字可以通過添加特效來美化，也可選擇字體后結(jié)合畫筆工具來制作。當(dāng)下的設(shè)計(jì)中，許多文字字體都是仿毛筆字的，但在Photoshop2022中直接寫出毛筆手寫字體有很大的困難，這時(shí)就可以結(jié)合字體和筆刷來制作逼真的毛筆手寫效果。本案例將制作毛筆文字，涉及畫筆工具的使用以及設(shè)置筆刷等操作。本案例的最終效果如圖5-19所示（資源包/05/效果/毛筆文字.psd）。圖5-195.2.1應(yīng)用畫筆工具

應(yīng)用畫筆工具并結(jié)合畫筆設(shè)置可以繪制需要的圖像效果，也可在繪制路徑后使用畫筆工具為路徑描邊以得到想要的效果。1．畫筆工具屬性欄2.鉛筆工具

圖5-21

圖5-20

3．自定義筆刷4．載入筆刷

圖5-25圖5-26

圖5-27圖5-28

5.2.2使用畫筆繪制

圖5-29

圖5-30圖5-31

圖5-32

圖5-33

圖5-34

圖5-35

圖5-36

5.3橡皮擦工具的使用使用橡皮擦工具可以擦除圖像的顏色，同時(shí)在擦除位置上填入背景色或變?yōu)橥该鳌Ｒ虼?，?duì)于一些簡(jiǎn)單的要求效果不太高的圖像，可以使用橡皮擦工具來摳取?！菊n堂案例】摳取簡(jiǎn)單圖像在前面的章節(jié)中講解了多種摳圖方法，除了使用講解過的工具來摳圖外，還可使用橡皮擦工具來摳圖，特別是在制作風(fēng)景合成圖時(shí)尤為適用。本案例將制作女鞋主圖，在制作中會(huì)使用到魔術(shù)橡皮擦工具、文字工具等。本案例的最終效果如圖5-37所示（資源包/05/效果/簡(jiǎn)單圖像.psd）。圖5-375.3.1擦除工具

在Photoshop2022中，擦除工具包括橡皮擦工具、背景橡皮擦工具和魔術(shù)橡皮擦工具。應(yīng)用擦除工具可以擦除指定的圖像顏色，還可擦除顏色相似的區(qū)域圖像。1.橡皮擦工具

2.背景橡皮擦工具

圖5-38

圖5-39

3.魔術(shù)橡皮擦工具

圖5-41

5.3.2使用魔術(shù)橡皮擦工具摳圖

圖5-42圖5-43圖5-44圖5-45圖5-46圖5-47

5.4技能提升——制作背景水彩效果和光斑效果本章主要制作了三個(gè)淘寶相關(guān)效果圖，并在這三個(gè)案例中分別介紹了繪制圖像的相關(guān)知識(shí)，通過本章的學(xué)習(xí)，讀者應(yīng)掌握以下內(nèi)容。（1）使用漸變工具、油漆桶工具和相關(guān)命令填充和描邊顏色等。（2）使用畫筆工具繪制圖像。（3）使用橡皮擦工具摳取簡(jiǎn)單圖像等。

完成了以上知識(shí)點(diǎn)的學(xué)習(xí)，下面通過兩個(gè)實(shí)例的操作來復(fù)習(xí)和鞏固所學(xué)知識(shí)，提升技能。水彩和光斑效果能在美工設(shè)計(jì)圖片背景時(shí)使用。1.背景水彩效果

圖5-48

圖5-49圖5-50

圖5-51

圖5-52

2.制作光斑效果

圖5-53圖5-54圖5-56圖5-55圖5-57

圖5-58

圖5-59

圖5-60

5.5課后練習(xí)1.制作二級(jí)頁主題海報(bào)打開本章制作的“海報(bào)背景.psd”圖像文件，然后使用多邊形工具和鋼筆工具繪制相應(yīng)形狀，并使用漸變工具填充相應(yīng)的顏色，最后使用文字工具輸入主題文字，效果如圖5-61所示（資源包/05/效果/二級(jí)頁主題海報(bào).psd）。

圖5-612.直通車推廣圖一張高點(diǎn)擊率的推廣圖，要能表現(xiàn)出商品與主題，吸引顧客的關(guān)注，使顧客產(chǎn)生購買欲望。打開“奶瓶.jpg”素材文件（資源包/05/素材/奶瓶.jpg），使用漸變工具繪制漸變背景和圖形，然后添加文字，效果如圖5-62所示（資源包/05/效果/直通車推廣圖.psd）。

圖5-623.詳情頁圖片打開“戒指.jpg”和“盒子.jpg”素材文件（資源包/05/素材/戒指.jpg、盒子.jpg），使用魔術(shù)橡皮擦工具摳圖，然后新建圖像文件，填充漸變色，并將摳出的圖像拖動(dòng)到圖像文件中，新建圖層為其添加陰影，最后添加文字，效果如圖5-63所示（資源包/05/效果/詳情頁圖片.psd）。

圖5-63網(wǎng)店美工設(shè)計(jì)Photoshop案例教程丨視頻指導(dǎo)版第2版張磊羅立明/主編李波張麗麗/副主編廈門網(wǎng)中網(wǎng)軟件有限公司/組編6.1圖層蒙版和快速蒙版6.2剪貼蒙版與矢量蒙版6.3技能提升——制作商品倒影和使用蒙版摳圖6.4課后練習(xí)

目錄/ContentsChapter6第6章

蒙版第6章

蒙版本章將介紹Photoshop2022中蒙版的相關(guān)知識(shí)，包括圖層蒙版、快速蒙版、剪貼蒙版和矢量蒙版。通過本章的學(xué)習(xí)，讀者可以快速掌握各類蒙版的創(chuàng)建和使用技巧，并將其運(yùn)用到圖像處理中。

4課堂學(xué)習(xí)目標(biāo)

●掌握?qǐng)D層蒙版的使用方法

●掌握快速蒙版的使用方法

●掌握剪貼蒙版和矢量蒙版的創(chuàng)建方法6.1圖層蒙版和快速蒙版在Photoshop2022中使用圖層蒙版可以使圖層中圖像的某一部分呈現(xiàn)出透明或半透明效果，且原始圖像不變，而快速蒙版可以使圖像快速進(jìn)入蒙版編輯狀態(tài)，并可結(jié)合畫筆工具摳取圖像?！菊n堂案例】制作合成效果海報(bào)在淘寶網(wǎng)店的圖片設(shè)計(jì)中，為了使圖像效果更逼真，有時(shí)會(huì)為商品制作倒影效果，這時(shí)就可以使用圖層蒙版結(jié)合漸變工具來制作。而在圖像合成時(shí)，為了保護(hù)圖像部分區(qū)域不被編輯，且能快速恢復(fù)為原圖像，通常都會(huì)使用圖層蒙版進(jìn)行編輯。前面的章節(jié)講解了多種摳圖方法，有時(shí)為了能快速摳取圖像，可結(jié)合使用快速蒙版和選區(qū)工具。本案例主要制作合成效果海報(bào)。本案例的最終效果如圖6-1所示（資源包/06/效果/合成效果海報(bào)）。

圖6-16.1.1圖層蒙版和快速蒙版的使用圖層蒙版中的黑色表示不顯示，白色表示顯示，介于黑色與白色之間的灰色表示半透明，透明度由灰度來決定。