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

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

2、 4課堂學習目標了解網(wǎng)店美工必備職業(yè)技能 了解Photoshop的基本概念 掌握Photoshop的基本知識 1.1 網(wǎng)店美工必備職業(yè)技能網(wǎng)店美工是網(wǎng)店網(wǎng)站頁面美化工作者的統(tǒng)稱，主要工作內(nèi)容是設(shè)計和美化網(wǎng)站頁面、制作網(wǎng)店促銷海報、把物品照片制作成寶貝描述中需要的圖片、設(shè)計電子宣傳單等。 1.1.1選擇圖片和素材 網(wǎng)店裝修中除了商品本身的照片外，畫面的修飾素材也必不可少，這些修飾素材往往會讓畫面更加生動絢麗，呈現(xiàn)出更加豐富的視覺元素，從而吸引顧客目光，如圖 1-1 所示。 圖 1-1 1.1.2搭配色彩色彩能夠影響顧客對商品風格和形象的判斷，圖 1-2 所示為品牌無印良品旗艦店的產(chǎn)品圖，它的產(chǎn)品

3、注重純樸、簡潔、環(huán)保、以人為本等理念，因此在產(chǎn)品的顏色搭配應自然簡約。色彩中不能再分解的三種基本顏色被稱為三原色，三原色指的是紅色（Red）、綠色（Green）和藍色（Blue），也就是 RGB 顏色模型。圖 1-3 所示為色輪，下面介紹基于色輪可以得到的基本色彩組合。 圖 1-2 圖 1-3 互補色：互補色是指色輪上互呈 180角的顏色。如藍色和橙色、紅色和綠色、黃色和紫色等。 相似色：相似色是指色輪上相鄰的三個顏色。一些很好的色彩組合有：藍綠色、藍色和藍紫色；還有黃綠色、黃色和橘黃色，如圖 1-5 所示。 對比色：對比色是指色環(huán)上間隔 120角的兩種顏色，同時對比色灰度的變化也是對比色關(guān)系

4、，如紅黃藍、橙黃和青綠、橙色與紫色等，視覺效果也很強烈。圖 1-4 圖 1-5 影響色彩的三要素包括色相、明度和純度，它們決定了色彩的暖色調(diào)、中間調(diào)和冷色調(diào)等。下面分別對這三要素進行介紹，如圖 1-6 所示。 色相：色相是各類色彩的相貌稱謂，如大紅、普藍、檸檬黃等。色相是色彩的首要特征，是區(qū)別各種不同色彩最準確的標準。明度：色彩明度是指色彩的亮度或明度。顏色有深淺、明暗的變化。純度：色彩純度是指原色在色彩中所占據(jù)的百分比。 圖 1-6 1.1.3合理布局網(wǎng)頁模塊 一個店鋪首頁主要由店招、導航條、海報（全屏海報和產(chǎn)品促銷輪播海報）、產(chǎn)品分類或優(yōu)惠券、客服旺旺、產(chǎn)品展示區(qū)、店鋪頁尾、店鋪背景等幾部

5、分組成，如圖 1-7 所示。圖 1-8 所示為淘寶網(wǎng)上一個完整的店鋪首頁。 圖 1-7 圖 1-8 1.1.4巧用文字變形 通過不同的手法來創(chuàng)作，可打造出更具有表現(xiàn)力的文字造型，如制作立體文字、變形文字和發(fā)光文字等，如圖 1-9所示。 圖 1-9 1.1.5應用創(chuàng)意設(shè)計創(chuàng)意設(shè)計，是把再簡單不過的東西或想法不斷延伸的一種表現(xiàn)方式，在美工設(shè)計的過程中，在簡單文字和圖形的基礎(chǔ)上再深入簡化圖形的非重要部分，更精煉化主要部分，可使圖形在傳達過程中便于記憶。1.2 了解 Photoshop 的基本概念 1.2.1像素和分辨率 1像素像素即 pixel，簡稱 px，是構(gòu)成位圖的基本單位，也是屏幕中最小的點。

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

