網(wǎng)店美工設(shè)計(jì)PhotoshopCC案例教程課件

1、Chapter 1第1章 網(wǎng)店美工設(shè)計(jì)快速入門1.1網(wǎng)店美工必備職業(yè)技能 1.2了解 Photoshop 的基本概念1.3認(rèn)識(shí) Photoshop.CC 的工作界面 1.4調(diào)整 Photoshop.CC 的視圖 1.5應(yīng)用輔助工具 目錄/Contents第1章網(wǎng)店美工設(shè)計(jì)快速入門 本章將介紹使用Photoshop CC進(jìn)行美工設(shè)計(jì)的相關(guān)基礎(chǔ)知識(shí)，包括網(wǎng)店美工必備職業(yè)技能、Photoshop的基本慨念、PhotoshopCC的工作界面、Photoshop CC的視圖和輔助工具等。通過本章的學(xué)習(xí)，讀者可以對(duì)網(wǎng)店美工這一職業(yè)的必備技能有所了解，并掌握利用Photoshop進(jìn)行網(wǎng)店美工設(shè)計(jì)的基礎(chǔ)知識(shí)。

2、 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-1 1.1.2搭配色彩色彩能夠影響顧客對(duì)商品風(fēng)格和形象的判斷，圖 1-2 所示為品牌無印良品旗艦店的產(chǎn)品圖，它的產(chǎn)品

3、注重純樸、簡(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)系

4、，如紅黃藍(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)頁模塊 一個(gè)店鋪首頁主要由店招、導(dǎo)航條、海報(bào)（全屏海報(bào)和產(chǎn)品促銷輪播海報(bào)）、產(chǎn)品分類或優(yōu)惠券、客服旺旺、產(chǎn)品展示區(qū)、店鋪頁尾、店鋪背景等幾部

5、分組成，如圖 1-7 所示。圖 1-8 所示為淘寶網(wǎng)上一個(gè)完整的店鋪首頁。 圖 1-7 圖 1-8 1.1.4巧用文字變形 通過不同的手法來創(chuàng)作，可打造出更具有表現(xiàn)力的文字造型，如制作立體文字、變形文字和發(fā)光文字等，如圖 1-9所示。 圖 1-9 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.2 了解 Photoshop 的基本概念 1.2.1像素和分辨率 1像素像素即 pixel，簡(jiǎn)稱 px，是構(gòu)成位圖的基本單位，也是屏幕中最小的點(diǎn)。

6、一張位圖由水平及垂直方向上的若干個(gè)像素組成，放大后會(huì)發(fā)現(xiàn)一個(gè)個(gè)有色彩的小方塊（常規(guī)是正方形，還有其他形狀）。圖像中包含的像素越多，包含的信息量就越大，文件便越大，圖像的質(zhì)量也越好。圖 1-11 所示為將一張圖像放大后看到的像素點(diǎn)。 圖 1-11 2分辨率分辨率是用于描述圖像文件信息的術(shù)語，分辨率常分為圖像分辨率和屏幕分辨率。 圖像分辨率是指每英寸圖像內(nèi)的像素點(diǎn)數(shù)，它決定了位圖圖像細(xì)節(jié)的精細(xì)程度，其單位為像素 / 英寸（ppi）。分辨率越低，像素點(diǎn)就越大，圖片質(zhì)量越低。分辨率越高，像素點(diǎn)就越小，圖片也越清晰逼真。 屏幕分辨率：屏幕分辨率是顯示器屏幕每行的像素點(diǎn)數(shù) 每列的像素點(diǎn)數(shù)，不同的屏幕其分辨

