《Photoshop網(wǎng)店美工實(shí)例教程(第2版)》教案

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

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

一、網(wǎng)店美工設(shè)計(jì)四大要點(diǎn)

二、Photoshop的基本概念

三、PhotoshopCS6的工作界面

四、調(diào)整Photoshop視圖

教學(xué)內(nèi)容

五、應(yīng)用輔助工具

六、設(shè)置前景色與背景色

七、常用圖標(biāo)匯總

八、常用快捷鍵匯總

【知識目標(biāo)】

1．了解網(wǎng)店美工設(shè)計(jì)的四大要點(diǎn)。

2．了解Photoshop的基本概念。

教學(xué)要求

3．熟悉Photoshop的工作界面和視圖模式。

4．掌握輔助工具的使用方法。

5．掌握設(shè)置前景色與背景色的方法。

1．熟悉Photoshop的工作界面和各種視圖。

教學(xué)重點(diǎn)2．學(xué)會Photoshop輔助工具的應(yīng)用。

3．學(xué)會通過不同的方法設(shè)置圖像顏色。

1．學(xué)會Photoshop輔助工具的應(yīng)用。

教學(xué)難點(diǎn)

2．學(xué)會通過不同的方法設(shè)置圖像顏色。

教學(xué)方法講授法、案例法

課時數(shù)4課時

教學(xué)內(nèi)容

第一節(jié)網(wǎng)店美工設(shè)計(jì)四大要點(diǎn)

網(wǎng)店美工設(shè)計(jì)四大要點(diǎn)：

1

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

（一）圖片素材

在對網(wǎng)店進(jìn)行裝修之前，首先要獲取大量的圖片素材，這些素材包括商品照片和各種

修飾頁面的素材。

（二）色彩搭配

在網(wǎng)店裝修設(shè)計(jì)中，常用的配色方法主要有同一色相配色、類似色相配色、相反色相

配色、補(bǔ)色色相配色、漸變效果配色和重色調(diào)配色。

（三）合理布局

將商品頁面的組成要素進(jìn)行合理的排布，以達(dá)到吸引買家的目的，這就是網(wǎng)店裝修設(shè)

計(jì)的頁面布局。

（四）創(chuàng)意文字

在網(wǎng)店裝修過程中，為了讓主題文字富有藝術(shù)感和設(shè)計(jì)感，在設(shè)計(jì)時通常會對文字進(jìn)

行創(chuàng)意設(shè)計(jì)。

第二節(jié)Photoshop的基本概念

一、像素與分辨率

（一）像素

像素是構(gòu)成位圖的基本單位，一張位圖是由在水平及垂直方向上的若干個像素組成

的。

（二）圖像分辨率

圖像分辨率，即圖像中每個單位面積內(nèi)像素的多少，通常用“像素/英寸”（ppi）或“像

素/厘米”表示。

二、圖像的顏色模式

（一）RGB顏色模式

RGB顏色模式是工業(yè)界的一種顏色標(biāo)準(zhǔn)，通過紅（R）、綠（G）、藍(lán)（B）3個顏色通

道的變化，以及它們相互之間的疊加來得到各式各樣的顏色。

（二）CMYK顏色模式

CMYK顏色模式，也稱印刷顏色模式，是一種依靠反光表現(xiàn)的顏色模式。

（三）灰度顏色模式

灰度顏色模式是用0~255的不同灰度值來表示圖像，0表示黑色，255表示白色，其他

值代表黑、白中間過渡的灰色，不包含顏色。

第三節(jié)PhotoshopCS6的工作界面

一、工具箱

（一）選擇工具

（二）顯示隱藏的工具

二、工具屬性欄

工具屬性欄位于菜單欄的下方，主要用于設(shè)置工具的參數(shù)屬性。

三、面板

（一）打開面板

2

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

（二）展開和折疊面板

（三）分離與合并面板

（四）關(guān)閉面板和面板菜單

四、狀態(tài)欄

狀態(tài)欄位于工作界面的底部，可以顯示圖像的視圖比例、當(dāng)前文檔的大小、當(dāng)前使用

的工具等信息，極大地方便了用戶查看圖像信息。

第四節(jié)調(diào)整Photoshop視圖

一、切換商品圖像編輯窗口

在操作過程中，為了能夠更方便地操作和更好地查看圖像效果，可以通過切換圖像的

顯示模式來查看圖像。

二、調(diào)整商品圖像顯示比例

（一）使用狀態(tài)欄調(diào)整圖像顯示比例

（二）使用縮放工具調(diào)整圖像顯示比例

三、移動商品圖像顯示畫面

（一）使用抓手工具移動畫面

（二）使用滾動條移動畫面

第五節(jié)應(yīng)用輔助工具

一、顯示商品圖像標(biāo)尺

在PhotoshopCS6中，為了在處理圖像時能夠精確定位鼠標(biāo)指針的位置和對圖像進(jìn)行選

擇，可以使用標(biāo)尺來協(xié)助完成相關(guān)操作。

二、編輯商品圖像參考線

（一）新建參考線

（二）移動與刪除參考線

第六節(jié)設(shè)置前景色與背景色

一、使用工具箱中的顏色工具

在工具箱中有一個設(shè)置前景色和背景色的工具，用戶可以通過該工具來設(shè)置當(dāng)前使用

的前景色和背景色。

二、使用“拾色器”對話框設(shè)置前景色和背景色

通過“拾色器”對話框設(shè)置前景色和背景色是最常用的選擇顏色的方法。

三、使用“顏色”面板設(shè)置前景色和背景色

單擊“窗口”|“顏色”命令，調(diào)出“顏色”面板。在其中單擊前景色或背景色色塊，

3

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

通過拖動R、G、B顏色條上所對應(yīng)的滑塊即可調(diào)整顏色。

四、使用吸管工具設(shè)置前景色和背景色

在處理圖像時，經(jīng)常需要從圖像中獲取顏色，以確保圖像中的顏色相一致。例如，要

修補(bǔ)圖像中某個區(qū)域的顏色，通常要從該區(qū)域附近找出相近的顏色，然后用該顏色處理需

要修補(bǔ)之處，此時便會用到吸管工具。

第七節(jié)常用圖標(biāo)匯總

第八節(jié)常用快捷鍵匯總

4

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

通過本章的學(xué)習(xí)，我們對Photoshop網(wǎng)店美工設(shè)計(jì)有了初步的認(rèn)識，了解

歸納與了Photoshop的基本概念和網(wǎng)店美工設(shè)計(jì)的四大要點(diǎn)，熟悉了Photoshop的工

提高作界面和各種視圖，掌握了Photoshop輔助工具的應(yīng)用，學(xué)會了通過不同的方

法設(shè)置圖像顏色。

5

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第2章網(wǎng)店美工圖像處理基本操作

一、調(diào)整商品圖像尺寸

二、裁剪與變換商品圖像

教學(xué)內(nèi)容

三、恢復(fù)與還原圖像編輯操作

四、圖層的基本操作

【知識目標(biāo)】

1．掌握調(diào)整商品圖像尺寸的方法。

2．掌握裁剪與變換商品圖像的方法。

3．掌握恢復(fù)與還原圖像編輯操作的方法。

4．掌握圖層的基本操作。

教學(xué)要求

【技能目標(biāo)】

1．學(xué)會調(diào)整圖像大小和畫布大小。

2．學(xué)會為商品重新構(gòu)圖。

3．學(xué)會恢復(fù)與還原圖像編輯操作。

4．學(xué)會選擇圖層、合并圖層等圖層的基本操作。

6

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

1．掌握調(diào)整商品圖像尺寸的方法。

2．掌握裁剪與變換商品圖像的方法。

教學(xué)重點(diǎn)

3．掌握恢復(fù)與還原圖像編輯操作的方法。

4．掌握選擇圖層、合并圖層等圖層的基本操作。

1．掌握調(diào)整商品圖像尺寸的方法。

2．掌握裁剪與變換商品圖像的方法。