7、率也不同。屏幕分辨率越高，所呈現(xiàn)的色彩越多，清晰度越高。 1.2.2 圖像的顏色模式 RGB 模式：RGB 模式是工業(yè)界的一種顏色標準 , 通過對紅（R）、綠（G）、藍（B）3 個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色，RGB 即代表紅、綠、藍 3 個通道的顏色，這個標準幾乎包括了人類視力所能感知的所有顏色，是目前運用最為廣泛的顏色系統(tǒng)之一，也是最適于在屏幕上觀看的顏色模式，如圖 1-12 所示。 CMYK 模式：CMYK 模式是最佳的打印模式。CMYK 代表印刷上用的四種顏色，C 代表青色（Cyan），M 代表洋紅色（Magenta），Y 代表黃色（Yellow），K 代表

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

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

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

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

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

13、尺使用標尺可以在處理圖像時精確定位鼠標指針的位置和對圖像進行選擇，選擇“視圖標尺”命令或按【Ctrl+R】組合鍵，可以顯示或隱藏標尺，圖 1-31 所示為顯示出的標尺。選擇“編輯首選項單位與標尺”命令，或在圖像窗口中的標尺上雙擊，打開“首選項”對話框，在此對話框中可對標尺的相關(guān)參數(shù)進行設(shè)置，如圖 1-32 所示。 圖 1-31 圖 1-32 1.5.2 編輯商品圖像參考線參考線是浮在圖像上不可打印的線，主要用于對圖像進行精確定位和對齊，根據(jù)設(shè)計需要可以添加、移動、刪除和鎖定參考線等。 1.5.3 設(shè)置網(wǎng)格線設(shè)置網(wǎng)格線可幫助美工在繪制形狀等操作時準確定位，選擇“視圖顯示網(wǎng)格”命令，可以顯示或隱藏

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

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

16、”按鈕 即可新建圖像，如圖 2-2 所示。圖 2-2 2.1.2打開商品圖像文件在編輯圖像前，需要先打開圖像文件，在“開始”工作區(qū)，單擊最近打開的文件的縮略圖可打開之前打開過的圖像文件，或可單擊 按鈕（快捷鍵為【Ctrl+O】組合鍵）打開“打開”對話框，如圖 2-4 所示。圖 2-4 2.1.3保存商品圖像文件選擇“文件存儲”命令，或按【Ctrl+S】組合鍵，可以存儲文件。當對圖像文件進行第一次存儲時，選擇“文件存儲”命令，將打開“另存為”對話框，在其中可以設(shè)置文件的存儲位置、存儲名稱和文件格式，單擊 按鈕即可存儲圖像文件，如圖 2-5 所示。圖 2-52.1.4關(guān)閉圖像文件將圖像文件存儲后，

17、可以將其關(guān)閉。單擊圖像窗口標題欄上的“關(guān)閉”按鈕，或選擇“文件關(guān)閉”命令（快捷鍵為【Ctrl+W】組合鍵），都可關(guān)閉當前的圖像文件。關(guān)閉圖像時，若當前文件被修改過或是新建的文件，則會打開提示對話框，如圖 2-6 所示，用戶可以根據(jù)需要單擊相應的按鈕進行操作。圖 2-6 2.2 編輯商品圖像2.2.1 調(diào)整商品圖像尺寸調(diào)整商品圖像的尺寸主要是指修改圖像的大小和畫布的大小，這都是通過“圖像”菜單中的命令進行調(diào)整的。1. 調(diào)整圖像尺寸圖像的大小和圖像像素以及分辨率有著密切關(guān)系，通過調(diào)整圖像的像素和分辨率大小，可以改變圖像的大小。任意打開一個圖像文件，選擇“圖像圖像大小”命令，或按【Alt+Ctrl+

18、I】組合鍵，打開“圖像大小”對話框，如圖 2-7 所示。圖 2-7 2. 調(diào)整畫布尺寸畫布是指繪制和編輯圖像的工作區(qū)域。選擇“圖像畫布大小”命令，或按【Alt+Ctrl+C】組合鍵，打開“畫布大小”對話框，如圖2-8所示。圖2-82.2.2 商品圖像的裁切為了突出商品，有時需要對商品圖像周圍多出的區(qū)域進行裁切。選中工具箱中的裁剪工具 ，其屬性欄如圖 2-9 所示。圖 2-9 圖 2-12 圖 2-13圖 2-14 圖 2-152.2.3 商品圖像的變換在編輯商品圖像時，若商品圖像的角度、大小不合適，可以通過變換圖像來更改。選擇“編輯變換”命令，在打開的子菜單中顯示了圖像的各種變換操作，如圖 2