7、率也不同。屏幕分辨率越高，所呈現(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-12 所示。 CMYK 模式：CMYK 模式是最佳的打印模式。CMYK 代表印刷上用的四種顏色，C 代表青色（Cyan），M 代表洋紅色（Magenta），Y 代表黃色（Yellow），K 代表

8、黑色（Black）。在實(shí)際應(yīng)用中，青色、洋紅色和黃色很難疊加形成真正的黑色，因此引入了 K黑色。黑色的作用是強(qiáng)化暗調(diào)，加深暗部色彩，如圖 1-13 所示。 圖 1-12 圖 1-13 1.2.3文件格式 psd/pdd 格式 TIFF 格式 BMP 格 式 JPEG 格式 EPS 格式 常用的文件格式1.2.4位圖與矢量圖位圖，也稱為點(diǎn)陣圖，由稱作像素的單個(gè)點(diǎn)組成。這些點(diǎn)可以進(jìn)行不同的排列和染色以構(gòu)成圖樣。位圖與圖像的像素和分辨率都有關(guān)系，在放大后圖像會(huì)顯示像素塊。 矢量圖也叫向量圖，是一種基于圖形的幾何特征來描述的圖像，矢量文件中的圖形元素稱為對(duì)象。每個(gè)對(duì)象都是一個(gè)自成一體的實(shí)體，它具有顏色

9、、形狀、輪廓、大小和屏幕位置等屬性。矢量圖與分辨率無關(guān)，可以將其設(shè)置為任意大小，且清晰度不會(huì)改變，也不會(huì)出現(xiàn)鋸齒，放大后顯示的邊緣仍然清晰，如圖 1-14 所示。 圖 1-14 1.3 認(rèn)識(shí) Photoshop CC 的工作界面 啟動(dòng) Photoshop CC 后，任意打開一個(gè)圖像文件，即可看到 Photoshop CC 的工作界面，其主要由菜單欄、工具箱、屬性欄、面板、狀態(tài)欄和圖像窗口組成，如圖 1-15 所示。圖 1-15 1.3.1 工具箱Photoshop CC 工具箱中包括選擇工具、繪圖工具、填充工具、編輯工具、顏色選擇工具、屏幕視圖工具和快速蒙版工具等，如圖 1-16 所示。圖 1

10、-16 將鼠標(biāo)光標(biāo)移至某個(gè)工具的上方，此時(shí)會(huì)出現(xiàn)一個(gè)黃色文本框顯示該工具的名稱，工具名稱后面括號(hào)中的字母代表該工具的快捷鍵，如圖 1-17 所示，只要在鍵盤上按下該字母鍵，即可快速切換到相應(yīng)工具。 圖 1-17 1.3.2 屬性欄當(dāng)選擇某個(gè)工具后，會(huì)出現(xiàn)相應(yīng)的屬性欄，在其中可以對(duì)該工具的參數(shù)屬性進(jìn)行設(shè)置。圖 1-19 所示為鋼筆工具的屬性欄和模糊工具的屬性欄。 圖 1-19 1.3.3 面板 面板是 Photoshop CC 中的重要輔助工具，可以幫助用戶完成大量的操作任務(wù)。打開面板 展開和折疊面板 分離和合并面板 關(guān)閉面板 展開面板菜單 調(diào)整面板組大小 顯示和隱藏面板 1.3.4 狀態(tài)欄在狀

11、態(tài)欄中的“顯示比例”文本框中輸入數(shù)值后按【Enter】鍵確認(rèn)，可以改變圖像的顯示比例。 圖 1-24 1.4 調(diào)整 Photoshop CC 的視圖 1.4.1 切換商品圖像顯示模式在處理圖像的過程中，為了方便操作，可以通過切換圖像的顯示模式來查看圖像。選擇“視圖屏幕模式”命令，在彈出的菜單中包括三種顯示模式。 標(biāo)準(zhǔn)屏幕模式：選擇“視圖屏幕模式標(biāo)準(zhǔn)屏幕模式”命令，將顯示默認(rèn)的標(biāo)準(zhǔn)屏幕模式。 帶有菜單欄的全屏模式：選擇“視圖屏幕模式帶有菜單欄的全屏模式”命令，將顯示帶有菜單欄和 50% 灰色的背景，如圖 1-25 所示。 全屏模式：選擇“視圖屏幕模式全屏模式”命令，將顯示只有黑色背景的全屏窗口，

12、如圖 1-26 所示。 圖 1-25 圖 1-26 1.4.2 調(diào)整商品圖像顯示比例圖 1-27 所示為縮放工具的屬性欄。 圖 1-27 1.4.3 移動(dòng)商品圖像顯示畫面 在使用工具編輯處理圖像的過程中，若圖像顯示比例過大，沒有顯示全部的圖像畫面時(shí)，可以使用抓手工具 對(duì)圖像畫面進(jìn)行移動(dòng)，查看圖像的不同區(qū)域。選擇工具箱中的抓手工具 后，在圖像中按住鼠標(biāo)左鍵不放并拖動(dòng)，即可移動(dòng)圖像畫面。其屬性欄如圖 1-30 所示。 圖 1-30 1.5 應(yīng)用輔助工具為了使文件的制作更加精確，可以使用 Photoshop 中的輔助工具來幫助設(shè)計(jì)制作。輔助工具主要包括標(biāo)尺、參考線和網(wǎng)格。 1.5.1 顯示商品圖像標(biāo)

13、尺使用標(biāo)尺可以在處理圖像時(shí)精確定位鼠標(biāo)指針的位置和對(duì)圖像進(jìn)行選擇，選擇“視圖標(biāo)尺”命令或按【Ctrl+R】組合鍵，可以顯示或隱藏標(biāo)尺，圖 1-31 所示為顯示出的標(biāo)尺。選擇“編輯首選項(xiàng)單位與標(biāo)尺”命令，或在圖像窗口中的標(biāo)尺上雙擊，打開“首選項(xiàng)”對(duì)話框，在此對(duì)話框中可對(duì)標(biāo)尺的相關(guān)參數(shù)進(jìn)行設(shè)置，如圖 1-32 所示。 圖 1-31 圖 1-32 1.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)格”命令，可以顯示或隱藏

14、網(wǎng)格，如圖 1-37 所示。 圖 1-37 選擇“編輯首選項(xiàng)參考線、網(wǎng)格和切片”命令，打開“首選項(xiàng)”對(duì)話框，在此對(duì)話框中可對(duì)參考線和網(wǎng)格的相關(guān)參數(shù)進(jìn)行設(shè)置，如參考線和網(wǎng)格的顏色、線條粗細(xì)等，如圖 1-38 所示。 圖 1-38 2.1 圖像文件的基本操作2.2 編輯商品圖像2.3 圖層的基本操作2.4 設(shè)置前景色與背景色2.5 常用快捷鍵 目錄/ContentsChapter 2第2章 美工圖像處理基本操作第2章 美工圖像處理基本操作 要想更好地使用Photoshop對(duì)圖像進(jìn)行處理，首先需要掌握Photoshop的基本操作。本章將介紹使用Photoshop CC設(shè)計(jì)商品寶貝圖像時(shí)要用到的基本操

15、作，包括圖像文件的基本操作、編輯商品圖像、圖層的基本操作。通過本章的學(xué)習(xí)，讀者可快速掌握選區(qū)的繪制和各種編輯操作以及設(shè)置前景色與背景色等。 4課堂學(xué)習(xí)目標(biāo) 掌握?qǐng)D像文件的基本操作 掌握編輯圖像的相關(guān)操作 掌握?qǐng)D層的基本操作 掌握前景色和背景色的操作 2.1 圖像文件的基本操作 2.1.1 新建空白圖像文件啟動(dòng) Photoshop CC 后，會(huì)打開一個(gè)如圖 2-1 所示的“開始”工作區(qū)，在其中會(huì)顯示最近打開的文件，單擊 按鈕（快捷鍵為【Ctrl+N】組合鍵）可打開“新建文檔”對(duì)話框。 圖 2-1 打開的“新建文檔”對(duì)話框中可以設(shè)置新建圖像文件的名稱、圖像尺寸、分辨率、顏色等，設(shè)置完成后單擊“創(chuàng)建