教學(xué)難點(diǎn)

3．掌握恢復(fù)與還原圖像編輯操作的方法。

4．掌握選擇圖層、合并圖層等圖層的基本操作。

教學(xué)方法講授法、案例法

課時數(shù)4課時

教學(xué)內(nèi)容

第一節(jié)調(diào)整商品圖像尺寸

一、調(diào)整圖像大小

圖像的大小和圖像的像素與分辨率有著密切的關(guān)系，使用“圖像大小”命令可以調(diào)整

圖像的像素大小和分辨率，從而改變圖像的大小。

二、調(diào)整畫布大小

所謂畫布，就是指繪制和編輯圖像的工作區(qū)域。如果希望調(diào)整畫布的大小，可以使用

“畫布大小”命令進(jìn)行調(diào)整。

第二節(jié)裁剪與變換商品圖像

一、裁剪商品圖像

在PhotoshopCS6中，使用裁剪工具裁剪圖像是最常用、最方便的一種方法。

二、變換商品圖像

（一）圖像的縮放

（二）圖像的旋轉(zhuǎn)

（三）圖像的斜切

（四）圖像的扭曲

7

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

（五）圖像的透視

（六）圖像的變形

（七）水平翻轉(zhuǎn)和垂直翻轉(zhuǎn)

第三節(jié)恢復(fù)與還原圖像編輯操作

一、使用菜單命令還原圖像操作

單擊“編輯”|“還原”命令，可以撤銷最近一次對圖像所做的操作。撤銷之后，單擊

“編輯”|“重做”命令，可以重做剛剛還原的操作。

二、使用“歷史記錄”面板恢復(fù)圖像操作

“歷史記錄”面板主要用于記錄操作步驟，一個圖像從打開后開始，對圖像進(jìn)行的任

何操作都會記錄在“歷史記錄”面板中。使用“歷史記錄”面板可以幫助使用者恢復(fù)到之

前所操作的任意一個步驟。

第四節(jié)圖層的基本操作

一、選擇圖層

（一）選擇多個圖層

（二）取消選擇圖層

二、重命名圖層

在Photoshop中，新創(chuàng)建的圖層默認(rèn)以“圖層1”“圖層2”“圖層3”……的順序進(jìn)

行命名，但這樣不便于用戶區(qū)分圖層中的內(nèi)容。因此，可以將圖層名稱更改為更有標(biāo)識意

義的名稱。

三、轉(zhuǎn)換“背景”圖層與普通圖層

（一）將“背景”圖層轉(zhuǎn)換為普通圖層

（二）將普通圖層轉(zhuǎn)換為“背景”圖層

四、復(fù)制圖層

在“圖層”面板中，可以根據(jù)需要復(fù)制圖層。

五、柵格化圖層內(nèi)容

對于文字圖層、形狀圖層、矢量蒙版或智能對象等包含矢量數(shù)據(jù)的圖層，如果要對其

進(jìn)行編輯操作，首先要將圖層?xùn)鸥窕?/p>

六、對齊和分布圖層順序

在網(wǎng)店美工設(shè)計(jì)中，經(jīng)常需要將多個圖層中的內(nèi)容進(jìn)行對齊和分布操作，不過此時要

先選中圖層或者對圖層進(jìn)行鏈接。

七、合并圖層

（一）合并圖層

（二）蓋印圖層

8

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

八、使用圖層組管理圖層

（一）創(chuàng)建圖層組

（二）使用圖層組

通過本章的學(xué)習(xí)，我們對網(wǎng)店美工圖像處理基本操作有了一個大概的了

解，學(xué)會了使用Photoshop進(jìn)行商品圖像處理時所涉及的各種基本操作，其中

歸納與

包括圖像文件的基本操作、調(diào)整商品圖像尺寸、裁剪與變換商品圖像、恢復(fù)

提高

與還原圖像編輯操作，以及圖層的基本操作等。掌握Photoshop的基本操作是

利用Photoshop進(jìn)行網(wǎng)店美工設(shè)計(jì)的第一步。

第3章選區(qū)的創(chuàng)建與編輯

一、選區(qū)工具的應(yīng)用

二、課堂案例——制作養(yǎng)生壺主圖

三、課堂案例——制作學(xué)院派可愛童裝海報(bào)

教學(xué)內(nèi)容四、編輯與修改選區(qū)

五、課堂案例——制作真皮男鞋海報(bào)

六、課堂練習(xí)——制作手機(jī)端女裝海報(bào)

七、課后練習(xí)——制作中秋月餅簡約海報(bào)

9

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

【知識目標(biāo)】

1．掌握選框工具、磁性套索工具和魔棒工具的使用方法。

2．掌握快速選擇工具和調(diào)整邊緣工具的使用方法。

3．掌握移動選區(qū)的方法。

4．掌握全選和反選選區(qū)的方法。

教學(xué)要求

5．掌握羽化選區(qū)的方法。

【技能目標(biāo)】

1．掌握制作“養(yǎng)生壺主圖”的方法。

2．掌握制作“學(xué)院派可愛童裝海報(bào)”的方法。

3．掌握制作“真皮男鞋海報(bào)”的方法。

1．掌握選框工具、磁性套索工具和魔棒工具的使用方法。

教學(xué)重點(diǎn)2．掌握快速選擇工具和調(diào)整邊緣工具的使用方法。

3．掌握移動選區(qū)、全選和反選選區(qū)及羽化選區(qū)的方法。

1．掌握選框工具、磁性套索工具和魔棒工具的使用方法。

教學(xué)難點(diǎn)2．掌握快速選擇工具和調(diào)整邊緣工具的使用方法。

3．掌握移動選區(qū)、全選和反選選區(qū)及羽化選區(qū)的方法。

教學(xué)方法講授法、案例法

課時數(shù)4課時

教學(xué)內(nèi)容

10

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第一節(jié)選區(qū)工具的應(yīng)用

一、應(yīng)用選框工具

矩形選框工具用于創(chuàng)建矩形選區(qū)。

二、應(yīng)用磁性套索工具

磁性套索工具是一種智能化、可以識別圖像邊界的選擇工具，適用于選擇背景復(fù)雜但

邊緣清晰的圖像。

三、應(yīng)用魔棒工具

魔棒工具是根據(jù)圖像的飽和度、色度和亮度等信息來選擇選區(qū)的范圍，通過調(diào)整容差

值來控制選區(qū)的精確度。

四、應(yīng)用快速選擇工具

快速選擇工具是魔棒工具的升級，同時又結(jié)合了畫筆工具的特點(diǎn)，其默認(rèn)選擇光標(biāo)周

圍與光標(biāo)范圍內(nèi)的顏色類似且連續(xù)的圖像區(qū)域，所以光標(biāo)的大小決定著選取范圍的大小。

五、應(yīng)用調(diào)整邊緣工具

利用PhotoshopCS6的調(diào)整邊緣功能可以對選區(qū)進(jìn)行細(xì)化，從而更精確地選擇對象。

第二節(jié)課堂案例——制作養(yǎng)生壺主圖

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用不同的選擇工具選取不同的商品圖像，并應(yīng)用移動工具移動圖像。

二、【案例知識要點(diǎn)】

使用磁性套索工具繪制選區(qū)，使用魔棒工具選取圖像，使用矩形選框工具繪制選區(qū)，

使用移動工具移動選區(qū)內(nèi)的圖像，完成養(yǎng)生壺主圖制作。

三、【效果文件位置】

效果文件/第3章/制作養(yǎng)生壺主圖.psd。

第三節(jié)課堂案例——制作學(xué)院派可愛童裝海報(bào)

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)摳取毛發(fā)等絲絲縷縷的對象的方法與技巧，并應(yīng)用移動工具移動圖像。

二、【案例知識要點(diǎn)】

使用快速選擇工具選取圖像，利用調(diào)整邊緣工具精確摳取圖像，使用移動工具移動摳

出的圖像，完成“學(xué)院派可愛童裝海報(bào)”制作。

三、【效果文件位置】

