高中信息技術(shù)-Photoshop蒙版教學(xué)設(shè)計(jì)學(xué)情分析教材分析課后反思

3.3圖像素材---Photoshop蒙板

教學(xué)目標(biāo)：

（一）知識(shí)目標(biāo)

理解圖層蒙版的原理及作用。

（二）技能目標(biāo)

1.學(xué)會(huì)創(chuàng)建、應(yīng)用、關(guān)閉和刪除圖層蒙版的操作方法。

2.利用【快速蒙版】命令，對(duì)圖像進(jìn)行準(zhǔn)確選區(qū)。

3.利用【圖層蒙版】命令，進(jìn)行圖像之間的融合。

（三）情感目標(biāo)

1.激發(fā)學(xué)生的自信心、成就感以及學(xué)習(xí)本課程的濃厚興趣。

2.拓展學(xué)生的審美能力、想象力以及創(chuàng)新能力。

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

1.蒙版的概念

2.利用【蒙版】命令，運(yùn)用【濾鏡】、【漸變】等制作藝術(shù)效果圖。

教學(xué)難點(diǎn)：如何應(yīng)用蒙版處理圖像

教學(xué)方法：任務(wù)驅(qū)動(dòng)法和啟發(fā)式教學(xué)法相結(jié)合，通過(guò)講授、示范操作、提問(wèn)、引

導(dǎo)等讓學(xué)生以自主、探究的方法學(xué)習(xí)。

教學(xué)準(zhǔn)備：多媒體計(jì)算機(jī)教室、PPT課件、上課所用素材、示范操作的微視頻。

教學(xué)課時(shí)：1節(jié)

教學(xué)過(guò)程：

一、新課導(dǎo)入

導(dǎo)入：先展示一些制作精美的作品，引出蒙版的概念。

1、Photoshop蒙板概念：

①蒙版就是選框的外部（選框的內(nèi)部就是選區(qū)）。蒙版一詞本身即來(lái)自生活

應(yīng)用，也就是“蒙在上面的板子”的含義，保護(hù)住不做處理的部分。

②蒙板是一種特殊的選區(qū)，但它跟常規(guī)的選區(qū)頗為不同。常規(guī)的選區(qū)表現(xiàn)了

一種操作趨向，即將對(duì)所選區(qū)域進(jìn)行處理；而蒙板卻相反，它是對(duì)所選區(qū)域進(jìn)行

保護(hù)，讓其免于操作，而對(duì)非掩蓋的地方應(yīng)用操作。

③蒙版就是一種遮擋，隱藏一部分，顯示一部分。在使用photoshop等軟件

進(jìn)行圖形處理時(shí)，我們常常需要保護(hù)一部分圖像，以使它們不受各種處理操作的

影響，蒙版就是這樣的一種工具，它是一種灰度圖像，其作用就像一張布，可以

遮蓋住處理區(qū)域中的一部分，當(dāng)我們對(duì)處理區(qū)域內(nèi)的整個(gè)圖像進(jìn)行模糊，上色等

操作時(shí)，被蒙版遮蓋起來(lái)的部分就不會(huì)受到改變。蒙版還可以達(dá)到這樣的效果，

當(dāng)蒙版的灰度色深增加時(shí)，被覆蓋的區(qū)域會(huì)變得愈加透明，利用這一特性，我們

可以用蒙版改變圖片中不同位置的透明度，甚至可以代替“橡皮”工具在蒙版上

擦除圖像，而不影響到圖像本身。

2、制作蒙板的方法

（1）利用工具箱中的快速蒙版顯示模式工具產(chǎn)生一個(gè)快速蒙版。

（2）制作圖層蒙版；

（3）先制作選區(qū)一選擇/存儲(chǔ)選區(qū)；直接單擊通道控制面板中的“將選區(qū)存儲(chǔ)

為通道“按鈕；

（4）利用“通道”控制面板，首先創(chuàng)建一個(gè)Alpha通道，然后用繪圖工具

或其他編輯工具在該通道上編輯，以產(chǎn)生一個(gè)蒙版；

二、快速蒙版:

【導(dǎo)入】先展示一些制作精美的作品，這些是用以前學(xué)的知識(shí)是無(wú)法達(dá)到

的，可以提高其興趣，讓學(xué)生快速進(jìn)入課堂，引導(dǎo)學(xué)生思考怎樣完成，即