16、”按鈕 即可新建圖像，如圖 2-2 所示。圖 2-2 2.1.2打開商品圖像文件在編輯圖像前，需要先打開圖像文件，在“開始”工作區(qū)，單擊最近打開的文件的縮略圖可打開之前打開過的圖像文件，或可單擊 按鈕（快捷鍵為【Ctrl+O】組合鍵）打開“打開”對(duì)話框，如圖 2-4 所示。圖 2-4 2.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ǔ)后，

17、可以將其關(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+

18、I】組合鍵，打開“圖像大小”對(duì)話框，如圖 2-7 所示。圖 2-7 2. 調(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-152.2.3 商品圖像的變換在編輯商品圖像時(shí)，若商品圖像的角度、大小不合適，可以通過變換圖像來更改。選擇“編輯變換”命令，在打開的子菜單中顯示了圖像的各種變換操作，如圖 2

19、-16 所示。1. 縮放選擇“編輯變換縮放”命令，顯示變換控制框，將鼠標(biāo)移到變換框四個(gè)角的控制點(diǎn)上，當(dāng)鼠標(biāo)指針變?yōu)?形狀時(shí)按住鼠標(biāo)左鍵不放并拖動(dòng)，可以對(duì)圖像進(jìn)行縮放，如圖 2-17 所示。圖 2-16 圖 2-17 2. 旋轉(zhuǎn)選擇“編輯變換旋轉(zhuǎn)”命令，顯示變換控制框，將鼠標(biāo)指針移到變換框四個(gè)角的控制點(diǎn)上，當(dāng)鼠標(biāo)指針變?yōu)?形狀時(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)樾螤顣r(shí)按住鼠標(biāo)左鍵不放并拖動(dòng)，可以對(duì)圖像進(jìn)行斜切，如圖 2-18 所示。圖 2

20、-18 4. 扭曲選擇“編輯變換扭曲”命令，顯示變換控制框，將鼠標(biāo)指針移到變換框外，當(dāng)鼠標(biāo)指針變?yōu)樾螤顣r(shí)按住鼠標(biāo)左鍵不放并拖動(dòng)，可以對(duì)圖像進(jìn)行扭曲，如圖 2-19 所示。 圖 2-19 5. 透視選擇“編輯變換透視”命令，顯示變換控制框，將鼠標(biāo)指針移到變換框的任意一個(gè)角的控制點(diǎn)上，當(dāng)鼠標(biāo)指針變?yōu)?形狀時(shí)按住鼠標(biāo)左鍵不放并拖動(dòng)，拖動(dòng)方向上的另一個(gè)角點(diǎn)也會(huì)隨之變換，得到梯形，如圖 2-20 所示。6. 變形選擇“編輯變換變形”命令，會(huì)出現(xiàn)一個(gè) 33 的變形控制框，拖動(dòng)邊框中的任意一個(gè)控制點(diǎn)都可以對(duì)圖像進(jìn)行變形，如圖 2-21 所示。圖 2-20 圖 2-217. 水平翻轉(zhuǎn)和垂直翻轉(zhuǎn)選擇“編輯變換水

21、平翻轉(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】鍵控制方向、角度和等比例放大縮?。弧続lt】鍵控制中心對(duì)稱。2.2.4 圖像編輯操作的恢復(fù)與還原在編輯圖像的過程中，難免會(huì)出現(xiàn)一些誤操作，這時(shí)便需要對(duì)編輯操作進(jìn)行撤銷或還原。主要可以通過菜單

22、命令和“歷史記錄”面板來撤銷和還原。1. 使用菜單命令還原操作選擇“編輯還原”命令，可以撤銷最近一次的操作；撤銷后選擇“編輯重做”命令，可以重做剛剛還原的操作。需要注意的是，由于操作的不同，菜單命令中的“還原”和“重做”命令也會(huì)不同，如圖 2-22 所示。圖 2-22 2. 使用“歷史記錄”面板恢復(fù)操作“歷史記錄”面板用于記錄圖像的操作步驟，使用“歷史記錄”面板可以幫助使用者恢復(fù)到之前操作中的任意一步。選擇“編輯首選項(xiàng)性能”命令，或按【Ctrl+K】組合鍵，打開“首選項(xiàng)”對(duì)話框，在“性能”選項(xiàng)卡中可以更改存儲(chǔ)歷史記錄的步數(shù)，如圖 2-24 所示。圖 2-23圖 2-242.3 圖層的基本操作在

23、設(shè)計(jì)制作圖像文件時(shí)，為了方便后期修改，需要掌握?qǐng)D層的基本操作，同時(shí)要將每一個(gè)元素放在不同的圖層里。圖層的基本操作包括圖層的新建、復(fù)制和刪除，選擇圖層和合并圖層，以及對(duì)齊和分布圖層。在這之前需要對(duì)“圖層”面板中的各個(gè)按鈕的功能有所了解，如圖 2-25 所示。圖 2-25 2.3.1 選擇和重命名圖層在對(duì)圖層進(jìn)行編輯時(shí)，首先需要選中圖層，當(dāng)前處于選中狀態(tài)的圖層稱為當(dāng)前圖層。若要在多個(gè)圖層中快速找到需要的圖層，可以對(duì)圖層進(jìn)行重命名。1. 選擇圖層在“圖層”面板中單擊某個(gè)圖層即可將其選中，選中的圖層以灰色底顯示。若要選擇多個(gè)圖層，可先選中第一個(gè)圖層，然后按住【Shift】鍵不放，單擊選擇最后一個(gè)圖層，