效果文件/第3章/制作學(xué)院派可愛童裝海報(bào).psd。

第四節(jié)編輯與修改選區(qū)

11

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

一、移動選區(qū)

創(chuàng)建選區(qū)后，選擇工具箱中的任意一種選區(qū)創(chuàng)建工具，然后將鼠標(biāo)指針移至選區(qū)內(nèi)，

當(dāng)指針呈形狀時按住鼠標(biāo)左鍵并拖動，即可移動選區(qū)。

二、全選和反選選區(qū)

單擊“選擇”|“全部”命令或者直接按【Ctrl+A】組合鍵，可以選擇畫布范圍內(nèi)所有

的圖像。

三、羽化選區(qū)

“羽化”命令主要用于柔化選區(qū)的邊緣，使其產(chǎn)生一種漸變過渡的效果，以免選區(qū)邊

緣過于生硬。

第五節(jié)課堂案例——制作真皮男鞋海報(bào)

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)調(diào)整選區(qū)的方法與技巧，并應(yīng)用羽化選區(qū)命令制作出柔和的圖像效果。

二、【案例知識要點(diǎn)】

使用羽化選區(qū)命令制作柔和的圖像效果，使用全選命令全選圖像，使用魔棒工具選取

圖像，完成真皮男鞋海報(bào)制作。

三、【效果文件位置】

效果文件/第3章/制作真皮男鞋海報(bào).psd。

第六節(jié)課堂練習(xí)——制作手機(jī)端女裝海報(bào)

一、【練習(xí)知識要點(diǎn)】

使用矩形選框工具繪制并填充矩形選區(qū)，使用調(diào)整邊緣工具摳出模特，使用羽化選區(qū)

命令為圖像制作陰影效果。

二、【素材所在位置】

素材文件/第3章/制作手機(jī)端女裝海報(bào)/01.psd、02.jpg。

三、【效果文件位置】

效果文件/第3章/制作手機(jī)端女裝海報(bào).psd。

第七節(jié)課后練習(xí)——制作中秋月餅簡約海報(bào)

一、【習(xí)題知識要點(diǎn)】

使用魔棒工具和多邊形套索工具摳出素材圖像，使用移動工具將其置入海報(bào)中，然后

變換圖像的大小和位置。

二、【素材所在位置】

素材文件/第3章/制作中秋月餅簡約海報(bào)/01.psd、02.jpg、03.jpg。

12

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

三、【效果文件位置】

效果文件/第3章/制作中秋月餅簡約海報(bào).psd。

通過本章的學(xué)習(xí)，我們了解了選區(qū)的創(chuàng)建與編輯，掌握了選框工具、磁

性套索工具和魔棒工具的使用方法、快速選擇工具和調(diào)整邊緣工具的使用方

法和移動選區(qū)、羽化選區(qū)及全選和反選選區(qū)的方法。學(xué)會了制作“養(yǎng)生壺主

歸納與圖”、制作“學(xué)院派可愛童裝海報(bào)”及制作“真皮男鞋海報(bào)”的方法。

提高選區(qū)是Photoshop中非常重要的概念，將圖像中想要修改的部分創(chuàng)建為選

區(qū)，這樣在對圖像進(jìn)行編輯操作時僅選區(qū)內(nèi)的對象會發(fā)生變化，而選區(qū)外的

對象不會受到影響。因此，熟練運(yùn)用選區(qū)是網(wǎng)店美工必須熟練掌握的基本技

能之一。

13

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第4章圖層的高級應(yīng)用

一、應(yīng)用圖層樣式

二、課堂案例——制作放假公告海報(bào)

三、應(yīng)用圖層混合模式

四、課堂案例——制作珠寶首頁寬屏海報(bào)

教學(xué)內(nèi)容

五、應(yīng)用填充圖層和調(diào)整圖層

六、課堂案例——制作手機(jī)端天貓年貨節(jié)海報(bào)

七、課堂練習(xí)——制作戶外魚竿主圖

八、課后練習(xí)——制作七夕VIP福利海報(bào)

【知識目標(biāo)】

1．掌握應(yīng)用圖層混合模式的方法。

2．掌握應(yīng)用調(diào)整圖層調(diào)整圖像的方法。

3．掌握應(yīng)用圖層樣式的方法。

教學(xué)要求

【技能目標(biāo)】

1．學(xué)會“放假公告海報(bào)”的制作方法。

2．學(xué)會“珠寶首頁寬屏海報(bào)”的制作方法。

3．學(xué)會手機(jī)端“天貓年貨節(jié)海報(bào)”的制作方法。

教學(xué)重點(diǎn)1．掌握應(yīng)用圖層混合模式的方法。

14

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

2．掌握應(yīng)用調(diào)整圖層調(diào)整圖像的方法。

3．掌握應(yīng)用圖層樣式的方法。

1．掌握應(yīng)用圖層混合模式的方法。

教學(xué)難點(diǎn)2．掌握應(yīng)用調(diào)整圖層調(diào)整圖像的方法。

3．掌握應(yīng)用圖層樣式的方法。

教學(xué)方法講授法、案例法

課時數(shù)4課時

教學(xué)內(nèi)容

第一節(jié)應(yīng)用圖層樣式

一、添加投影效果

投影效果，就是在圖層內(nèi)容背后添加陰影。

二、添加內(nèi)發(fā)光效果

內(nèi)發(fā)光效果，就是在文本或圖像的內(nèi)部產(chǎn)生光暈的效果。在“圖層樣式”對話框左側(cè)

選中“內(nèi)發(fā)光”選項(xiàng)，即可在右側(cè)設(shè)置各項(xiàng)內(nèi)發(fā)光參數(shù)。

三、添加斜面和浮雕效果

斜面和浮雕效果，經(jīng)常用于制作各種凹陷或凸出的浮雕圖像或文字效果。

第二節(jié)課堂案例——制作放假公告海報(bào)

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)為文字添加不同的圖層樣式效果，制作文字的特殊效果。

二、【案例知識要點(diǎn)】

選擇文本圖層，使用“圖層樣式”對話框?yàn)槠涮砑痈鞣N圖層樣式。

三、【效果文件位置】

效果文件/第4章/制作放假公告海報(bào).psd。

第三節(jié)應(yīng)用圖層混合模式

15

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

一、應(yīng)用正常模式與溶解模式

在圖層混合模式中，“正常”和“溶解”模式是不依賴其他圖層的。“正?！蹦Ｊ绞?/p>

Photoshop的默認(rèn)模式，在該模式下形成的合成色或者著色圖像不會用到顏色的相加/相減屬

性。而“溶解”模式將產(chǎn)生不可知的結(jié)果，同底層的原始顏色交替，以創(chuàng)建一種類似擴(kuò)散

抖動的效果，這種效果是隨機(jī)生成的。

二、應(yīng)用壓縮圖像模式

在Photoshop圖層模式中，使用“變暗”“正片疊底”“顏色加深”“線性加深”與“深

色”模式都可以使底層圖像變暗。此外，對比上下圖層的“差值”與“排除”模式也可以

起到壓暗圖像的作用。

三、應(yīng)用加亮圖像模式

在圖像上使用“變亮”“濾色”“顏色減淡”“線性減淡（添加）”與“淺色”模式混合

時，其黑色會完全消失，任何比黑色亮的區(qū)域都可能加亮下面的圖像。

四、應(yīng)用疊圖模式

對于很多Photoshop用戶來說，對圖層混合的疊圖模式并不陌生。在使用過程中，為了

找到最佳的表現(xiàn)效果，常常會將圖層混合模式的選項(xiàng)逐個嘗試，以得到理想的效果。

五、應(yīng)用特殊圖層模式

除了前面介紹的圖層模式外，還有一組比較特殊的圖層模式，分別為“差值”“排

除”“減去”和“劃分”，使用它們可以創(chuàng)建一些特殊的混合效果。

六、應(yīng)用上色模式

“色相”“飽和度”“顏色”與“亮度”模式是將上層圖像中的一種或兩種特性應(yīng)用