19、-16 所示。1. 縮放選擇“編輯變換縮放”命令，顯示變換控制框，將鼠標移到變換框四個角的控制點上，當鼠標指針變?yōu)?形狀時按住鼠標左鍵不放并拖動，可以對圖像進行縮放，如圖 2-17 所示。圖 2-16 圖 2-17 2. 旋轉(zhuǎn)選擇“編輯變換旋轉(zhuǎn)”命令，顯示變換控制框，將鼠標指針移到變換框四個角的控制點上，當鼠標指針變?yōu)?形狀時按住鼠標左鍵不放并拖動，可以對圖像進行旋轉(zhuǎn)。按住【Shift】鍵不放并拖動控制點，可以每次旋轉(zhuǎn) 15。 3. 斜切選擇“編輯變換斜切”命令，顯示變換控制框，將鼠標指針移到變換框外，當鼠標指針變?yōu)樾螤顣r按住鼠標左鍵不放并拖動，可以對圖像進行斜切，如圖 2-18 所示。圖 2

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

21、平翻轉(zhuǎn)”命令，可以對圖像進行水平翻轉(zhuǎn)；選擇“編輯變換垂直翻轉(zhuǎn)”命令，可以對圖像進行垂直翻轉(zhuǎn)。8. 自由變換在實際操作中，一個一個去選擇相應的菜單命令太麻煩，這時可以使用“自由變換”命令來操作。選擇“編輯自由變換”命令，或按【Ctrl+T】組合鍵來對圖像進行變換操作。在自由變換狀態(tài)下配合【Ctrl】【Shift】【Alt】鍵，可以對圖像進行縮放、旋轉(zhuǎn)、透視等操作。其中【Ctrl】鍵控制自由變化；【Shift】鍵控制方向、角度和等比例放大縮?。弧続lt】鍵控制中心對稱。2.2.4 圖像編輯操作的恢復與還原在編輯圖像的過程中，難免會出現(xiàn)一些誤操作，這時便需要對編輯操作進行撤銷或還原。主要可以通過菜單

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

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

24、則可選中兩個圖層之間的所有圖層，如圖 2-26 所示；按住【Ctrl】鍵依次單擊圖層可選擇多個不連續(xù)的圖層，如圖 2-27 所示。在“圖層”面板中“背景”圖層下方的空白區(qū)域中單擊可取消選擇圖層；選擇“選擇取消選擇圖層”命令也可取消選擇圖層。圖 2-26 圖 2-272. 重命名圖層Photoshop 中圖層的名稱默認是以“圖層 1，圖層 2”的順序進行命名的，但這樣不利于操作時分辨圖層中的內(nèi)容，因此，可以將圖層的名稱更改為更具有辨識意義的名稱。在“圖層”面板中雙擊圖層名稱，此時圖層名稱處于可修改狀態(tài)，如圖 2-28 所示；輸入新的名稱按【Enter】鍵或在面板空白處單擊即可確認修改，如圖 2-

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

26、柵格化才能操作，Photoshop 會提醒用戶需要對該圖層柵格化后才能繼續(xù)進行編輯操作，如圖 2-34 所示。圖 2-33 圖 2-342.3.5 對齊、分布和排列圖層在實際設(shè)計時，除了使用參考線、網(wǎng)格等來對齊圖像外，還可通過對齊與分布來對齊圖像。在對圖像進行分布和對齊時，首先要選中這些圖像所在的圖層或?qū)D層進行鏈接，然后選擇“圖層對齊”或“圖層分布”菜單中的子命令來進行對齊和分布操作。2.3.6 合并圖層和蓋印圖層1. 合并圖層 向下合并 合并可見圖層 拼合圖像2. 蓋印圖層蓋印圖層，是指將多個圖層合并到一個新的圖層中，其他圖層不變。選擇要蓋印的圖層，按【Ctrl+Alt+E】組合鍵，可以得

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