24、則可選中兩個(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-

25、29 所示。圖 2-28 圖 2-292.3.2 轉(zhuǎn)換“背景”圖層與普通圖層圖 2-30新建圖層2.3.3 新建和復(fù)制圖層在編輯過程中，若要保留圖層不被修改，可利用新建圖層和復(fù)制圖層來輔助操作。新建圖層和復(fù)制圖層的方法都有多種，在操作過程中可根據(jù)需要選擇效率高的操作方法。復(fù)制圖層圖 2-31圖 2-322.3.4 柵格化圖層對(duì)于文字圖層、形狀圖層和智能對(duì)象等包含矢量數(shù)據(jù)的圖層，有時(shí)需要先柵格化圖層才能進(jìn)行編輯。柵格化是指將矢量圖層轉(zhuǎn)換為位圖圖層，選中要柵格化的圖層，選擇“圖層?xùn)鸥窕泵睿诖蜷_的子菜單中可選擇柵格化的對(duì)象，如圖 2-33 所示。若不確定是否需要柵格化圖層，可先進(jìn)行編輯，若需要

26、柵格化才能操作，Photoshop 會(huì)提醒用戶需要對(duì)該圖層?xùn)鸥窕蟛拍芾^續(xù)進(jìn)行編輯操作，如圖 2-34 所示。圖 2-33 圖 2-342.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】組合鍵，可以得

27、到一個(gè)包含當(dāng)前所有選擇圖層內(nèi)容的新圖層，如圖 2-37 所示；按【Ctrl+Shift+Alt+E】組合鍵，可以自動(dòng)蓋印所有可見圖層，如圖 2-38 所示。圖 2-37 圖 2-382.3.7 使用圖層組管理圖層1. 創(chuàng)建圖層組2. 合并組在圖層組上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“合并組”命令，或按【Ctrl+E】組合鍵都可將圖層組合并為一個(gè)圖層。2.3.8 刪除圖層刪除圖層的方法有多種，可以通過“圖層”面板、“圖層”菜單命令來刪除圖層，也可在選擇圖層后按【Delete】鍵來刪除圖層。圖 2-39 圖 2-402.4 設(shè)置前景色與背景色在設(shè)計(jì)制作圖像時(shí)，顏色的使用決定設(shè)計(jì)的風(fēng)格，且 Ph

28、otoshop 中部分操作都同設(shè)置的前景色和背景色有著密切的關(guān)系。如使用畫筆工具在圖像中進(jìn)行繪畫時(shí)，使用的是前景色；使用橡皮擦工具擦除背景圖層時(shí)，使用的是背景色來填充擦除區(qū)域。2.4.1 使用工具箱中的顏色工具設(shè)置前景色和背景色2.4.2 使用“拾色器”對(duì)話框設(shè)置前景色和背景色圖 2-41圖 2-422.4.3使用“顏色”面板設(shè)置前景色和背景色2.4.4 使用吸管工具設(shè)置前景色和背景色2.4.5 使用“色板”面板設(shè)置顏色圖 2-43 圖 2-44圖 2-45圖 2-46 圖 2-472.5 常用快捷鍵1. 文件操作新建圖形文件 【Ctrl+N】用默認(rèn)設(shè)置創(chuàng)建新文件 【Ctrl+Alt+N】打開

29、已有的圖像 【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

30、. 濾鏡按上次的參數(shù)再做一次上次的濾鏡 【Ctrl+F】退去上次所做濾鏡的效果 【Ctrl+Shift+F】重復(fù)上次所做的濾鏡 ( 可調(diào)參數(shù) ) 【Ctrl+Alt+F】4. 視圖操作顯示彩色通道 【Ctrl+2】顯示單色通道 【Ctrl+ 數(shù)字】以 CMYK 方式預(yù)覽 ( 開關(guān) ) 【Ctrl+Y】放大視圖 【Ctrl+】縮小視圖 【Ctrl+-】滿畫布顯示 【Ctrl+0】實(shí)際像素顯示 【Ctrl+Alt+0】左對(duì)齊或頂對(duì)齊 【Ctrl+Shift+L】中對(duì)齊 【Ctrl+Shift+C】右對(duì)齊或底對(duì)齊 【Ctrl+Shift+R】左右選擇 1 個(gè)字符 【Shift+ / 】上下選擇 1

31、行 【Shift+ / 】5. 編輯操作還原 / 重做前一步操作 【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】扭曲 (

32、在自由變換模式下 ) 【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】彈出“填充”對(duì)話框 【Shift+BackSpace】從歷史記錄中填充 【Alt+Ctrl+Backspace】6. 圖像調(diào)整調(diào)整色階 【Ctrl+L】自動(dòng)調(diào)整色階 【