到下層圖像中，它們是比較實(shí)用和顯著的幾種模式，可以為圖像上色。

第四節(jié)課堂案例——制作珠寶首頁寬屏海報(bào)

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)為圖層添加不同的混合模式，使圖層產(chǎn)生多種不同的效果。

二、【案例知識要點(diǎn)】

使用移動工具移動圖像，使用“疊加”“整片疊加”“線性加深”等圖層混合模式制作

混合效果。

三、【效果文件位置】

效果文件/第4章/制作珠寶首頁寬屏海報(bào).psd。

第五節(jié)應(yīng)用填充圖層和調(diào)整圖層

一、應(yīng)用填充圖層

填充圖層包括純色、漸變和圖案3種填充方式。

16

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

二、應(yīng)用調(diào)整圖層

使用調(diào)整圖層調(diào)整圖像與使用菜單命令調(diào)整圖像的功能基本相同，只是使用調(diào)整圖層

可以不修改原圖像，且編輯起來更加方便。

三、認(rèn)識“調(diào)整”面板

在創(chuàng)建調(diào)整圖層時，將彈出其對應(yīng)的“調(diào)整”面板。了解“調(diào)整”面板中各選項(xiàng)的功

能。

第六節(jié)課堂案例——制作手機(jī)端天貓年貨節(jié)海報(bào)

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用漸變填充圖層和不同的調(diào)整圖層制作年貨節(jié)海報(bào)。

二、【案例知識要點(diǎn)】

使用漸變填充圖層和圖層混合模式更改圖像的顯示效果，使用“色相/飽和度”和“亮

度/對比度”調(diào)整圖層為圖像增加飽和度和對比度。

三、【效果文件位置】

效果文件/第4章/制作手機(jī)端天貓年貨節(jié)海報(bào).psd。

第七節(jié)課堂練習(xí)——制作戶外魚竿主圖

一、【練習(xí)知識要點(diǎn)】

使用添加圖層樣式命令制作顏色疊加效果，使用圖層混合模式及調(diào)整圖層制作圖像視

覺特效。

二、【素材所在位置】

素材文件/第4章/制作戶外魚竿主圖/01.jpg、02.jpg、03png和04.png。

三、【效果文件位置】

效果文件/第4章/制作戶外魚竿主圖.psd。

第八節(jié)課后練習(xí)——制作七夕VIP福利海報(bào)

一、【習(xí)題知識要點(diǎn)】

使用移動工具導(dǎo)入光效素材文件，使用圖層混合模式制作特殊視覺效果，使用曲線調(diào)

整圖層調(diào)整圖像整體對比度。

二、【素材所在位置】

素材文件/第4章/制作七夕VIP福利海報(bào)/01.jpg、02.png、03.psd。

三、【效果文件位置】

效果文件/第4章/制作七夕VIP福利海報(bào).psd。

17

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

通過本章的學(xué)習(xí)，我們了解了圖層的高級應(yīng)用的基礎(chǔ)知識，掌握了應(yīng)用

圖層混合模式及應(yīng)用圖層樣式的方法，掌握了應(yīng)用調(diào)整圖層調(diào)整圖像的方法。

學(xué)會了“放假公告海報(bào)”“珠寶首頁寬屏海報(bào)”和手機(jī)端“天貓年貨節(jié)海報(bào)”

歸納與

的制作方法。

提高

Photoshop中的圖像是由一個或多個圖層組成的。圖層是Photoshop進(jìn)行

圖形繪制和圖像處理的最基礎(chǔ)和最重要的功能。在網(wǎng)店美工設(shè)計(jì)中，靈活地

運(yùn)用圖層可以提高圖像處理的效率，創(chuàng)作出豐富多彩的藝術(shù)效果。

第5章調(diào)整網(wǎng)店圖像的色調(diào)與色彩

一、調(diào)整圖像的色調(diào)

二、課堂案例——處理曝光過度的商品圖像

三、調(diào)整圖像的色彩

四、課堂案例——制作黑白照片效果

教學(xué)內(nèi)容

五、課堂案例——增強(qiáng)商品圖像的色彩鮮艷度

六、課堂案例——調(diào)出優(yōu)雅暖色調(diào)

七、課堂練習(xí)——調(diào)出紫水晶手鏈復(fù)古色調(diào)

八、課后練習(xí)——制作絢麗手機(jī)海報(bào)

教學(xué)要求【知識目標(biāo)】

18

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

1．掌握調(diào)整圖像色階、曲線、曝光度的方法。

2．掌握調(diào)整圖像亮度/對比度、自然飽和度、色相/飽和度的方法。

3．掌握調(diào)整圖像色彩平衡、可選顏色的方法。

4．掌握圖像通道混和器的應(yīng)用方法。

5．掌握為圖像去色的方法。

【技能目標(biāo)】

1．掌握處理曝光過度照片的方法與技巧。

2．掌握黑白照片效果的制作方法。

3．掌握增強(qiáng)照片色彩鮮艷度的處理技巧。

4．掌握優(yōu)雅暖色調(diào)的調(diào)整方法與技巧。

1．掌握處理曝光過度照片的方法與技巧。

2．掌握黑白照片效果的制作方法。

教學(xué)重點(diǎn)

3．掌握增強(qiáng)照片色彩鮮艷度的處理技巧。

4．掌握優(yōu)雅暖色調(diào)的調(diào)整方法與技巧。

1．掌握處理曝光過度照片的方法與技巧。

2．掌握黑白照片效果的制作方法。

教學(xué)難點(diǎn)

3．掌握增強(qiáng)照片色彩鮮艷度的處理技巧。

4．掌握優(yōu)雅暖色調(diào)的調(diào)整方法與技巧。

教學(xué)方法講授法、案例法

課時數(shù)4課時

教學(xué)內(nèi)容

19

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第一節(jié)調(diào)整圖像的色調(diào)

一、調(diào)整色階

“色階”命令是最常用的色調(diào)調(diào)整命令之一，利用此命令可以通過修改圖像的陰影區(qū)、中

間調(diào)區(qū)和高光區(qū)的亮度水平來調(diào)整圖像的色調(diào)范圍和色彩平衡，常用于調(diào)整曝光不足或曝光過

度的圖像，也可用于調(diào)整圖像的對比度。

二、調(diào)整曲線

“曲線”命令也是Photoshop中最常用的色調(diào)調(diào)整命令之一，利用它可以在暗調(diào)到高光

這個色調(diào)范圍內(nèi)對圖像中多個不同點(diǎn)的色調(diào)進(jìn)行調(diào)整。

三、調(diào)整曝光度

“曝光度”命令用于調(diào)整HDR圖像的色調(diào)，也常用于調(diào)整曝光不足或曝光過度的數(shù)碼

照片。

四、調(diào)整亮度/對比度

使用“亮度/對比度”命令可以快速調(diào)整圖像的亮度和對比度。

第二節(jié)課堂案例——處理曝光過度的商品圖像

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用色彩調(diào)整命令調(diào)整圖像顏色。

二、【案例知識要點(diǎn)】

使用“曲線”和“色階”命令調(diào)整照片的整體顏色。

三、【效果文件位置】

效果文件/第5章/處理曝光過度的商品圖像.psd。

第三節(jié)調(diào)整圖像的色彩

一、調(diào)整自然飽和度

“自然飽和度”命令用于調(diào)整色彩的飽和度，它可以在增加飽和度的同時防止顏色過

于飽和而出現(xiàn)溢色，比較適合處理人像照片。

二、調(diào)整色相/飽和度

使用“色相/飽和度”命令可以對色彩的色相、飽和度和明度三大屬性進(jìn)行調(diào)整。

三、調(diào)整色彩平衡

“色彩平衡”命令是通過調(diào)整各種色彩的色階來校正圖像中出現(xiàn)的偏色現(xiàn)象，更改圖

像的總體顏色混合。

四、調(diào)整可選顏色