28、otoshop 中部分操作都同設(shè)置的前景色和背景色有著密切的關(guān)系。如使用畫筆工具在圖像中進行繪畫時，使用的是前景色；使用橡皮擦工具擦除背景圖層時，使用的是背景色來填充擦除區(qū)域。2.4.1 使用工具箱中的顏色工具設(shè)置前景色和背景色2.4.2 使用“拾色器”對話框設(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】用默認設(shè)置創(chuàng)建新文件 【Ctrl+Alt+N】打開

29、已有的圖像 【Ctrl+O】打開為 . 【Ctrl+Alt+O】關(guān)閉當前圖像 【Ctrl+W】保存當前圖像 【Ctrl+S】另存為 . 【Ctrl+Shift+S】存儲為 Web 所用格式 【Ctrl+Alt+Shift+S】頁面設(shè)置 【Ctrl+Shift+P】打印 【Ctrl+P】打開“預置”對話框 【Ctrl+K】2. 選擇全部選取 【Ctrl+A】取消選擇 【Ctrl+D】重新選擇 【Ctrl+Shift+D】羽化選擇 【Shift+F6】反向選擇 【Ctrl+Shift+I】路徑變選區(qū)，數(shù)字鍵盤的 【Ctrl+Enter】載入選區(qū) 【Ctrl】+ 點擊圖層、路徑、通道面板中的縮略圖3

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

31、行 【Shift+ / 】5. 編輯操作還原 / 重做前一步操作 【Ctrl+Z】還原兩步以上操作 【Ctrl+Alt+Z】重做兩步以上操作 【Ctrl+Shift+Z】剪切選取的圖像或路徑 【Ctrl+X】或【F2】復制選取的圖像或路徑 【Ctrl+C】合并復制 【Ctrl+Shift+C】將剪貼板的內(nèi)容粘到當前圖形中 【Ctrl+V】或【F4】將剪貼板的內(nèi)容粘到選框中 【Ctrl+Shift+V】自由變換 【Ctrl+T】應用自由變換 ( 在自由變換模式下 ) 【Enter】從中心或?qū)ΨQ點開始變換 ( 在自由變換模式下 ) 【Alt】限制 ( 在自由變換模式下 ) 【Shift】扭曲 (

32、在自由變換模式下 ) 【Ctrl】取消變形 ( 在自由變換模式下 ) 【Esc】自由變換復制的像素數(shù)據(jù) 【Ctrl+Shift+T】再次變換復制的像素數(shù)據(jù)并建立一個副本 【Ctrl+Shift+Alt+T】刪除選框中的圖案或選取的路徑 【Delete】用背景色填充所選區(qū)域或整個圖層 【Ctrl+BackSpace】或【Ctrl+Delete】用前景色填充所選區(qū)域或整個圖層 【Alt+BackSpace】或【Alt+Delete】彈出“填充”對話框 【Shift+BackSpace】從歷史記錄中填充 【Alt+Ctrl+Backspace】6. 圖像調(diào)整調(diào)整色階 【Ctrl+L】自動調(diào)整色階 【

33、Ctrl+Shift+L】打開曲線調(diào)整對話框 【Ctrl+M】打開“色彩平衡”對話框 【Ctrl+B】打開“色相 / 飽和度”對話框 【Ctrl+U】去色 【Ctrl+Shift+U】反相 【Ctrl+I】7. 圖層操作從對話框新建一個圖層 【Ctrl+Shift+N】以默認選項建立一個新的圖層 【Ctrl+Alt+Shift+N】通過復制建立一個圖層 【Ctrl+J】通過剪切建立一個圖層 【Ctrl+Shift+J】與前一圖層編組 【Ctrl+G】取消編組 【Ctrl+Shift+G】向下合并或合并鏈接圖層 【Ctrl+E】合并可見圖層 【Ctrl+Shift+E】蓋印或蓋印鏈接圖層 【Ct

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

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

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

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

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

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

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

41、寬度，高度可以自行決定。美工在制作淘寶廣告時，將創(chuàng)建和編輯選區(qū)結(jié)合操作，能更快速地制作出需要的圖像效果，但也要結(jié)合實際情況來判斷使用何種選區(qū)的編輯操作，如羽化效果是為了讓圖像融合到背景中，但并不是每個選區(qū)都需要使用羽化操作。 本案例制作淘寶首頁海報，涉及選區(qū)的編輯操作，主要包括選區(qū)的移動、全選、反選、修改、變換和存儲等。圖 3-34 3.2.1調(diào)整選區(qū)和“色彩范圍”對話框1移動選區(qū)2全選和反選選區(qū)3修改選區(qū)4變換選區(qū)5存儲選區(qū)6載入選區(qū)7. 填充選區(qū)8. 色彩范圍3.2.2 利用反選和羽化選區(qū)操作制作海報背景在制作海報之前首先需要新建文件，然后再使用羽化選區(qū)操作來制作海報背景，操作步驟如下。圖