33、Ctrl+Shift+L】打開曲線調(diào)整對(duì)話框 【Ctrl+M】打開“色彩平衡”對(duì)話框 【Ctrl+B】打開“色相 / 飽和度”對(duì)話框 【Ctrl+U】去色 【Ctrl+Shift+U】反相 【Ctrl+I】7. 圖層操作從對(duì)話框新建一個(gè)圖層 【Ctrl+Shift+N】以默認(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】蓋印或蓋印鏈接圖層 【Ct

34、rl+Alt+E】蓋印可見圖層 【Ctrl+Alt+Shift+E】將當(dāng)前層下移一層 【Ctrl+】將當(dāng)前層上移一層 【Ctrl+】將當(dāng)前層移到最下面 【Ctrl+Shift+】將當(dāng)前層移到最上面 【Ctrl+Shift+】激活下一個(gè)圖層 【Alt+】激活上一個(gè)圖層 【Alt+】激活底部圖層 【Shift+Alt+】激活頂部圖層 【Shift+Alt+】3.1 創(chuàng)建選區(qū)3.2 編輯選區(qū)3.3 技能提升為書籍繪制陰影3.4 課后練習(xí) 目錄/ContentsChapter 3第3章 選區(qū)與移動(dòng)第3章 選區(qū)與移動(dòng)本章將介紹使用Photoshop CC的選區(qū)進(jìn)行圖像摳取的相關(guān)知識(shí)，包括使用選區(qū)工具、繪

35、制選區(qū)和編輯選區(qū)等。通過本章的學(xué)習(xí)，讀者可以快速掌握利用選區(qū)進(jìn)行簡(jiǎn)單摳圖的方法，為制作淘寶店鋪廣告及海報(bào)打下基礎(chǔ)。4課堂學(xué)習(xí)目標(biāo)了解選區(qū)的相關(guān)工具 掌握創(chuàng)建和編輯選區(qū)的方法 掌握針對(duì)不同圖像選擇摳圖工具的方法3.1 創(chuàng)建選區(qū)【課堂案例】店鋪寶貝簡(jiǎn)單摳圖本案例主要制作店鋪活動(dòng)圖像，使讀者通過學(xué)習(xí)不同選區(qū)工具的摳圖方法，掌握如何判斷和選擇最適合圖片的摳圖工具。本案例的最終效果如圖 3-1 所示（資源包 /03/ 效果 / 店鋪寶貝簡(jiǎn)單摳圖）。圖 3-1 3.1.1什么是選區(qū)在 Photoshop CC 中若要對(duì)圖像的局部進(jìn)行處理，首先需要指定一個(gè)有效的編輯處理區(qū)域，這個(gè)指定的過程稱為選取，選取后形

36、成的區(qū)域即為選區(qū)。通過選擇特定的圖像區(qū)域，可以對(duì)該區(qū)域內(nèi)的圖像進(jìn)行編輯處理，并保持未選定區(qū)域不會(huì)被改變。如對(duì)人物的衣服進(jìn)行顏色調(diào)整，可以利用選區(qū)先選中衣服，然后再進(jìn)行顏色調(diào)整；或者利用選區(qū)進(jìn)行摳圖，選中需要摳取的圖像區(qū)域，然后再將其從原圖像中分離出來，并置入新的背景中，如圖3-2 所示。圖3-2 在 Photoshop 中可以創(chuàng)建兩種類型的選區(qū)：一種是普通選區(qū)，普通選區(qū)具有明顯的邊界，使用普通選區(qū)選中的圖像邊界會(huì)清晰、準(zhǔn)確，如圖 3-3 所示；另一種是羽化選區(qū)，使用羽化選區(qū)選出的圖像，其邊界會(huì)呈現(xiàn)逐漸透明的效果，使圖像的邊緣看起來不那么生硬，通常在圖像合成時(shí)會(huì)使用羽化來更好地過渡圖像，如圖 3

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

38、和魔棒工具（快捷鍵為【Shift+W】）。利用魔棒工具可以在圖像中選取某一點(diǎn)，然后將與這一點(diǎn)相同或相近顏色的點(diǎn)自動(dòng)融于選區(qū)中；利用快速選擇工具可以通過調(diào)整筆尖的大小來快速涂抹繪制選區(qū)，選區(qū)會(huì)自動(dòng)向外擴(kuò)展并查找跟隨圖像中定義的邊緣。圖3-134.“選擇并遮住”面板選擇并遮住功能是 Photoshop CC 2017 中的一個(gè)重要功能，對(duì)應(yīng)以前的調(diào)整邊緣工具。該功能可以對(duì)圖像進(jìn)行細(xì)化。圖3-173.1.3使用選框工具組摳圖選框工具主要用于選擇一些簡(jiǎn)單的、形狀明確的圖像，如圓形、橢圓形、長(zhǎng)方形、正方形，以及這些圖形的組合圖形等，下面使用選框工具組摳取空調(diào)的圖形，操作步驟如下。圖 3-18 圖 3-1

39、9圖 3-20 圖 3-21圖 3-22 圖 3-233.1.4使用磁性套索工具摳圖對(duì)于圖像簡(jiǎn)單但形狀不規(guī)則，或圖像邊緣清晰且與背景顏色相差較大的寶貝圖片，可以使用套索工具來摳圖。下面使用磁性套索工具來摳取電視圖像，操作步驟如下。圖 3-24 圖 3-253.1.5使用魔棒工具摳圖 魔棒工具摳圖主要適用于分界清晰、顏色區(qū)分明顯的圖像。 對(duì)于顏色復(fù)雜，背景顏色單一的圖像，可以先使用魔棒工具選擇背景，獲得背景選區(qū)后再反選選區(qū)，從而得到選區(qū)。下面使用魔棒工具摳取冰箱圖像，操作步驟如下。圖 3-26 圖 3-27 圖3-283.1.6應(yīng)用“選擇并遮住”工作面板“選擇并遮住”功能在摳圖應(yīng)用中使用較廣，它

40、適用于大部分圖像的摳圖，特別是細(xì)節(jié)多的圖像，如模特頭發(fā)、產(chǎn)品邊緣等。下面使用“選擇并遮住”工作面板來摳取圖像，操作步驟如下。圖 3-29 圖 3-30圖 3-31 圖 3-32圖 3-33 3.2 編輯選區(qū) 制作店鋪活動(dòng)海報(bào)需要用到多種寶貝素材，美工除了需要將這些寶貝圖像摳取出來外，還要懂得如何對(duì)這些圖像的大小、位置、展示角度等進(jìn)行調(diào)整處理。所以，為了讓摳取的寶貝圖像更好地融入背景中，必須掌握對(duì)選區(qū)進(jìn)行編輯的方法，包括變換、修改和存儲(chǔ)選區(qū)等?！菊n堂案例】制作淘寶首頁海報(bào) 淘寶的首頁海報(bào)是指店鋪首頁與計(jì)算機(jī)屏幕等寬的活動(dòng)海報(bào)，全屏大海報(bào)寬度是 1920 像素，這個(gè)數(shù)值來源于 22 寸液晶顯示器的

41、寬度，高度可以自行決定。美工在制作淘寶廣告時(shí)，將創(chuàng)建和編輯選區(qū)結(jié)合操作，能更快速地制作出需要的圖像效果，但也要結(jié)合實(shí)際情況來判斷使用何種選區(qū)的編輯操作，如羽化效果是為了讓圖像融合到背景中，但并不是每個(gè)選區(qū)都需要使用羽化操作。 本案例制作淘寶首頁海報(bào)，涉及選區(qū)的編輯操作，主要包括選區(qū)的移動(dòng)、全選、反選、修改、變換和存儲(chǔ)等。圖 3-34 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ū)操作制作海報(bào)背景在制作海報(bào)之前首先需要新建文件，然后再使用羽化選區(qū)操作來制作海報(bào)背景，操作步驟如下。圖