使用“可選顏色”命令可以對圖像進(jìn)行校正和調(diào)整，主要針對RGB、CMYK和黑、白、

灰等主要顏色的組成進(jìn)行調(diào)節(jié)。

20

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

五、應(yīng)用通道混和器

圖像的色彩是由各種顏色混合在一起組成的，其顏色信息都保存在通道中?！巴ǖ阑旌?/p>

器”命令利用存儲顏色信息的通道混合通道顏色，從而改變圖像的顏色。

六、圖像去色

使用“去色”命令可以對圖像進(jìn)行去色，將彩色圖像轉(zhuǎn)換為灰度效果，但不改變圖像

的顏色模式。

第四節(jié)課堂案例——制作黑白照片效果

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用不同的調(diào)色命令調(diào)整圖像顏色。

二、【案例知識要點(diǎn)】

使用“去色”命令將彩色圖像轉(zhuǎn)換為黑白圖像，再利用“通道混和器”命令進(jìn)一步調(diào)

整色調(diào)。

三、【效果文件位置】

效果文件/第5章/制作黑白照片效果.psd。

第五節(jié)課堂案例——增強(qiáng)商品圖像的色彩鮮艷度

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用不同的調(diào)色命令調(diào)整圖像的飽和度。

二、【案例知識要點(diǎn)】

使用“亮度/對比度”“色相/飽和度”和“自然飽和度”命令對圖像色彩進(jìn)行調(diào)整。

三、【效果文件位置】

效果文件/第5章/增強(qiáng)商品圖像的色彩鮮艷度.psd。

第六節(jié)課堂案例——調(diào)出優(yōu)雅暖色調(diào)

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用不同的調(diào)色命令調(diào)整圖像顏色。

二、【案例知識要點(diǎn)】

使用多種調(diào)色工具將偏色的圖像校正過來，然后添加純色圖層潤色。

三、【效果文件位置】

效果文件/第5章/調(diào)出優(yōu)雅暖色調(diào).psd。

第七節(jié)課堂練習(xí)——調(diào)出紫水晶手鏈復(fù)古色調(diào)

21

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

一、【練習(xí)知識要點(diǎn)】

使用“色階”和“曲線”調(diào)整圖層調(diào)整圖像的明暗，使用圖層混合模式調(diào)整圖像的色

調(diào)，使用“可選顏色”和“照片濾鏡”調(diào)整圖層調(diào)整圖像的整體色調(diào)，使用移動工具添加

文字素材。

二、【素材所在位置】

素材文件/第5章/調(diào)出紫水晶手鏈復(fù)古色調(diào)/01.psd。

三、【效果文件位置】

效果文件/第5章/調(diào)出紫水晶手鏈復(fù)古色調(diào).psd。

第八節(jié)課后練習(xí)——制作絢麗手機(jī)海報(bào)

一、【習(xí)題知識要點(diǎn)】

使用“曲線”“色相/飽和度”和“亮度/對比度”調(diào)整圖層調(diào)整背景素材的色調(diào)，使用

移動工具拖入素材，使用文本工具輸入海報(bào)文案。

二、【素材所在位置】

素材文件/第5章/制作絢麗手機(jī)海報(bào)/01.jpg、02.png。

三、【效果文件位置】

效果文件/第5章/制作絢麗手機(jī)海報(bào).psd。

通過本章的學(xué)習(xí)，我們學(xué)會了如何利用顏色調(diào)整命令在圖像中調(diào)出富有感

染力的色調(diào)與色彩。掌握了處理曝光過度照片的方法與技巧，學(xué)會了黑白照片

效果的制作方法，掌握了增強(qiáng)照片色彩鮮艷度的處理技巧和優(yōu)雅暖色調(diào)的調(diào)整

歸納與

方法與技巧。

提高

在網(wǎng)店美工設(shè)計(jì)過程中，常常需要根據(jù)實(shí)際情況對圖像的色調(diào)和色彩進(jìn)行

調(diào)整。在PhotoshopCS6中提供了許多色調(diào)和色彩調(diào)整工具，這在處理網(wǎng)店圖

像時極為有用。

22

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第6章網(wǎng)店圖像的修復(fù)、修飾與繪制

一、網(wǎng)店圖像的修復(fù)

二、課堂案例——修復(fù)模特面部與頸部瑕疵

三、課堂案例——修復(fù)玩具外景照片

四、網(wǎng)店圖像的修飾

五、課堂案例——修飾手表實(shí)拍照片

教學(xué)內(nèi)容六、網(wǎng)店圖像的繪制與填充

七、課堂案例——制作手機(jī)端夢幻女裝海報(bào)

八、網(wǎng)店圖像的摳取

九、課堂案例——制作精品女鞋主圖

十、課堂練習(xí)——制作情侶對戒全屏海報(bào)

十一、課后練習(xí)——制作童裝全屏海報(bào)

【知識目標(biāo)】

1．掌握圖像修復(fù)工具的使用方法。

2．掌握圖像修飾工具的使用方法。

3．掌握圖像擦除工具的使用方法。

4．掌握繪畫工具的使用方法。

教學(xué)要求【技能目標(biāo)】

1．掌握“模特面部瑕疵”的修復(fù)方法與技巧。

2．掌握“玩具外景照片”的修復(fù)方法與技巧。

3．掌握“手表實(shí)拍照片”的修飾方法與技巧。

4．掌握“手機(jī)端夢幻女裝海報(bào)”的制作方法。

5．掌握“精品女鞋主圖”的制作方法。

1．掌握圖像修復(fù)工具的使用方法。

教學(xué)重點(diǎn)

2．掌握圖像修飾工具的使用方法。

23

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

3．掌握圖像擦除工具的使用方法。

4．掌握繪畫工具的使用方法。

1．掌握圖像修復(fù)工具的使用方法。

2．掌握圖像修飾工具的使用方法。

教學(xué)難點(diǎn)

3．掌握圖像擦除工具的使用方法。

4．掌握繪畫工具的使用方法。

教學(xué)方法講授法、案例法

課時數(shù)5課時

教學(xué)內(nèi)容

第一節(jié)網(wǎng)店圖像的修復(fù)

一、應(yīng)用污點(diǎn)修復(fù)畫筆工具

使用污點(diǎn)修復(fù)畫筆工具可以快速移除圖像中的雜色或污點(diǎn)。

二、應(yīng)用修復(fù)畫筆工具

使用修復(fù)畫筆工具可以通過從圖像中取樣或用圖案來填充圖像，以達(dá)到修復(fù)圖像的目

的。

三、應(yīng)用紅眼工具

紅眼是由于相機(jī)閃光燈在主體視網(wǎng)膜上反光引起的。在光線暗淡的房間里拍攝照片時，

由于人的虹膜張開得很寬，所以就會出現(xiàn)紅眼。為了避免出現(xiàn)紅眼，現(xiàn)在很多數(shù)碼相機(jī)都

有紅眼去除功能來消除紅眼。

四、應(yīng)用修補(bǔ)工具

修補(bǔ)工具適用于對圖像的某一塊區(qū)域進(jìn)行整體操作。利用該工具修補(bǔ)圖像時，首先要

創(chuàng)建一個選區(qū)，將要修補(bǔ)的區(qū)域選中，然后將選區(qū)拖至要修補(bǔ)的目標(biāo)區(qū)域即可。

五、應(yīng)用仿制圖章工具

仿制圖章工具用于復(fù)制圖像內(nèi)容，它可以將一幅圖像的全部或部分復(fù)制到同一幅圖像

或另一幅圖像中。

六、應(yīng)用內(nèi)容感知移動工具

使用內(nèi)容感知移動工具可以移動或復(fù)制選中的某個區(qū)域的內(nèi)容。使用內(nèi)容感知移動工

具時，首先要為需要移動的區(qū)域創(chuàng)建選區(qū)，然后將選區(qū)拖至所需位置即可。

24

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第二節(jié)課堂案例——修復(fù)模特面部與頸部瑕疵

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用多種修圖工具修復(fù)人物照片。