畫的邊緣進(jìn)行處理。

快速蒙版主要是用于編輯選區(qū)，通過(guò)修改快速蒙版的區(qū)域，轉(zhuǎn)換成選

取之后，可以達(dá)到改變選區(qū)的目的。編輯快速蒙版的方法有選取工具、漸

變工具、畫筆工具、橡皮擦工具、濾鏡處理等，講課時(shí)只介紹濾鏡命令和

畫筆工具的使用，其他感興趣有余力的學(xué)生自己去嘗試。

案例1:給圖片添加個(gè)性邊框

通過(guò)此例，介紹將快速蒙版與濾鏡

結(jié)合改變選區(qū)的方法。先用多邊形套

索工具做出一個(gè)選區(qū)，要處理邊緣，

所以用反選，單擊國(guó)（或在英文輸入

法下，按Q）進(jìn)入快速蒙版編輯狀態(tài)。

注意：在快速蒙版狀態(tài)下，紅色部分

是被保護(hù)的區(qū)域。

1.濾鏡一畫筆描邊一噴濺。

2.退出快速蒙版。

3.在選區(qū)上單擊右鍵，選擇描邊。

4.刪除邊框選區(qū)或者（填充合適的顏色）。

由于濾鏡效果多種多樣，可結(jié)合兩三種不同的濾鏡，做出不同的邊框

效果。

總結(jié)此例中的要點(diǎn)：

1.所選擇區(qū)為沒有被蒙住的區(qū)域；

2.通過(guò)改變快速蒙版的形狀改變選區(qū)。

為了讓學(xué)生進(jìn)一步理解快速蒙版的含義，對(duì)快速蒙版如何改變選區(qū)進(jìn)

行的思考，用下面的例子：

【拓展】案例2：參考微視頻，制作人物臉部磨皮（根據(jù)講課學(xué)生接受和時(shí)

間的實(shí)際情況決定是否要講）

以前我們也學(xué)過(guò)怎樣使人物皮膚光滑，但一般是通過(guò)改變整個(gè)圖像達(dá)

到的，這樣會(huì)使其他地方也變得模糊，效果不好，使用快速蒙版就可以選

中人物需要磨皮的地方，對(duì)其進(jìn)行操作。

1.單擊國(guó)（Q）,以快速蒙版模式編輯。前景色設(shè)置為黑色，用畫筆（硬

度0）避開眉毛、眼睛、鼻孔、嘴巴在面部，涂抹。涂抹不恰當(dāng)?shù)牡胤娇捎?/p>

百色畫筆修改。

2.單擊國(guó)（Q）,以標(biāo)準(zhǔn)模式編輯，反選，臉部需要磨皮的地方已被選中。

之后可以用以前學(xué)的知識(shí)修改。

上機(jī)練習(xí)：

任務(wù)1.仿照實(shí)例1給［薰衣草.jpg］或者［度假勝地.jpg］圖片加一個(gè)邊框,

命名為“任務(wù)l.jpg"

任務(wù)2.打開mm.jpg,選擇面部皮膚（參考微視頻快速蒙版磨皮.wmv）,

命名為“任務(wù)2.jpg”

三、圖層蒙版：

導(dǎo)入：瀏覽一組效果圖片，讓學(xué)生大致了解這節(jié)課所要用到的素材和達(dá)到的

效果，提高其興趣。以所展示的效果圖為教學(xué)線索，一步步推進(jìn)。

第二組

第三組

效果圖

在使用photoshop等軟件進(jìn)行圖形處理時(shí)，我們常常需要保護(hù)一部分圖像,

以使它們不受各種處理操作的影響，蒙版就是這樣的一種工具，它是一種灰度圖

像，其作用就像一張布，可以遮蓋住處理區(qū)域中的一部分，當(dāng)我們對(duì)處理區(qū)域內(nèi)

的整個(gè)圖像進(jìn)行模糊，上色等操作時(shí)，被蒙版遮蓋起來(lái)的部分就不會(huì)受到改變。

蒙版還可以達(dá)到這樣的效果，當(dāng)蒙版的灰度色深增加時(shí)，被覆蓋的區(qū)域會(huì)變得愈

加透明，利用這一特性，我們可以用蒙版改變圖片中不同位置的透明度，甚至可