42、3-49圖 3-50 圖 3-51圖 3-52圖 3-53 圖 3-54圖 3-553.2.3使用“色彩范圍”對(duì)話框摳圖3.2.4填充選區(qū)圖 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），使用“色彩范圍”

43、對(duì)話框?qū)a(chǎn)品主體摳取出來，然后使用選框工具繪制選區(qū)，設(shè)置羽化值并填充黑色，為其繪制陰影，效果如圖 3-72所示（資源包 /03/ 效果 / 寶貝摳圖 .psd）。圖 3-722. 產(chǎn)品主圖打開“背景圖 .jpg”素材文件（資源包 /03/ 素材 / 背景 3.jpg），將前面摳出的產(chǎn)品圖放置在背景中，然后打開“樹葉 .jpg”素材文件（資源包 /03/ 素材 / 樹葉 .jpg），摳出樹葉，拖動(dòng)到背景圖中，復(fù)制圖層并變換圖像，效果如圖 3-73 所示（資源包 /03/ 效果 / 產(chǎn)品主圖 .psd）。圖 3-73 4.1 鋼筆工具的使用4.2 文字的輸入與編輯4.3 繪制形狀4.4 技能提升制

44、作文字效果 目錄/ContentsChapter 4第4章 路徑、圖形及文字4.5 課后練習(xí) 第4章 路徑、圖形及文字本章主要介紹路徑的繪制編輯、圖形的繪制編輯，以及文字的應(yīng)用技巧。通過本章的學(xué)習(xí)，讀者可以快速掌握繪制和編輯路徑的方法、繪制出系統(tǒng)自帶圖形的方法，以及為淘寶店鋪的裝修輸入相關(guān)文字的方法。4課堂學(xué)習(xí)目標(biāo)掌握鋼筆工具的使用方法掌握文字的輸入與編輯操作掌握?qǐng)D形的繪制方法4.1 鋼筆工具的使用【課堂案例】鋼筆復(fù)雜摳圖淘寶店鋪中商品的詳情頁面上一般會(huì)有幾張商品的主圖，主圖一般包含 46張不同角度的圖片，在編輯時(shí)淘寶會(huì)提示上傳 700700 像素以上的圖片，這樣在發(fā)布后，寶貝詳情頁的主圖才能

