課程名稱：網(wǎng)頁設(shè)計(jì)與制作主備人：審核人：第1頁網(wǎng)頁設(shè)計(jì)與制作教案（第4周）專業(yè)課程學(xué)習(xí)任務(wù)項(xiàng)目3：掌握網(wǎng)頁中處理圖像時(shí)的摳圖技巧任務(wù)1掌握規(guī)則形狀摳圖任務(wù)2掌握簡單背景摳圖任務(wù)3掌握復(fù)雜圖形摳圖課時(shí)6教學(xué)對(duì)象授課時(shí)間設(shè)計(jì)者一、學(xué)習(xí)任務(wù)分析1．掌握網(wǎng)頁中對(duì)圖像的摳圖方法。2．教材中的知識(shí)與案例均是從實(shí)際工作中精選而來，具有很強(qiáng)的應(yīng)用性和示范作用。同時(shí)教材結(jié)構(gòu)清晰、內(nèi)容翔實(shí)、語言淺顯易懂，并配以精美的素材圖片。二、學(xué)情分析對(duì)于剛剛接觸網(wǎng)頁設(shè)計(jì)的學(xué)生，思想活躍，有探索新知識(shí)的強(qiáng)烈心理，專業(yè)課的學(xué)習(xí)，除需要一定專業(yè)基礎(chǔ)外，還需要學(xué)生具有很強(qiáng)的技能操作能力，所以在本次課的講授中，采用演示、引導(dǎo)、任務(wù)練習(xí)的方法，讓學(xué)生了解所學(xué)的內(nèi)容。三、學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)：掌握在制作網(wǎng)頁前為圖像摳圖的方法。能力目標(biāo)：學(xué)會(huì)為規(guī)則圖像進(jìn)行摳圖。學(xué)會(huì)為簡單背景進(jìn)行摳圖。學(xué)會(huì)為復(fù)雜圖形進(jìn)行摳圖。素質(zhì)目標(biāo)：不忘初心，堅(jiān)持使命。在為圖像進(jìn)行摳圖學(xué)習(xí)中，充分了解動(dòng)手操作的重要性。四、教學(xué)策略重點(diǎn)難點(diǎn)：重點(diǎn)：快速對(duì)圖像進(jìn)行摳圖；難點(diǎn)：掌握復(fù)雜圖像的摳圖方法。教學(xué)方法：演示與案例教學(xué)法。教學(xué)模式：分組討論，集中點(diǎn)評(píng)，共同提高。五、教學(xué)環(huán)境及資源準(zhǔn)備教學(xué)環(huán)境：多媒體實(shí)訓(xùn)室課前準(zhǔn)備：1.對(duì)應(yīng)本節(jié)課制作了相應(yīng)的備課。2.認(rèn)真設(shè)計(jì)教案、課件和教學(xué)過程。六、教學(xué)過程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖情景描述上課，同學(xué)們好?。ㄏ嗷柡茫。?S管理組織教學(xué)。課前3分鐘：你們是真正的女漢子，你們的辛勞和智慧，證明了巾幗可勝須眉。男兒當(dāng)自強(qiáng)，相信男孩子都不甘在學(xué)習(xí)上示弱。復(fù)習(xí)提問：一、對(duì)于上節(jié)課中瑕疵圖像修復(fù)都有哪些方法？7S管理組織教學(xué)、統(tǒng)計(jì)出勤；課前3分鐘教育；進(jìn)行復(fù)習(xí)提問，讓學(xué)生進(jìn)入思考狀態(tài)。以小組為團(tuán)體回答，并加分。使學(xué)生注意力集中積極思考，積極回答問題。7S管理形成習(xí)慣，鞏固知識(shí)，增強(qiáng)團(tuán)隊(duì)意識(shí)。引導(dǎo)問題網(wǎng)頁設(shè)計(jì)中的圖像處理環(huán)節(jié)，摳圖是一項(xiàng)不可避免的操作，無論是為單一的圖像替換背景，還是為一系列的圖像統(tǒng)一背景，這些都需要對(duì)圖像本身進(jìn)行摳圖來完成。如果是制作網(wǎng)頁中圖像的合成廣告就更少不了摳圖了。為此，小艾想使用比較專業(yè)的軟件對(duì)處理中的摳圖進(jìn)行處理，而同事凱程告訴她，Photoshop就是一個(gè)在摳圖方面具有非常專業(yè)的摳圖功能，在摳圖方面可以將其分為規(guī)則形狀摳圖、簡單背景摳圖、復(fù)雜圖形摳圖、毛發(fā)摳圖和半透明圖像摳圖等操作。接下來，大家可以跟隨小艾一起走進(jìn)Photoshop的摳圖環(huán)節(jié)。大家可以在本節(jié)中了解各種摳圖方法將拍攝的圖像進(jìn)行背景替換，使圖像本身更加凸顯，在網(wǎng)頁視覺中引起買家的注意力，從而間接的增加銷量。引出本節(jié)重點(diǎn)內(nèi)容，注意培養(yǎng)學(xué)生的觀察力和注意力。學(xué)生跟隨老師的講解和啟發(fā)進(jìn)入內(nèi)容，積極思考。通過導(dǎo)入問題,讓學(xué)生分小組思考。相關(guān)知識(shí)介紹任務(wù)1掌握規(guī)則形狀摳圖拍照后想將局部區(qū)域整體移動(dòng)到自己喜歡的背景中，就要掌握控圖的操作。為圖片進(jìn)行規(guī)則幾何摳圖可分為圓形與矩形。對(duì)于規(guī)則現(xiàn)狀進(jìn)行摳圖時(shí)，常用的工具就是選區(qū)工具中的矩形選框工具和橢圓選框工具活動(dòng)1掌握矩形摳圖矩形摳圖首先要進(jìn)行選區(qū)的創(chuàng)建，在Photoshop中常用來創(chuàng)建矩形選區(qū)的工具有矩形選框工具，矩形選框工具使用方法是在圖像中按住鼠標(biāo)向?qū)峭蟿?dòng)松開鼠標(biāo)即可創(chuàng)建選區(qū)，如圖所示，主要應(yīng)用在對(duì)圖像選區(qū)要求不太嚴(yán)格的圖像中。活動(dòng)2掌握正圓摳圖正圓摳圖首先要進(jìn)行選區(qū)的創(chuàng)建，在Photoshop中常用來創(chuàng)建正圓選區(qū)的工具有橢圓選框工具，使用方法與矩形選框工具類似，如圖所示。選區(qū)創(chuàng)建完畢后，將選區(qū)內(nèi)的圖像拖曳到新文檔中即可完成摳圖。任務(wù)2掌握簡單背景摳圖對(duì)于拍攝的照片進(jìn)行摳圖時(shí)，如果背景色是單色時(shí)，摳圖時(shí)可以使用魔術(shù)橡皮擦，快速選擇工具、對(duì)象選擇工具和魔棒工具，以上的四種工具可以通過智能運(yùn)算的方式進(jìn)行圖像的選取?；顒?dòng)1掌握魔術(shù)橡皮擦摳圖使用魔術(shù)橡皮擦工具可以快速去掉圖片的背景。該工具的使用方法非常簡單，只要選擇要清除的顏色范圍，單擊即可將其清除，刪除背景色后的圖片可以直接拖曳到新背景圖片中，如圖所示。活動(dòng)2掌握快速選擇工具摳圖使用快速選擇工具可以快速在圖像中對(duì)需要選取的部分建立選區(qū)，使用方法非常簡單，只要選擇該工具后，使用指針在圖像中拖動(dòng)即可將鼠標(biāo)經(jīng)過的地方創(chuàng)建選區(qū)，選區(qū)創(chuàng)建完畢后，將選區(qū)內(nèi)的圖像拖曳到新文檔中完成摳圖，如圖所示?；顒?dòng)3掌握對(duì)象選擇工具摳圖使用對(duì)象選擇工具創(chuàng)建選區(qū)時(shí)，是非常方便的一個(gè)工具，在在需要選取的范圍上大致創(chuàng)建一個(gè)選取范圍，可以是矩形選區(qū)，也可以是不規(guī)則選區(qū)，松開鼠標(biāo)后即可將需要的內(nèi)容進(jìn)行選擇，選區(qū)創(chuàng)建完畢后可以將其進(jìn)行色相的調(diào)整以此來改變色調(diào)，如圖所示?；顒?dòng)4掌握魔術(shù)棒工具摳圖使用魔棒工具能選取圖像中顏色相同或相近的像素，像素之間可以是相連的也可以是不連續(xù)的。通常情況下使用魔棒工具可以快速創(chuàng)建圖像顏色相近像素的選區(qū)，創(chuàng)建選區(qū)的方法非常簡單，只要在圖像中某個(gè)顏色像素上單擊，系統(tǒng)便會(huì)自動(dòng)以該選取點(diǎn)為樣本創(chuàng)建選區(qū)，反選選區(qū)后可以移動(dòng)圖像到新背景中，如圖所示。任務(wù)3掌握復(fù)雜圖形摳圖拍攝對(duì)象的類型不同形狀也會(huì)有所不同，對(duì)于不規(guī)整形狀的寶貝進(jìn)行摳圖時(shí)，就需要使用一些操作比較復(fù)雜的工具來完成，本小節(jié)為大家介紹一下磁性套索工具、多邊形套索工具和鋼筆工具在摳圖時(shí)的使用方法?；顒?dòng)1掌握多邊形套索工具摳圖多邊形套索工具通常用來創(chuàng)建較為精確的選區(qū)。創(chuàng)建選區(qū)的方法也非常簡單，在不同位置上單擊鼠標(biāo)，即可將兩點(diǎn)以直線的形式連接，起點(diǎn)與終點(diǎn)相交時(shí)單擊即可得到選區(qū)，如圖所示?；顒?dòng)2掌握磁性套索工具摳圖磁性套索工具可以在圖像中自動(dòng)捕捉具有反差顏色的圖像邊緣，并以此來創(chuàng)建選區(qū)，此工具常用在背景復(fù)雜但邊緣對(duì)比度較強(qiáng)烈的圖像中。創(chuàng)建選區(qū)的方法也非常簡單，在圖像中選擇起點(diǎn)后沿邊緣拖動(dòng)即可自動(dòng)創(chuàng)建選區(qū)，如圖所示?；顒?dòng)3掌握鋼筆工具摳圖使用鋼筆工具可以精確地繪制出直線或光滑的曲線，還可以創(chuàng)建形狀圖層。該工具的使用方法也非常簡單。只要在頁面中選擇一個(gè)點(diǎn)單擊，再移動(dòng)到下一點(diǎn)單擊，就會(huì)創(chuàng)建直線路徑；在下一點(diǎn)按下鼠標(biāo)并拖動(dòng)會(huì)創(chuàng)建曲線路徑，按”Enter”鍵繪制的路徑會(huì)形成不封閉的路徑；在繪制路徑的過程中，當(dāng)起始點(diǎn)的錨點(diǎn)與終點(diǎn)的錨點(diǎn)相交時(shí)，鼠標(biāo)指針會(huì)變成形狀，此時(shí)單擊鼠標(biāo)，系統(tǒng)會(huì)將該路徑創(chuàng)建成封閉路徑。1創(chuàng)建路徑使用鋼筆工具可以繪制直線路徑、曲線路徑和封閉路徑，在文檔中選擇鋼筆工具后，在頁面中選擇起點(diǎn)單擊移動(dòng)到另一點(diǎn)后再單擊，會(huì)得到如圖3-28所示的直線路徑；選擇鋼筆工具后，在頁面中選擇起點(diǎn)單擊移動(dòng)到另一點(diǎn)后按下鼠標(biāo)拖動(dòng)，會(huì)得到如圖3-29所示曲線路徑；在頁面中選擇起點(diǎn)單擊移動(dòng)到另一點(diǎn)后按下鼠標(biāo)拖動(dòng)，松開鼠標(biāo)后拖動(dòng)到起始點(diǎn)單擊會(huì)得到如圖所示封閉路徑。2路徑轉(zhuǎn)換為選區(qū)通過鋼筆工具創(chuàng)建的路徑是不能直接進(jìn)行摳圖的，此時(shí)我們只要將創(chuàng)建的路徑轉(zhuǎn)換為選區(qū)，就可以應(yīng)用移動(dòng)工具將選區(qū)內(nèi)的圖像移動(dòng)到新背景中完成摳圖，在Photoshop中將路徑轉(zhuǎn)換為選區(qū)的方法很簡單，可以是直接通過按Ctrl+Enter鍵將路徑轉(zhuǎn)換為選區(qū)；還可以通過“路徑”面板中的“將路徑作為選區(qū)載入”按鈕將路徑轉(zhuǎn)換為選區(qū)；如果在Photoshop2022中可以直接在“屬性欄”中單擊“建立選區(qū)”按鈕將路徑轉(zhuǎn)換為選區(qū)；或者在“彈出”菜單中執(zhí)行“建立選區(qū)”命令，將路徑轉(zhuǎn)換為選區(qū)，如圖所示。課件設(shè)疑，引起注意，牢牢抓住和吸引學(xué)生探究新知識(shí)的心理。講練結(jié)合，突出實(shí)操能力培養(yǎng)。跟隨老師進(jìn)入思考分析狀態(tài)。認(rèn)真完成操作任務(wù)。通過課件引出問題，演示法和指導(dǎo)法，使學(xué)生掌握知識(shí)點(diǎn)。提高學(xué)生操作能力。分組討論組織學(xué)生分小組討論引導(dǎo)問題，保證人人有任務(wù)，人人有活干。評(píng)分項(xiàng)目評(píng)分指標(biāo)標(biāo)準(zhǔn)分評(píng)分儀態(tài)舉止是否得體0.5準(zhǔn)備準(zhǔn)備是否充分0.5語言聲音是否洪亮、表達(dá)是否準(zhǔn)確0.5小組配合組分工是否明確，配合是否默契0.5小計(jì)2分配小組長任務(wù)。通過引導(dǎo)問題，學(xué)生進(jìn)行分析、思考。各個(gè)小組分配任務(wù)進(jìn)行討論問題。達(dá)到培養(yǎng)學(xué)生分工合作和查找資料能力。小組展示各小組派代表上黑板前展示自己小組引導(dǎo)問，由全班同學(xué)找出問題并由小組代表進(jìn)行解答。展示并解答問題。學(xué)生展示討論成果，回答問題。鍛煉學(xué)生表達(dá)能力和儀表。鍛煉學(xué)生表達(dá)能力和儀表。全班查找問題。課堂總結(jié)找最優(yōu)秀小組講解設(shè)計(jì)中的注意事項(xiàng)，并由教師點(diǎn)評(píng)總結(jié)設(shè)計(jì)注意事項(xiàng)，并分組點(diǎn)評(píng)各組優(yōu)缺點(diǎn)。總結(jié)點(diǎn)評(píng)設(shè)計(jì)情況，并歸納知識(shí)點(diǎn)。學(xué)生總結(jié)所學(xué)知識(shí)，積極回答問題。學(xué)生掌握知識(shí)。布置作業(yè)一、練習(xí)鋼筆工具為帽子進(jìn)行摳圖布置作業(yè)，并講解具體要求。記錄并在課下思考問題，主動(dòng)學(xué)習(xí)。培養(yǎng)學(xué)生學(xué)習(xí)能力。便于下次課進(jìn)行。七、教學(xué)評(píng)價(jià)設(shè)計(jì)通過小組自我評(píng)價(jià)、小組評(píng)價(jià)、教師評(píng)價(jià)完成對(duì)小組進(jìn)行評(píng)價(jià)，教師和組長對(duì)成員進(jìn)行評(píng)價(jià)，回答問題加1分；演示操作加