以代替“橡皮”工具在蒙版上擦除圖像，而不影響到圖像本身。

1、圖層間的融合一用漸變工具處理

案例1：人物風(fēng)景畫【觀看微視頻】

通過(guò)此例，同學(xué)們了解圖層蒙版中，在蒙版上添加黑色時(shí)，會(huì)隱藏對(duì)應(yīng)的圖像區(qū)

域，在蒙版上添加白色時(shí)，會(huì)顯示對(duì)應(yīng)的圖像區(qū)域，在蒙版上添加灰色時(shí)，對(duì)應(yīng)

的圖像區(qū)域若隱若現(xiàn)，取決于灰色的深淺程度。

1.將人物放于風(fēng)景圖片上層。選擇人物

口層，在圖層面板最下面點(diǎn)擊添加圖層蒙

版圖標(biāo)，可以看到當(dāng)前層上出現(xiàn)了蒙版。

注意，背景圖層不能添加蒙版。

2.分別用黑色和白色的畫筆涂抹蒙版，注意人物圖層的變化

3.在蒙版中填充黑白漸變，圖像就會(huì)逐漸遮擋住。注意，現(xiàn)在填充

的不是顏色，而是遮擋范圍。

4.在蒙版狀態(tài)下反復(fù)修改蒙版，以產(chǎn)生不同的效果。漸變的范圍決定

了遮擋的范圍，黑白的深淺決定了遮擋的程度。

5.選擇蒙版，停用圖層蒙版，看是否影響原圖，再次啟用蒙版。

6.經(jīng)過(guò)蒙版的遮擋，就會(huì)在

被遮擋的地方顯露出下面圖層的

圖像，原本毫不相關(guān)的兩幅圖就

天衣無(wú)縫的融合在一起了。

2、圖層蒙版一一復(fù)雜邊緣圖像摳圖

摳圖是PS的基本操作。路徑適合做邊緣整齊的圖像，魔棒適合做顏色單一

的圖像，套鎖適合做邊緣清晰一致能夠一次完成的圖像，通道適合做影調(diào)能做區(qū)

分的圖像。那么，對(duì)于邊緣復(fù)雜，塊面很碎，顏色豐富，邊緣清晰度不一，影調(diào)

跨度大的圖像，最好是用蒙版來(lái)做。

案例2：貓兔合一【參考微視頻】

制作方法非常簡(jiǎn)單，并且常用，簡(jiǎn)述如下：

先看圖層結(jié)構(gòu)：

1、對(duì)齊，把“貓”放入“兔”圖層，降低不透明度，對(duì)齊他們

的頭部位置，再調(diào)回不透明度。

2、校正位置，執(zhí)行“自由變換”--“水平翻轉(zhuǎn)”，轉(zhuǎn)正頭像。

3、添加蒙版，點(diǎn)擊“圖層面板”下方的矩形中間有個(gè)圓框的''添

加圖層蒙版”圖標(biāo)。

4、繪制蒙版，用黑色很柔的畫筆在蒙版中涂抹，其中，黑色區(qū)

域會(huì)遮擋住貓的圖案，柔筆的邊緣會(huì)有漸隱漸顯的效果。

5、調(diào)色，增加一個(gè)“調(diào)整圖層”一“色相/飽和度”，按住alt

鍵不放，鼠標(biāo)移至該調(diào)整圖層與貓之間點(diǎn)擊，嵌入圖層。調(diào)整“色

相”的滑標(biāo)，調(diào)整顏色。即完成該效果。

注：要注意你是在蒙版上作圖還是在原圖層上作圖，可以仔細(xì)

觀察蒙版縮略圖外邊是否有一個(gè)白邊，如果有，則是蒙版上，如果

原圖的縮略圖外邊有白邊則是在原圖上作圖。點(diǎn)擊縮略圖可以切換

作用的目標(biāo)。

上機(jī)練習(xí)

任務(wù)3：將左圖中的天空變?yōu)橹虚g的天空，最終結(jié)果如右圖所示，命名“任

務(wù)3.jpg”

任務(wù)4：將兔子和貓合成一副圖片,命名為“任務(wù)4.jpg”

【選作參考微視頻】

任務(wù)5：制作牧場(chǎng)小屋風(fēng)景圖，要求推開小屋門后，能夠看到不同的風(fēng)景。