45、使用放大鏡功能（買家瀏覽寶貝時(shí)將鼠標(biāo)移動(dòng)到主圖某個(gè)區(qū)域，會(huì)在右邊顯示放大圖片的效果）。主圖大小一般在 500K 以內(nèi)，但也不要壓縮得太小，小了圖片會(huì)丟失細(xì)節(jié)。本案例主要制作店鋪的淘寶主圖，使讀者通過學(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-2

46、 4.1.2認(rèn)識(shí)鋼筆工具及其基本使用方法1. 認(rèn)識(shí)鋼筆工具組2繪制路徑 繪制直線 繪制曲線圖4-6圖4-73選擇和移動(dòng)路徑圖4-8圖4-94轉(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圖 4-12圖 4-13圖 4-145路徑與選區(qū)的轉(zhuǎn)換圖 4-154.1.3使用鋼筆工具組摳圖圖 4-16 圖4-17圖 4-18 圖

47、4-19 圖4-204.1.4將路徑轉(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ì)店鋪的信任感，也是最終促使顧客下單的一個(gè)重要因素，因此，詳情頁的設(shè)計(jì)也是網(wǎng)頁美工設(shè)計(jì)的重要部分。淘寶商品詳情頁的一般尺寸為寬750 像素，高不限，但并不是越長(zhǎng)越好。若商品詳情頁太長(zhǎng)，會(huì)導(dǎo)致頁面加載速度緩慢，且會(huì)引起顧客的反感。要注意的是，

48、商品的類別不同，其詳情頁包括的內(nèi)容也不同，如衣服、帽子、眼鏡等商品需在商品詳情頁上放上商品的各個(gè)尺寸，以便顧客更了解商品。本案例將制作蛋糕的淘寶詳情頁，涉及文字的輸入和編輯操作，主要包括輸入文字、創(chuàng)建變形文字和路徑文字等。本案例的產(chǎn)品詳情只是描述中的一部分，最終效果如圖 4-25 所示（資源包 /04/ 效果 / 蛋糕詳情頁 .psd）。圖 4-25 4.2.1認(rèn)識(shí)“字符”和“段落”面板1“字符”面板選擇“窗口字符”命令，打開“字符”面板，在其中可以對(duì)文字的字體、字號(hào)、字形和間距等進(jìn)行設(shè)置，其中字體、字號(hào)、字形、顏色等同文字工具屬性欄中的相應(yīng)選項(xiàng)功能相同，如圖 4-26 所示。2“段落”面板“

49、段落”面板主要用于設(shè)置段落文字，段落文字是指使用文字工具拖出一個(gè)定界框，在定界框中輸入文字。在需要輸入大量文字內(nèi)容時(shí)可以使用段落文字。打開“段落”面板，在其中可以對(duì)輸入的段落文字設(shè)置對(duì)齊方式和縮進(jìn)方式等，如圖 4-27 所示。圖 4-26圖 4-27 4.2.2 文字工具組圖 4-28圖 4-29 圖4-301. 輸入文字2. 路徑文字圖 4-30 圖 4-31圖 4-32圖 4-33 圖4-34 圖4-353. 變形文字變形文字主要是通過“變形文字”對(duì)話框進(jìn)行各種樣式的變形，在對(duì)話框中的“樣式”下拉列表框中選擇一種變形方式，然后在下方設(shè)置樣式的數(shù)值即可。要取消文字變形效果，可在對(duì)話框中的“樣

50、式”下拉列表框中選擇“無”選項(xiàng)。4. 文字選區(qū)5. 柵格化文字要將文字圖層?xùn)鸥窕梢赃x擇“文字柵格化文字圖層”命令，可以將文字圖層轉(zhuǎn)換為普通圖層，也可以使用鼠標(biāo)右鍵單擊文字圖層，然后在彈出的快捷菜單中選擇“柵格化文字”命令。圖 4-364.2.3 輸入文字圖 4-37 圖4-38圖 4-39 圖4-404.2.4輸入路徑文字圖 4-49 圖 4-50圖 4-51 圖 4-524.3 繪制形狀【課堂案例】制作淘寶優(yōu)惠券淘寶優(yōu)惠券是每個(gè)商家發(fā)出的優(yōu)惠活動(dòng)，一般在淘寶店鋪首頁的海報(bào)上顯示，美工在制作優(yōu)惠券的時(shí)候要清楚優(yōu)惠活動(dòng)內(nèi)容，是滿減還是送禮品，一般的抵用券會(huì)讓顧客購(gòu)物到一定金額才能優(yōu)惠一定的價(jià)

51、格，這些主要的文字內(nèi)容一定要寫清楚。店鋪優(yōu)惠券的尺寸可以根據(jù)實(shí)際需要自行規(guī)定，但是要保證優(yōu)惠券上的文字能被看清。本案例將制作淘寶店鋪優(yōu)惠券，涉及文字和形狀的操作，主要包括繪制形狀和輸入文字等。本案例的最終效果如圖 4-53 所示（資源包 /04/ 效果 / 優(yōu)惠券 .psd）。圖 4-53 4.3.1形狀工具1. 矩形工具圖 4-54圖 4-55圖 4-562. 圓角矩形工具與矩形工具不同的是圓角矩形工具的屬性欄中多了一個(gè)“半徑”文本框，該文本框主要用于設(shè)置圓角矩形的圓角值，數(shù)值越大，矩形的圓角越圓滑。繪制圓角矩形后，可在“屬性”面板中設(shè)置每個(gè)角的圓角半徑，如圖 4-58 所示。圖 4-57圖

52、 4-58 3. 橢圓工具4. 多邊形工具圖 4-59 圖 4-605. 直線工具圖 4-61 6. 自定義形狀工具 圖 4-62 圖 4-63 圖 4-64圖 4-65 圖4-66圖 4-69 圖 4-70 圖 4-67 圖 4-68 4.3.3繪制其他形狀 圖 4-71 圖 4-72 圖 4-73 圖 4-74 4.4 技能提升制作文字效果本章主要制作了三個(gè)淘寶廣告圖，通過本章的學(xué)習(xí)，讀者應(yīng)掌握以下內(nèi)容。（1）使用鋼筆工具摳圖和繪制路徑。（2）使用文字工具輸入文字，并設(shè)置相應(yīng)的文字屬性。（3）使用各種形狀工具繪制需要的形狀路徑。 圖 4-75 圖 4-76 圖 4-77 圖 4-78 圖

53、4-79 圖 4-80 圖 4-81 圖 4-82 圖 4-83 圖 4-84 圖 4-85 圖 4-86 4.5 課后練習(xí)1. 制作首頁活動(dòng)券模板使用形狀工具繪制形狀并設(shè)置不同的顏色，橘色框可以使用選區(qū)工具來制作，將外框載入選區(qū)，然后收縮選區(qū)，并刪除多余的圖像。最后輸入相應(yīng)的文字即可，效果如圖 4-87 所示（資源包 /04/ 效果 /活動(dòng)券模板 .psd）。 圖 4-87 2. 制作首頁熱賣商品欄新建文件，使用形狀工具繪制出大體輪廓圖，打開“練習(xí)”素材文件夾（資源包 /04/ 素材 / 練習(xí)），將其中的素材分別放置在合適位置，然后使用文字工具輸入文字，效果如圖 4-88 所示（資源包 /0

54、4/ 效果 / 寶貝描述 .psd）。 圖 4-885.1 顏色填充 5.2 畫筆載入及預(yù)設(shè) 5.3 橡皮擦工具的使用 5.4 技能提升 目錄/ContentsChapter 5第5章 繪制圖像 5.5 課后練習(xí) 第5章 繪制圖像 本章將介紹顏色填充、畫筆工具組和橡皮擦工具組的相關(guān)知識(shí)，包括使用工具填充顏色、使用畫筆工具組繪制圖層，以及使用橡皮擦工具組摳取簡(jiǎn)單圖像等。通過本章的學(xué)習(xí)，讀者可以掌握多種顏色填充的方法，以及繪制圖像的方法。 4課堂學(xué)習(xí)目標(biāo)掌握顏色填充的多種方法掌握使用畫筆工具組繪制圖像的方法掌握使用橡皮擦工具組摳取圖像的方法 5.1 顏色填充【課堂案例】繪制海報(bào)背景圖像淘寶店鋪首頁

55、的設(shè)計(jì)最能吸引顧客，其活動(dòng)、優(yōu)惠券、熱賣商品等會(huì)在店鋪的首頁推廣，首頁海報(bào)上不僅有海報(bào)主題文字、商品等，海報(bào)的搭配素材也非常重要，讀者可以通過網(wǎng)絡(luò)上的素材網(wǎng)站獲取這些素材，也可自己繪制需要的素材圖像。本案例主要制作店鋪海報(bào)的背景圖像，使讀者通過學(xué)習(xí)，掌握不同顏色填充的方法。本案例的最終效果如圖 5-1 所示（資源包 /05/ 效果 / 海報(bào)背景 .psd） 圖5-15.1.1圖像填充工具 1. 漸變工具 2. 油漆桶工具 圖 5-2 圖 5-3 3. 吸管工具 圖 5-6 圖 5-7 4.“填充”和“描邊”命令 圖 5-8 圖 5-9 將需要描邊的圖像使用選區(qū)選中后，選擇“編輯描邊”命令，打開

56、“描邊”對(duì)話框，在其中的“描邊”欄中可設(shè)置描邊的顏色、寬度；在“位置”欄中可設(shè)置描邊相對(duì)于區(qū)域邊緣的位置，包括內(nèi)部、居中和居外 3 個(gè)單選項(xiàng)；在“混合”欄中可設(shè)置描邊的模式、不透明度等，如圖 5-10 所示。 圖 5-10 5.1.2應(yīng)用漸變工具圖 5-11 圖5-12圖 5-13 圖5-14圖5-155.1.3應(yīng)用油漆桶工具 圖 5-16 圖5-17圖 5-18 圖5-19圖 5-20 5.2 畫筆載入及預(yù)設(shè)使用 Photoshop 中的畫筆工具可以繪制不同的繪畫效果，通過對(duì)畫筆的不同設(shè)置可以繪制不同的線條，在美工設(shè)計(jì)中可以結(jié)合輔助工具（如數(shù)位板）繪制插圖、美化商品等。而鉛筆工具可以繪制出各

57、種硬邊效果的圖像。 【課堂案例】制作毛筆文字淘寶店鋪每隔一段時(shí)間都會(huì)推出不同的促銷活動(dòng)，而每個(gè)促銷活動(dòng)都有不同的文字主題，這些文字主題可以通過計(jì)算機(jī)中安裝的字體添加特效來美化，也可選擇字體后結(jié)合畫筆工具來制作。當(dāng)下的設(shè)計(jì)中，使用的許多文字字體都是仿毛筆字，但在 Photoshop 中直接寫出毛筆手寫字體有很大的困難，這時(shí)就可以結(jié)合字體和筆刷來制作逼真的毛筆手寫效果。本案例將制作毛筆文字，涉及畫筆工具的使用以及設(shè)置筆刷等操作。 本案例的最終效果如圖 5-21 所示（資源包 /05/ 效果 / 毛筆字背景 .psd）。 圖 5-21 5.2.1應(yīng)用畫筆工具 1畫筆工具屬性欄 2. 鉛筆工具 圖 5

58、-25 圖 5-22 3自定義筆刷4載入筆刷 圖 5-26 圖 5-27 圖 5-28 圖 5-29 5.2.2 使用畫筆繪制 圖 5-30 圖 5-31 圖 5-32 圖 5-33 圖 5-34 圖 5-35 圖 5-36 圖 5-37 5.3 橡皮擦工具的使用使用橡皮擦工具可以擦除圖像的顏色，同時(shí)在擦除位置上填入背景色或變?yōu)橥该?。因此，?duì)于一些簡(jiǎn)單的要求效果不太高的圖像，可以使用橡皮擦工具來摳取?！菊n堂案例】摳取簡(jiǎn)單圖像在前面的章節(jié)中講解了多種摳圖方法，除了使用講解過的工具來摳圖外，還可使用橡皮擦工具來摳圖，特別是在制作風(fēng)景合成圖時(shí)尤為適用。本案例將制作女鞋主圖，在制作中會(huì)使用到魔術(shù)橡皮擦