二、【案例知識要點(diǎn)】

使用縮放快捷鍵調(diào)整圖像大小，使用污點(diǎn)修復(fù)工具修復(fù)人物面部與頸部上的雀斑等瑕

疵，使用修復(fù)畫筆工具修復(fù)人物眼部細(xì)紋。

三、【效果文件位置】

效果文件/第6章/修復(fù)模特面部與頸部瑕疵.psd。

第三節(jié)課堂案例——修復(fù)玩具外景照片

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用多種修圖工具修復(fù)玩具外景照片。

二、【案例知識要點(diǎn)】

使用縮放快捷鍵調(diào)整圖像大小，使用修補(bǔ)工具修復(fù)圖像瑕疵，使用內(nèi)容感知移動工具

復(fù)制圖像，使用仿制圖章工具修復(fù)圖像邊緣。

三、【效果文件位置】

效果文件/第6章/修復(fù)玩具外景照片.psd。

第四節(jié)網(wǎng)店圖像的修飾

一、應(yīng)用模糊工具

使用模糊工具可以使圖像產(chǎn)生模糊效果，從而柔化圖像，減少圖像細(xì)節(jié)。選擇模糊工

具后，在圖像中按住鼠標(biāo)左鍵并拖動，即可進(jìn)行模糊操作。

二、應(yīng)用銳化工具

使用銳化工具可以增強(qiáng)圖像中相鄰像素之間的對比，使圖像產(chǎn)生更加清晰的效果。選

擇銳化工具后，在圖像中按住鼠標(biāo)左鍵并拖動，即可進(jìn)行銳化操作。

三、應(yīng)用減淡工具

使用減淡工具可以增加圖像的曝光度，使圖像變亮。選擇工具箱中的減淡工具，在圖

像中按住鼠標(biāo)左鍵并拖動，即可進(jìn)行減淡操作。

四、應(yīng)用加深工具

使用加深工具可以降低圖像的曝光度，使圖像變暗。加深工具和減淡工具是一組相反

的工具。選擇工具箱中的加深工具，在圖像中按住鼠標(biāo)左鍵并拖動，即可進(jìn)行加深操作。

五、應(yīng)用海綿工具

使用海綿工具可以降低或提高圖像的色彩飽和度，選擇工具箱中的海綿工具，即可進(jìn)

行色彩飽和度操作。

25

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第五節(jié)課堂案例——修飾手表實(shí)拍照片

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用多種修飾工具對實(shí)拍照片進(jìn)行修飾。

二、【案例知識要點(diǎn)】

使用加深工具、減淡工具、銳化工具和模糊工具制作圖像。

三、【效果文件位置】

效果文件/第6章/修飾手表實(shí)拍照片.psd。

第六節(jié)網(wǎng)店圖像的繪制與填充

一、應(yīng)用畫筆工具

（一）筆刷的設(shè)置

（二）設(shè)置畫筆流量

二、應(yīng)用漸變工具

使用漸變工具可以快速填充漸變色。所謂漸變色，就是具有多種過渡顏色的混合色。

三、應(yīng)用“填充”命令

在PhotoshopCS6中，除了可以使用油漆桶工具填充顏色或圖案外，還可以使用“填充”

命令對選區(qū)或圖像填充顏色或圖案?！疤畛洹泵畹囊豁?xiàng)重要功能是可以有效地保護(hù)圖像中

的透明區(qū)域，有針對性地填充圖像。

第七節(jié)課堂案例——制作手機(jī)端夢幻女裝海報(bào)

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用繪畫工具繪制圖像。

二、【案例知識要點(diǎn)】

使用畫筆工具繪制圓形光暈來裝飾海報(bào)背景。

三、【效果文件位置】

效果文件/第6章/制作手機(jī)端夢幻女裝海報(bào).psd。

第八節(jié)網(wǎng)店圖像的摳取

一、應(yīng)用背景橡皮擦工具

使用背景橡皮擦工具可以將圖像中的像素涂抹成透明，并在抹除背景的同時在前景中

保留對象的邊緣，比較適合清除一些背景較為復(fù)雜的圖像。

二、應(yīng)用魔術(shù)橡皮擦工具

魔術(shù)橡皮擦工具其實(shí)是魔棒工具和背景橡皮擦工具的結(jié)合，它具有自動分析的功能，

可以自動分析圖像的邊緣，將一定容差范圍內(nèi)的背景顏色全部清除。

26

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第九節(jié)課堂案例——制作精品女鞋主圖

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用擦除工具擦除多余的圖像。

二、【案例知識要點(diǎn)】

使用魔術(shù)橡皮擦工具擦除不需要的圖像，使用移動工具合成圖像。

三、【效果文件位置】

效果文件/第6章/制作精品女鞋主圖.psd。

第十節(jié)課堂練習(xí)——制作情侶對戒全屏海報(bào)

一、【練習(xí)知識要點(diǎn)】

使用加深工具對海報(bào)背景邊緣進(jìn)行加深處理，使用畫筆工具繪制圓形，設(shè)置圖層混合

模式，制作出光暈效果。

二、【素材所在位置】

素材文件/第6章/制作情侶對戒全屏海報(bào)/01.jpg。

三、【效果文件位置】

效果文件/第6章/制作情侶對戒全屏海報(bào).psd。

第十一節(jié)課后練習(xí)——制作童裝全屏海報(bào)

一、【習(xí)題知識要點(diǎn)】

使用污點(diǎn)修復(fù)畫筆工具修復(fù)童裝上面的污漬，使用減淡工具調(diào)整圖像顏色，使用魔術(shù)

橡皮擦工具擦除童裝背景以摳取圖像，使用畫筆工具繪制云朵。

二、【素材所在位置】

素材文件/第6章/制作童裝全屏海報(bào)/01.jpg、02.jpg。

三、【效果文件位置】

效果文件/第6章/制作童裝全屏海報(bào).psd。

通過本章的學(xué)習(xí)，我們掌握了圖像修復(fù)工具、圖像修飾工具、圖像擦除工

歸納與具及繪畫工具的使用方法。對一些不盡如人意的圖片，可以利用Photoshop提

提高供的多種工具對圖像進(jìn)行修復(fù)、修飾與繪制，快速去除圖像中的一些缺陷等，

從而得到比較完美的圖像效果。

27

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第7章路徑的創(chuàng)建與應(yīng)用

一、繪制與編輯路徑

二、課堂案例——制作手機(jī)促銷主圖

三、繪制形狀

教學(xué)內(nèi)容四、課堂案例——制作手機(jī)端店鋪優(yōu)惠券

五、課堂練習(xí)——制作搭配套餐模板

六、課堂練習(xí)——制作經(jīng)典腕表主圖

七、課后練習(xí)——制作“雙十一”店招導(dǎo)航

【知識目標(biāo)】

1．掌握使用路徑工具繪制多種路徑的方法。

2．熟練掌握編輯路徑的方法。

教學(xué)要求

3．掌握使用形狀工具繪制各種形狀的方法。

【技能目標(biāo)】

1．掌握“手機(jī)促銷主圖”的制作方法。

28

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

2．掌握“手機(jī)端店鋪優(yōu)惠券”的制作方法。

1．掌握使用路徑工具繪制多種路徑的方法。

教學(xué)重點(diǎn)2．熟練掌握編輯路徑的方法。

3．掌握使用形狀工具繪制各種形狀的方法。

1．掌握使用路徑工具繪制多種路徑的方法。

教學(xué)難點(diǎn)2．熟練掌握編輯路徑的方法。

3．掌握使用形狀工具繪制各種形狀的方法。

教學(xué)方法講授法、案例法

課時數(shù)4課時

教學(xué)內(nèi)容

第一節(jié)繪制與編輯路徑

一、認(rèn)識“路徑”面板

“路徑”面板是用于保存和管理路徑的工具，其中顯示了當(dāng)前工作路徑、存儲的路徑、

和當(dāng)前矢量蒙版的名稱及縮覽圖。路徑的基本操作和編輯大都可以通過該面板來完成。