原圖:

效果圖

注意事項(xiàng)

1、圖片【牧場(chǎng)小屋.jpg】的圖像模式為灰度模式，需要先轉(zhuǎn)化成RGB模式，

【圖像一模式一RGB顏色】

2、需要把門打開。【編輯一變換一斜切】

3、如何快速地做好蒙版選區(qū)?！靖淖儽尘皥D的不透明度】

四、課堂小節(jié)：Photoshop蒙版的優(yōu)點(diǎn)

1.修改方便，不會(huì)因?yàn)槭褂孟鹌げ粱蚣羟袆h除而造成不可返回的遺憾；作

圖完成后，仍然可以對(duì)蒙版層進(jìn)行修改，如果不需要可以刪除（點(diǎn)擊“鏈條”斷

開聯(lián)系，然后把蒙版拖至垃圾桶），遮罩的地方太多可以用白色畫筆進(jìn)行涂抹進(jìn)

行恢復(fù)。

2.可運(yùn)用不同濾鏡，以產(chǎn)生一些意想不到的特效；

3.任何一張灰度圖都可用來(lái)用為蒙板，黑色便是遮擋的部分，看不見的部

分，白色便是孔洞，可以從中看到當(dāng)前圖層的圖案，灰色為半透明。

4.遮擋的是本圖層的部分，被遮擋住會(huì)顯示下面圖層的圖案。

5.原圖仍然是沒有任何損壞的，你可以再用原圖去做其它效果，給創(chuàng)作預(yù)留

了空間。

五、課堂檢測(cè)

1、于圖層蒙版下列哪些說(shuō)法是正確的？ABC

A.用黑色的毛筆在圖層蒙版上涂抹，圖層上的像素就會(huì)被遮住

B.用白色的毛筆在圖層蒙版上涂抹，圖層上的像素就會(huì)顯示出來(lái)

C.用灰色的毛筆在圖層蒙版上涂抹，圖層上的像素就會(huì)被部分遮?。ɑ蛘哒f(shuō)部分顯示）

D.圖層蒙版一旦建立，就不能被修改

2、若要進(jìn)入快速蒙版狀態(tài)，應(yīng)該：A

A、建立一個(gè)選區(qū)B、選擇一個(gè)Alpha通道C、單擊工具箱中的快速蒙版圖標(biāo)

D、單擊編輯菜單中的快速蒙版

3、工具箱底部有兩個(gè)按鈕，分別為“以標(biāo)準(zhǔn)模式編輯”和“以快速蒙版模式編輯”，通過(guò)

“快速蒙版”可對(duì)圖像中的選區(qū)進(jìn)行修改，請(qǐng)問(wèn)按鍵盤上的哪個(gè)字母鍵可以將圖像切換

到“以快速蒙版模式編輯”狀態(tài)（在英文輸入狀態(tài)下）？C

A、字母AB、字母CC、字母QD、字母T

4、下操作中所產(chǎn)生的結(jié)果不改變色相的是：BC

A、色階調(diào)整B、建立調(diào)整層C、建立圖層蒙板D、曲線調(diào)整

5、hotoshop中下面對(duì)于圖層蒙版敘述正確的是：AB

A、使用圖層蒙版的好處在于，能夠通過(guò)圖層蒙版隱藏或顯示部分圖像。

B、使用蒙版能夠很好的混合兩幅圖像

C、使用蒙版能夠避免顏色損失

D、使用蒙版可以減小文件大小

6、面對(duì)圖層蒙板的顯示、關(guān)閉和刪除描述哪些是正確的：AC

A.按住shift鍵的同時(shí)單擊圖層選項(xiàng)欄中的蒙板就可以關(guān)閉蒙板，使之不在圖像中顯示

B.當(dāng)在圖層調(diào)板的蒙板圖標(biāo)上出現(xiàn)一個(gè)黑色叉號(hào)標(biāo)記，表示將圖層蒙板暫時(shí)關(guān)閉（提示:

應(yīng)為紅色）

C.圖層蒙板可以通過(guò)圖層調(diào)板中的垃圾桶圖標(biāo)進(jìn)行刪除

D.圖層蒙板創(chuàng)建后就不能被刪除

7、利用快速蒙版制作的只是一個(gè)臨時(shí)選區(qū)A