59、工具、文字工具等。本案例的最終效果如圖 5-38 所示（資源包 /05/ 效果 / 女鞋主圖 .psd）。 圖 5-38 5.3.1 擦除工具 1. 橡皮擦工具 2. 背景橡皮擦工具 圖 5-39 圖 5-40 3. 魔術(shù)橡皮擦工具 圖 5-41 5.3.2 使用魔術(shù)橡皮擦工具摳圖 圖 5-43 圖 5-44 圖 5-45 圖 5-46 圖 5-47 圖 5-48 5.4 技能提升本章主要制作了三個(gè)淘寶相關(guān)效果圖，并在這三個(gè)案例中分別介紹了繪制圖像的相關(guān)知識(shí)，通過本章的學(xué)習(xí)，讀者應(yīng)掌握以下內(nèi)容。（1）使用漸變工具、油漆桶工具和相關(guān)命令填充和描邊顏色等。（2）使用畫筆工具繪制圖像。（3）使用橡皮

60、擦工具摳取簡(jiǎn)單圖像等。 完成了以上知識(shí)點(diǎn)的學(xué)習(xí)，下面通過兩個(gè)實(shí)例的操作來復(fù)習(xí)和鞏固所學(xué)知識(shí)，提升技能。水彩和光斑效果能在美工設(shè)計(jì)圖片背景時(shí)使用。1. 背景水彩效果 圖 5-49 圖 5-50 圖 5-51 圖 5-52 圖 5-53 2. 制作光斑效果 圖 5-54 圖 5-55 圖 5-56 圖 5-57 圖 5-58 圖 5-59圖 5-605.5 課后練習(xí)1. 制作海報(bào)主題打開本章制作的“海報(bào)背景 .psd”圖像文件，然后使用矩形工具和鋼筆工具繪制相應(yīng)形狀，并使用漸變工具填充相應(yīng)的顏色，最后使用文字工具輸入主題文字，效果如圖 5-62 所示（資源包 /05/ 效果/ 海報(bào)主題 .psd）