42、3-49圖 3-50 圖 3-51圖 3-52圖 3-53 圖 3-54圖 3-553.2.3使用“色彩范圍”對話框摳圖3.2.4填充選區(qū)圖 3-63 圖 3-64圖 3-653.3 技能提升為書籍繪制陰影本章主要制作了兩個淘寶促銷廣告，并在這兩個案例中分別介紹了選區(qū)的相關(guān)知識，通過本章的學習，讀者應掌握以下內(nèi)容。（1）常用選區(qū)工具有哪些？選框工具、套索工具、魔棒工具等。（2）如何判斷用哪種選區(qū)工具摳取寶貝圖像？（3）編輯選區(qū)的方法：圖像大小、位置、效果、角度等。3.4 課后練習1. 寶貝摳圖打開“寶貝摳圖 .jpg”素材文件（資源包 /03/ 素材 / 寶貝摳圖 .jpg），使用“色彩范圍”

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

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

45、使用放大鏡功能（買家瀏覽寶貝時將鼠標移動到主圖某個區(qū)域，會在右邊顯示放大圖片的效果）。主圖大小一般在 500K 以內(nèi)，但也不要壓縮得太小，小了圖片會丟失細節(jié)。本案例主要制作店鋪的淘寶主圖，使讀者通過學習鋼筆工具的使用方法，可以精確創(chuàng)建選區(qū)，然后摳取復雜圖像。本案例的最終效果如圖 4-1 所示（資源包/04/ 效果 / 淘寶主圖）。圖4-14.1.1認識“路徑”面板使用鋼筆工具和形狀工具等繪制的路徑都會被保存在“路徑”面板中，在其中顯示了當前工作路徑、存儲的路徑和當前矢量蒙版的名稱及縮略圖。因此，在學習使用鋼筆工具繪制形狀前，需要對“路徑”面板中的各個工具有所了解，如圖 4-2 所示。圖 4-2

46、 4.1.2認識鋼筆工具及其基本使用方法1. 認識鋼筆工具組2繪制路徑 繪制直線 繪制曲線圖4-6圖4-73選擇和移動路徑圖4-8圖4-94轉(zhuǎn)換錨點類型路徑包含 4 種錨點類型，分別為直線錨點、平滑錨點、拐點錨點和復合錨點。改變錨點的類型可以調(diào)整路徑的形狀。直線錨點沒有方向控制柄，用于連接兩個直線段；平滑錨點有兩個方向控制柄，且都在一條直線上；拐點錨點有兩個方向控制柄，且不在一條直線上；復合錨點只有一個方向控制柄，如圖 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è)計中是不可缺少的一部分，成功地運用文字可以點明主題，增強畫面感染力，是非常有效的宣傳手段之一。本節(jié)將對文字的輸入和編輯進行講解。【課堂案例】制作淘寶詳情頁淘寶詳情頁是商品的描述頁面，優(yōu)秀的淘寶詳情頁可以激發(fā)顧客的消費欲望，樹立顧客對店鋪的信任感，也是最終促使顧客下單的一個重要因素，因此，詳情頁的設(shè)計也是網(wǎng)頁美工設(shè)計的重要部分。淘寶商品詳情頁的一般尺寸為寬750 像素，高不限，但并不是越長越好。若商品詳情頁太長，會導致頁面加載速度緩慢，且會引起顧客的反感。要注意的是，

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

49、段落”面板主要用于設(shè)置段落文字，段落文字是指使用文字工具拖出一個定界框，在定界框中輸入文字。在需要輸入大量文字內(nèi)容時可以使用段落文字。打開“段落”面板，在其中可以對輸入的段落文字設(shè)置對齊方式和縮進方式等，如圖 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. 變形文字變形文字主要是通過“變形文字”對話框進行各種樣式的變形，在對話框中的“樣式”下拉列表框中選擇一種變形方式，然后在下方設(shè)置樣式的數(shù)值即可。要取消文字變形效果，可在對話框中的“樣

50、式”下拉列表框中選擇“無”選項。4. 文字選區(qū)5. 柵格化文字要將文字圖層柵格化，可以選擇“文字柵格化文字圖層”命令，可以將文字圖層轉(zhuǎn)換為普通圖層，也可以使用鼠標右鍵單擊文字圖層，然后在彈出的快捷菜單中選擇“柵格化文字”命令。圖 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)惠券是每個商家發(fā)出的優(yōu)惠活動，一般在淘寶店鋪首頁的海報上顯示，美工在制作優(yōu)惠券的時候要清楚優(yōu)惠活動內(nèi)容，是滿減還是送禮品，一般的抵用券會讓顧客購物到一定金額才能優(yōu)惠一定的價