A.正確B.錯(cuò)誤

8、蒙版選區(qū)是可以操作的（）

A、是B、否

六、實(shí)例講解

利用快速蒙版【撕裂照片】

制作步驟如下：

1、拖入素材圖，雙擊變成圖層。

2、用“多邊形套索”，做出一個(gè)選區(qū)，然后點(diǎn)擊工具欄上的“快速蒙版”進(jìn)入

快速蒙版編輯模式。

3、其中紅色區(qū)域，（注：這個(gè)顏色可能在“首選項(xiàng)”里進(jìn)行調(diào)

節(jié)）表示被蒙住的區(qū)域，白色表示透過(guò)來(lái)的區(qū)域。

4、采用“濾鏡”--“像素化”-“晶格化”進(jìn)行操作。

（注：在快速蒙版模式下，選擇圖層等操作是徒勞的，現(xiàn)在任何

操作都只對(duì)蒙版有效，當(dāng)前你可以把這個(gè)蒙版上的圖案看作一幅圖，可以對(duì)他

進(jìn)行任何與圖像有關(guān)的操作，只是他永遠(yuǎn)只能是一幅單色圖，并且用紅色表示沒

有被選中，完全透明表示被選中，中間色表示選中一部分）

5、再次點(diǎn)擊工具欄上的“快速蒙版”標(biāo)簽，回到“標(biāo)準(zhǔn)編輯模式”。

6、再用“自由變換”，把旋轉(zhuǎn)中心移動(dòng)選框左下底部，再進(jìn)行旋轉(zhuǎn)操作。

7,最后給這個(gè)圖層增加一點(diǎn)陰影。效果就出來(lái)了。

講這個(gè)例子，要弄明白的是快速蒙版的唯一目的就是用來(lái)選區(qū)的。他的區(qū)域

是一幅單色調(diào)圖案，我們可以對(duì)這個(gè)圖案進(jìn)行操作，以此來(lái)擴(kuò)充諸如：矩形選

框，圓形選框，套索，磁性套索等的功能。

快速蒙版可以說(shuō)是PS中不可缺少的工具，特別是它與磁性套索工具雙劍合

并，可以說(shuō)是所向無(wú)敵，幾乎沒有什么圖是摳不出來(lái)的，磁性套索的特點(diǎn)就是速

度快但細(xì)節(jié)不夠了，快速蒙版就是速度慢但細(xì)節(jié)處理好，兩者相結(jié)合可以達(dá)到近

乎完美的效果，接下來(lái)本實(shí)例就來(lái)具體的講解一下。

學(xué)情分析：

高中學(xué)生具備一定科技觀察能力，對(duì)日常生活中比較流行的科技產(chǎn)品比較有興趣，所以

可以借助這個(gè)特點(diǎn)創(chuàng)設(shè)有效的教學(xué)情境，開展相關(guān)內(nèi)容的學(xué)習(xí)。在【信息技術(shù)基礎(chǔ)】的學(xué)習(xí)

中，對(duì)于Photoshop的基本操作，同學(xué)們已經(jīng)有所了解。本次【多媒體技術(shù)應(yīng)用】中在此深

入學(xué)習(xí)PhotoShop,同學(xué)們比較容易深入。本節(jié)我們要講蒙版知識(shí)，在之前已經(jīng)把PhotoShop

選區(qū)學(xué)習(xí)完畢，對(duì)比常規(guī)選區(qū)，再學(xué)習(xí)蒙版就簡(jiǎn)單多了。

1.用通俗的語(yǔ)言講解蒙版的含義，清晰的講授了有效圖層蒙版的方法（學(xué)生基本都能

夠理解“所選區(qū)域顯示，其他區(qū)域隱藏”的含義），并且講原理的同時(shí)演示，學(xué)生更易理解；

2.將之前做學(xué)的東西與新知識(shí)做對(duì)比講授，學(xué)生更明確其優(yōu)點(diǎn)及用途。

3.展示的素材學(xué)生都很喜歡，制作熱情非常高

4.學(xué)生自主學(xué)習(xí)能力強(qiáng)，互動(dòng)效果比較好。

5.根據(jù)不同層次的學(xué)生設(shè)計(jì)了不同的練習(xí)題，滿足了不同層次學(xué)生的需求。