二、應(yīng)用鋼筆工具繪制路徑

（一）認(rèn)識鋼筆工具

（二）繪制直線路徑

（三）繪制曲線路徑

三、選擇與移動路徑

（一）路徑選擇工具

（二）直接選擇工具

四、轉(zhuǎn)換錨點(diǎn)類型

（一）轉(zhuǎn)換為直線錨點(diǎn)

（二）轉(zhuǎn)換為平滑錨點(diǎn)

（三）轉(zhuǎn)換為拐點(diǎn)錨點(diǎn)

（四）轉(zhuǎn)換為復(fù)合錨點(diǎn)

29

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

五、路徑與選區(qū)的轉(zhuǎn)換

在Photoshop中，路徑與選區(qū)是可以相互轉(zhuǎn)換的。

第二節(jié)課堂案例——制作手機(jī)促銷主圖

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用鋼筆工具繪制并調(diào)整路徑。

二、【案例知識要點(diǎn)】

使用鋼筆工具繪制路徑摳取圖像，應(yīng)用圖層蒙版為圖像添加倒影效果。

三、【效果文件位置】

效果文件/第7章/制作手機(jī)促銷主圖.psd。

第三節(jié)繪制形狀

一、應(yīng)用矩形工具

使用矩形工具可以繪制長方形和正方形。

二、應(yīng)用圓角矩形工具

圓角矩形工具用于繪制圓角矩形。

三、應(yīng)用橢圓工具

橢圓工具與矩形工具的工具屬性欄基本相同，所不同的是使用橢圓工具繪制的路徑是

橢圓形。

四、應(yīng)用多邊形工具

選擇工具箱中的多邊形工具，在其工具屬性欄的“邊”數(shù)值框中可以設(shè)置邊的數(shù)值，

即多邊形的邊數(shù)。

五、應(yīng)用直線工具

選擇工具箱中的直線工具，在其工具屬性欄中設(shè)置直線粗細(xì)的數(shù)值，可以繪制不同粗

細(xì)的直線。

六、應(yīng)用自定形狀工具

使用自定形狀工具可以繪制Photoshop預(yù)設(shè)的各種圖形。

第四節(jié)課堂案例——制作手機(jī)端店鋪優(yōu)惠券

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用不同的繪圖工具繪制各種圖形。

二、【案例知識要點(diǎn)】

使用繪圖工具繪制店鋪優(yōu)惠券的形狀，使用橫排文字工具添加文字。

三、【效果文件位置】

30

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

效果文件/第7章/制作手機(jī)端店鋪優(yōu)惠券.psd

第五節(jié)課堂練習(xí)——制作搭配套餐模板

一、【練習(xí)知識要點(diǎn)】

使用不同的繪圖工具繪制各種形狀，使用移動工具添加商品圖片，使用文字工具添加

文字。

二、【素材所在位置】

素材文件/第7章/制作搭配套餐模板/01.psd、02.jpg和03.jpg。

三、【效果文件位置】

效果文件/第7章/制作搭配套餐模板.psd。

第六節(jié)課堂練習(xí)——制作經(jīng)典腕表主圖

一、【練習(xí)知識要點(diǎn)】

使用不同的繪圖工具繪制各種形狀，通過添加圖層樣式制作陰影效果，使用文字工具

添加文字。

二、【素材所在位置】

素材文件/第7章/制作經(jīng)典腕表主圖/01.png。

三、【效果文件位置】

效果文件/第7章/制作經(jīng)典腕表主圖.psd。

第七節(jié)課后練習(xí)——制作“雙十一”店招導(dǎo)航

一、【習(xí)題知識要點(diǎn)】

使用繪圖工具繪制不同的形狀，使用文字工具輸入店鋪名稱和導(dǎo)航分類。

二、【素材所在位置】

素材文件/第7章/制作“雙十一”店招導(dǎo)航/01.psd、02.png。

三、【效果文件位置】

效果文件/第7章/制作“雙十一”店招導(dǎo)航.psd。

通過本章的學(xué)習(xí)，我們掌握了使用路徑工具繪制多種路徑的方法和使用形

狀工具繪制各種形狀的方法及編輯路徑的方法，學(xué)會了“手機(jī)促銷主圖”和“手

歸納與

機(jī)端店鋪優(yōu)惠券”的制作方法。

提高

使用路徑不但可以精確地創(chuàng)建選區(qū)，還可以隨心所欲地繪制各種圖形，這

是使用Photoshop進(jìn)行圖像處理所必須熟練掌握的重要技能之一。

31

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第8章蒙版與通道的應(yīng)用

一、應(yīng)用蒙版

二、課堂案例——制作秋冬新風(fēng)尚登山鞋海報(bào)

三、應(yīng)用通道

教學(xué)內(nèi)容

四、課堂案例——調(diào)出唯美海報(bào)背景

五、課堂練習(xí)——制作女鞋新品推薦區(qū)

六、課后練習(xí)——制作秋冬上新手機(jī)端海報(bào)

32

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

【知識目標(biāo)】

1．掌握添加、復(fù)制、移動應(yīng)用與刪除圖層蒙版的方法。

2．掌握剪貼蒙版的使用技巧。

3．掌握“通道”面板的操作方法。

教學(xué)要求4．掌握創(chuàng)建與復(fù)制通道的方法。

5．掌握顏色通道和Alpha通道的應(yīng)用方法。

【技能目標(biāo)】

1．掌握“秋冬新風(fēng)尚登山鞋海報(bào)”的制作方法。

2．掌握“唯美海報(bào)背景”的調(diào)色方法。

1．掌握添加、復(fù)制、移動應(yīng)用與刪除圖層蒙版的方法。

2．掌握剪貼蒙版的使用技巧。

教學(xué)重點(diǎn)3．掌握“通道”面板的操作方法。

4．掌握創(chuàng)建與復(fù)制通道的方法。

5．掌握顏色通道和Alpha通道的應(yīng)用方法。

1．掌握添加、復(fù)制、移動應(yīng)用與刪除圖層蒙版的方法。

2．掌握剪貼蒙版的使用技巧。

教學(xué)難點(diǎn)3．掌握“通道”面板的操作方法。

4．掌握創(chuàng)建與復(fù)制通道的方法。

5．掌握顏色通道和Alpha通道的應(yīng)用方法。

教學(xué)方法講授法、案例法

課時數(shù)4課時

教學(xué)內(nèi)容

33

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第一節(jié)應(yīng)用蒙版

一、應(yīng)用圖層蒙版

（一）添加圖層蒙版

（二）復(fù)制與移動圖層蒙版

（三）應(yīng)用與刪除圖層蒙版

二、應(yīng)用剪貼蒙版

所謂剪貼蒙版，就是將上面圖層中的對象內(nèi)容以下面圖層對象的形狀顯示出來?？梢?/p>

用一個圖層來控制多個可見圖層，但這些圖層必須是相鄰且連續(xù)的。

第二節(jié)課堂案例——制作秋冬新風(fēng)尚登山鞋海報(bào)

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用圖層蒙版制作圖像效果。

二、【案例知識要點(diǎn)】

使用“圖層”面板中的“添加圖層蒙版”按鈕為圖層添加蒙版，使用畫筆工具編輯蒙

版。

三、【效果文件位置】

效果文件/第8章/制作秋冬新風(fēng)尚登山鞋海報(bào).psd

第三節(jié)應(yīng)用通道

一、認(rèn)識“通道”面板

“通道”面板是創(chuàng)建與編輯通道的主要場所，單擊“窗口”|“通道”命令，即可調(diào)出

“通道”面板。

二、復(fù)制通道

在“通道”面板中選擇要復(fù)制的通道，將其拖至“創(chuàng)建新通道”按鈕上，松開鼠標(biāo)即

可復(fù)制該通道。

三、載入通道選區(qū)

在“通道”面板中單擊“將通道作為選區(qū)載入”按鈕，即可調(diào)用所選通道上的灰度值，