51、格，這些主要的文字內(nèi)容一定要寫清楚。店鋪優(yōu)惠券的尺寸可以根據(jù)實際需要自行規(guī)定，但是要保證優(yōu)惠券上的文字能被看清。本案例將制作淘寶店鋪優(yōu)惠券，涉及文字和形狀的操作，主要包括繪制形狀和輸入文字等。本案例的最終效果如圖 4-53 所示（資源包 /04/ 效果 / 優(yōu)惠券 .psd）。圖 4-53 4.3.1形狀工具1. 矩形工具圖 4-54圖 4-55圖 4-562. 圓角矩形工具與矩形工具不同的是圓角矩形工具的屬性欄中多了一個“半徑”文本框，該文本框主要用于設(shè)置圓角矩形的圓角值，數(shù)值越大，矩形的圓角越圓滑。繪制圓角矩形后，可在“屬性”面板中設(shè)置每個角的圓角半徑，如圖 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 技能提升制作文字效果本章主要制作了三個淘寶廣告圖，通過本章的學習，讀者應掌握以下內(nèi)容。（1）使用鋼筆工具摳圖和繪制路徑。（2）使用文字工具輸入文字，并設(shè)置相應的文字屬性。（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 課后練習1. 制作首頁活動券模板使用形狀工具繪制形狀并設(shè)置不同的顏色，橘色框可以使用選區(qū)工具來制作，將外框載入選區(qū)，然后收縮選區(qū)，并刪除多余的圖像。最后輸入相應的文字即可，效果如圖 4-87 所示（資源包 /04/ 效果 /活動券模板 .psd）。 圖 4-87 2. 制作首頁熱賣商品欄新建文件，使用形狀工具繪制出大體輪廓圖，打開“練習”素材文件夾（資源包 /04/ 素材 / 練習），將其中的素材分別放置在合適位置，然后使用文字工具輸入文字，效果如圖 4-88 所示（資源包 /0

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

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

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

57、種硬邊效果的圖像。 【課堂案例】制作毛筆文字淘寶店鋪每隔一段時間都會推出不同的促銷活動，而每個促銷活動都有不同的文字主題，這些文字主題可以通過計算機中安裝的字體添加特效來美化，也可選擇字體后結(jié)合畫筆工具來制作。當下的設(shè)計中，使用的許多文字字體都是仿毛筆字，但在 Photoshop 中直接寫出毛筆手寫字體有很大的困難，這時就可以結(jié)合字體和筆刷來制作逼真的毛筆手寫效果。本案例將制作毛筆文字，涉及畫筆工具的使用以及設(shè)置筆刷等操作。 本案例的最終效果如圖 5-21 所示（資源包 /05/ 效果 / 毛筆字背景 .psd）。 圖 5-21 5.2.1應用畫筆工具 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 橡皮擦工具的使用使用橡皮擦工具可以擦除圖像的顏色，同時在擦除位置上填入背景色或變?yōu)橥该?。因此，對于一些簡單的要求效果不太高的圖像，可以使用橡皮擦工具來摳取?！菊n堂案例】摳取簡單圖像在前面的章節(jié)中講解了多種摳圖方法，除了使用講解過的工具來摳圖外，還可使用橡皮擦工具來摳圖，特別是在制作風景合成圖時尤為適用。本案例將制作女鞋主圖，在制作中會使用到魔術(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 技能提升本章主要制作了三個淘寶相關(guān)效果圖，并在這三個案例中分別介紹了繪制圖像的相關(guān)知識，通過本章的學習，讀者應掌握以下內(nèi)容。（1）使用漸變工具、油漆桶工具和相關(guān)命令填充和描邊顏色等。（2）使用畫筆工具繪制圖像。（3）使用橡皮

60、擦工具摳取簡單圖像等。 完成了以上知識點的學習，下面通過兩個實例的操作來復習和鞏固所學知識，提升技能。水彩和光斑效果能在美工設(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 課后練習1. 制作海報主題打開本章制作的“海報背景 .psd”圖像文件，然后使用矩形工具和鋼筆工具繪制相應形狀，并使用漸變工具填充相應的顏色，最后使用文字工具輸入主題文字，效果如圖 5-62 所示（資源包 /05/ 效果/ 海報主題 .psd）