教材分析:

在必修模塊【信息技術(shù)基礎(chǔ)】課程的學(xué)習(xí)中已經(jīng)有了“加工并利用數(shù)字畫圖形圖像解決

問(wèn)題的初步經(jīng)驗(yàn),本節(jié)主要通過(guò)實(shí)例，引導(dǎo)學(xué)生進(jìn)一步理解學(xué)生數(shù)字化圖形圖像的基本原理,

掌握根據(jù)具體問(wèn)題需求加工圖形圖像的方法，學(xué)會(huì)根據(jù)表達(dá)意圖選擇合適的工具，并且能夠

設(shè)計(jì)出恰當(dāng)?shù)貍鬟f信息、有效地表達(dá)思想的作品。

【多媒體技術(shù)應(yīng)用】相對(duì)于【信息技術(shù)基礎(chǔ)】而言，增強(qiáng)了學(xué)科的專業(yè)深度，即增強(qiáng)了

多媒體技術(shù)原理層面的內(nèi)容，強(qiáng)調(diào)表達(dá)思想創(chuàng)意，掌握利用某種多媒體工具處理多媒體信息

的方法，為發(fā)展學(xué)生創(chuàng)做多媒體作品的能力奠定基礎(chǔ)。

一、對(duì)于快速蒙版部分

1、大多數(shù)學(xué)生能夠理解快速蒙版的作用以及如何利用快速蒙版進(jìn)行選區(qū)。

2、少數(shù)學(xué)生沒有理解，此節(jié)課中濾鏡的操作是針對(duì)蒙版的。

3、制作邊框完成很快，但大都仿照老師的制作方法，沒有新的創(chuàng)意。

二、對(duì)于圖層蒙版

1、大多數(shù)學(xué)生掌握?qǐng)D層蒙版的定義，能夠熟練應(yīng)用圖層蒙版處理圖片。

2、學(xué)生的自主學(xué)習(xí)能力很強(qiáng)，通過(guò)老師提供的微視頻，能夠繪制出非常漂亮的圖片。

3、學(xué)生的創(chuàng)新能力也是值得贊賞的，有突破，有升華。

1、于圖層蒙版下列哪些說(shuō)法是正確的？ABC

A.用黑色的毛筆在圖層蒙版上涂抹，圖層上的像素就會(huì)被遮住

B.用白色的毛筆在圖層蒙版上涂抹，圖層上的像素就會(huì)顯示出來(lái)

C.用灰色的毛筆在圖層蒙版上涂抹，圖層上的像素就會(huì)被部分遮?。ɑ蛘哒f(shuō)部分顯示）

D.圖層蒙版一旦建立，就不能被修改

2、若要進(jìn)入快速蒙版狀態(tài)，應(yīng)該：A

A、建立一個(gè)選區(qū)B、選擇一個(gè)Alpha通道C、單擊工具箱中的快速蒙版圖標(biāo)

D、單擊編輯菜單中的快速蒙版

3、工具箱底部有兩個(gè)按鈕，分別為“以標(biāo)準(zhǔn)模式編輯”和“以快速蒙版模式編輯”，通過(guò)

“快速蒙版”可對(duì)圖像中的選區(qū)進(jìn)行修改，請(qǐng)問(wèn)按鍵盤上的哪個(gè)字母鍵可以將圖像切換

到“以快速蒙版模式編輯”狀態(tài)（在英文輸入狀態(tài)下）？C

A、字母AB、字母CC、字母QD、字母T

4、下操作中所產(chǎn)生的結(jié)果不改變色相的是：BC

A、色階調(diào)整B、建立調(diào)整層C、建立圖層蒙板D、曲線調(diào)整

5、hotoshop中下面對(duì)于圖層蒙版敘述正確的是：AB

A、使用圖層蒙版的好處在于，能夠通過(guò)圖層蒙版隱藏或顯示部分圖像。

B、使用蒙版能夠很好的混合兩幅圖像

C、使用蒙版能夠避免顏色損失

D、使用蒙版可以減小文件大小

6、面對(duì)圖層蒙板的顯示、關(guān)閉和刪除描述哪些是正確的：AC

A.按住shift鍵的同時(shí)單擊圖層選項(xiàng)欄中的蒙板就可以關(guān)閉蒙板，使之不在圖像中顯

示