并將其轉(zhuǎn)換為選區(qū)。

四、應(yīng)用顏色通道

顏色通道用于保存圖像顏色的基本信息，每個圖像都有一個或多個顏色通道，圖像中

默認(rèn)的顏色通道數(shù)取決于其顏色模式，即一個圖像的顏色模式?jīng)Q定著其顏色通道的數(shù)量。

五、應(yīng)用Alpha通道

利用Alpha通道可以將選區(qū)存儲為灰度圖像。在Photoshop中，經(jīng)常使用Alpha通道來

創(chuàng)建和存儲蒙版，這些蒙版用于處理和保護(hù)圖像的某些特定區(qū)域。

34

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第四節(jié)課堂案例——調(diào)出唯美海報(bào)背景

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用顏色通道調(diào)整圖像顏色。

二、【案例知識要點(diǎn)】

使用“Lab顏色”命令轉(zhuǎn)換通道模式，通過復(fù)制和粘貼顏色通道制作圖像效果。

三、【效果文件位置】

效果文件/第8章/調(diào)出唯美海報(bào)背景.psd。

第五節(jié)課堂練習(xí)——制作女鞋新品推薦區(qū)

一、【練習(xí)知識要點(diǎn)】

使用“曲線”調(diào)整圖層增加背景對比度，使用移動工具導(dǎo)入素材，使用剪貼蒙版制作

新品推薦區(qū)。

二、【素材所在位置】

素材文件/第8章/制作女鞋新品推薦區(qū)/01.psd~05.jpg。

三、【效果文件位置】

效果文件/第8章/制作女鞋新品推薦區(qū).psd。

第六節(jié)課后練習(xí)——制作秋冬上新手機(jī)端海報(bào)

一、【習(xí)題知識要點(diǎn)】

使用鋼筆工具選取人物輪廓，使用色階和曲線調(diào)整圖像顏色，使用通道面板摳出人物

發(fā)絲，添加素材文件，最后合成海報(bào)效果。

二、【素材所在位置】

素材文件/第8章/制作秋冬上新手機(jī)端海報(bào)/01.psd~04.png。

三、【效果文件位置】

效果文件/第8章/制作秋冬上新手機(jī)端海報(bào).psd。

通過本章的學(xué)習(xí)，我們了解了蒙版和通道的應(yīng)用方法，學(xué)會了添加、復(fù)制、

移動應(yīng)用與刪除圖層蒙版的方法，掌握了剪貼蒙版的使用技巧，學(xué)會了“通道”

面板的操作方法和創(chuàng)建與復(fù)制通道的方法，顏色通道和Alpha通道的應(yīng)用方

歸納與法，掌握了“秋冬新風(fēng)尚登山鞋海報(bào)”制作方法和“唯美海報(bào)背景”的調(diào)色方

提高法。

蒙版和通道是Photoshop中十分強(qiáng)大的功能，它們是Photoshop用戶從初

級向中級進(jìn)階的重要門檻。在蒙版和通道的作用下，Photoshop中的各項(xiàng)調(diào)整

功能才能真正發(fā)揮到極致。

35

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

第9章文字的創(chuàng)建與應(yīng)用

一、創(chuàng)建文字

二、課堂案例——制作玩具熊詳情描述

三、創(chuàng)建變形文字與路徑文字

教學(xué)內(nèi)容四、課堂案例——制作七夕手機(jī)端海報(bào)

五、課堂練習(xí)——制作無門檻專區(qū)海報(bào)

六、課堂練習(xí)——制作時尚女鞋海報(bào)

七、課后練習(xí)——制作愛戒永恒海報(bào)

【知識目標(biāo)】

1．熟悉“字符”面板和“段落”面板。

2．掌握使用文字工具創(chuàng)建文字的方法。

3．掌握創(chuàng)建變形文字的方法。

教學(xué)要求

4．掌握創(chuàng)建路徑文字的方法。

【技能目標(biāo)】

1．掌握“玩具熊詳情描述”的制作方法。

2．掌握“七夕手機(jī)端海報(bào)”的制作方法。

1．掌握使用文字工具創(chuàng)建文字的方法。

教學(xué)重點(diǎn)2．掌握創(chuàng)建變形文字的方法。

3．掌握創(chuàng)建路徑文字的方法。

1．掌握使用文字工具創(chuàng)建文字的方法。

教學(xué)難點(diǎn)

2．掌握創(chuàng)建變形文字的方法。

36

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

3．掌握創(chuàng)建路徑文字的方法。

教學(xué)方法講授法、案例法

課時數(shù)3課時

教學(xué)內(nèi)容

第一節(jié)創(chuàng)建文字

一、應(yīng)用橫排文字工具

使用橫排文字工具和直排文字工具可以創(chuàng)建點(diǎn)文字、段落文字和路徑文字，使用橫排

文字蒙版工具和直排文字蒙版工具可以創(chuàng)建文字選區(qū)。

二、認(rèn)識“字符”面板

“字符”面板主要用于設(shè)置文字的字體、字號、字形、字距和行距等，其中設(shè)置字體、

字形、字號、字體顏色和消除鋸齒選項(xiàng)與文字工具屬性欄中相應(yīng)選項(xiàng)的功能相同。

三、認(rèn)識“段落”面板

單擊“窗口”|“段落”命令，即可調(diào)出“段落”面板。所謂段落文字，就是指用文字工具

拖出一個定界框，然后在這個定界框中輸入文字。段落文字具有自動換行、可調(diào)整文字區(qū)

域大小等特點(diǎn)。在處理文字較多的文本時，可以通過“段落”面板創(chuàng)建段落文字。

四、編輯文本框

在文本框中輸入文字時，當(dāng)輸入的文字到達(dá)文本框的邊緣時，文字會自動換行。如果

輸入的文字過多，文本框右下角的控制柄就會呈形狀，表明文字已經(jīng)超出了文本框的范

圍，文字被隱藏了。此時，可以調(diào)整文本框的大小，以顯示被隱藏的文字。拖動文本框四

周的控制柄，即可調(diào)整文本框的大小。

將鼠標(biāo)指針移至文本框的對角線上，當(dāng)其變成形狀時，按住鼠標(biāo)左鍵并拖動，即可

旋轉(zhuǎn)文本框。

五、創(chuàng)建文字選區(qū)

使用工具箱中的文字蒙版工具可以創(chuàng)建文字選區(qū)。選擇工具箱中的橫排文字蒙版工具，

在圖像窗口中單擊鼠標(biāo)左鍵，圖像窗口就會進(jìn)入快速蒙版狀態(tài)，此時整個窗口中鋪上了一

層透明的紅色，可以在其中輸入文字。

第二節(jié)課堂案例——制作玩具熊詳情描述

一、【案例學(xué)習(xí)目標(biāo)】

學(xué)習(xí)使用文字工具創(chuàng)建文字選區(qū)、輸入點(diǎn)文字，以及使用“字符”面板。

二、【案例知識要點(diǎn)】

使用橫排文字蒙版工具創(chuàng)建文字選區(qū)，通過添加圖層樣式為文字添加描邊和陰影效果，

37

《Photoshop網(wǎng)店美工實(shí)例教程（第2版）》教案

使用文字工具輸入點(diǎn)文字。

三、【效果文件位置】

效果文件/第9章/制作寶貝描述.psd。

第三節(jié)創(chuàng)建變形文字與路徑文字

一、創(chuàng)建變形文字

在PhotoshopCS6中，可以對創(chuàng)建的文字進(jìn)行變形操作，從而創(chuàng)作出更有藝術(shù)美感的文

字特效。

二、創(chuàng)建路徑文字

所謂路徑文字，就是指使用鋼筆工具等路徑工具創(chuàng)建路徑，然后輸入文字，使文字沿

著路徑排列，或者在封閉的路徑內(nèi)輸入文字。

選擇鋼筆工具，在圖像窗口中繪制一條路徑。選擇直排文字工具，將鼠標(biāo)指針移至

路徑