《淘寶美工》教案

1、精選優(yōu)質(zhì)文檔-傾情為你奉上教 案系部名稱： 專業(yè)班級(jí)： 科 目： Photoshop平面設(shè)計(jì)與美工教師姓名： 二一八年下學(xué)期課次：1學(xué)科淘寶美工執(zhí)行記錄日期9.139.18星期四二檢查簽字班級(jí) 節(jié)次1-21-2課題Photoshop淘寶網(wǎng)店裝修入門課的類型理論課教學(xué)目的了解淘寶美工職業(yè)，懂得淘寶美工怎樣處理優(yōu)化圖片，怎樣給圖片配精準(zhǔn)的文案。教學(xué)重點(diǎn)1. 什么是淘寶美工。2. 美工文案策劃。教學(xué)難點(diǎn)1. 為什么要做文案。2. 詳情頁文案布局。主要教學(xué)方法講授法教具掛圖教學(xué)環(huán)節(jié)時(shí)間分配1.組織教學(xué)時(shí)間1分鐘4.講授新課時(shí)間65分鐘2.復(fù)習(xí)導(dǎo)入時(shí)間4分鐘5.歸納小結(jié)時(shí)間8分鐘3.作業(yè)布置時(shí)間2分鐘6

2、.操作練習(xí)時(shí)間0分鐘板書設(shè)計(jì)教后記學(xué)生已經(jīng)學(xué)習(xí)過半年P(guān)S，對軟件得心應(yīng)手，只是不太懂得淘寶美工基本職責(zé)。希望通過以后的學(xué)習(xí)，能獨(dú)立完成淘寶首頁，詳情頁制作。專心-專注-專業(yè)教學(xué)過程一、組織教學(xué)：1) 清點(diǎn)人數(shù)。2) 強(qiáng)調(diào)紀(jì)律與衛(wèi)生。3) 激發(fā)學(xué)生學(xué)習(xí)興趣。二、導(dǎo)入：淘寶美工隨著淘寶的發(fā)展而產(chǎn)生，它和傳統(tǒng)的美工有著很大的區(qū)別。三、講授新課：1.淘寶美工的定義：美工一般是指對平面、色彩、構(gòu)圖和創(chuàng)意等進(jìn)行處理的職業(yè),傳統(tǒng)的美工指平面美工和網(wǎng)頁美工等。而淘寶美工是隨著淘寶發(fā)展而新生的職業(yè),主要的工作是對淘寶網(wǎng)店商品品、頁面和廣告進(jìn)行美化,在給消費(fèi)者更好的視覺體驗(yàn)的同時(shí),達(dá)到引導(dǎo)銷售和提高銷售額的目的。

3、2.美工必備知識(shí)：1) 圖像分辨率： 圖像分辨率是指圖像中存儲(chǔ)的信息量，通常情況下,圖像的分率越高,成像尺寸越大,圖像就越清晰。2) 文件格式：a) JPEGb) Pngc) Gifd) Web格式3) 軟件知識(shí)：淘寶美工必須掌握一些設(shè)計(jì)類的軟件a) 圖像編輯軟件b) 網(wǎng)頁編輯軟件c) 視頻編輯軟件4) 淘寶網(wǎng)店組成認(rèn)識(shí)：淘寶網(wǎng)店要是由店鋪首頁、店鋪列表頁和店鋪詳情頁等多個(gè)頁面組成。*店鋪首頁模塊：教學(xué)過程5) 了解網(wǎng)店裝修流程：a) 風(fēng)格規(guī)劃b) 素材準(zhǔn)備c) 圖片/視頻美化處理d) 切片并生成代碼e) 上傳到圖片空間f) 添加熱點(diǎn)或鏈接g) 裝修到店鋪6) 了解網(wǎng)店配色：色彩搭配是樹立同店

4、形象的關(guān)鍵a) 主色b) 輔助色c) 點(diǎn)綴色3.美工文案策劃：1) 為什么要做文案：a) 圖文并茂，突出賣點(diǎn)b) 有效精準(zhǔn)地抓住買家c) 增加品牌力度2) 文案的前期準(zhǔn)備：a) 了解產(chǎn)品信息b) 了解同行信息c) 商品圖準(zhǔn)備3) 文案怎么寫：a) 文案的受眾b) 文案的目標(biāo)c) 文案的主題d) 文案的視覺表現(xiàn)4、哪里需要文案：文案是展示產(chǎn)品特點(diǎn)和賣點(diǎn)的主要途徑,在淘寶不同的圖上,需要不同的文案。1) 店內(nèi)頁面2) 店外促銷廣告5、店內(nèi)文案布局：1) 首頁文案布局a) 頁頭。b) 頁中。c) 頁尾。教學(xué)過程2) 詳情頁文案布局a) 留住賣家。b) 提升興趣。c) 刺激欲望。d) 消除顧慮。3)

5、活動(dòng)文案a) 節(jié)日b) 淘寶活動(dòng)c) 店鋪活動(dòng)與促銷4）店鋪文案a) 賣點(diǎn)文案b) 痛點(diǎn)營銷文案c) 活動(dòng)促銷文案四、多媒體演示與指導(dǎo)：a) 集體演示、講解。b) 個(gè)別演示、補(bǔ)充講解。c) 巡回指導(dǎo)、逐個(gè)講解。歸納小結(jié)店鋪首頁模塊組成。美工怎樣寫文案。課次：2學(xué)科淘寶美工執(zhí)行記錄日期9.209.25星期四二檢查簽字班級(jí)節(jié)次1-21-2課題視覺：網(wǎng)店旺鋪營銷設(shè)計(jì)搭配色彩課的類型實(shí)訓(xùn)課教學(xué)目的由于拍攝光線和設(shè)備等外在因素的影響，多數(shù)非專業(yè)攝影師拍出的照片與實(shí)際商品有偏差，這時(shí)就需要將拍攝的商品照進(jìn)行亮度調(diào)整。教學(xué)重點(diǎn)3. 使用“色階”調(diào)整。4. 使用“曲線”調(diào)整。5. 處理偏色照片。教學(xué)難點(diǎn)3.

6、使用“色階”調(diào)整。4. 使用“曲線”調(diào)整。主要教學(xué)方法講授法、任務(wù)驅(qū)動(dòng)法教具掛圖教學(xué)環(huán)節(jié)時(shí)間分配1.組織教學(xué)時(shí)間1分鐘4.講授新課時(shí)間20分鐘2.復(fù)習(xí)導(dǎo)入時(shí)間4分鐘5.歸納小結(jié)時(shí)間4分鐘3.作業(yè)布置時(shí)間1分鐘6.操作練習(xí)時(shí)間60分鐘板書設(shè)計(jì)教后記教學(xué)過程一、組織教學(xué)：4) 清點(diǎn)人數(shù)。5) 強(qiáng)調(diào)紀(jì)律與衛(wèi)生。6) 激發(fā)學(xué)生學(xué)習(xí)興趣。二、復(fù)習(xí)導(dǎo)入：復(fù)習(xí)：提問一：店鋪首頁的模塊？提問二：淘寶網(wǎng)店組成？導(dǎo)入：通過幾張圖片對比來引入商品圖調(diào)色處理。三、講授新課：1. 處理偏暗的圖片：1) 使用“色階”調(diào)整：在“色階”中能很好地看出陰影、中間和光的分布情況,這是對圖像亮度調(diào)整的一個(gè)常用方法：【圖層】-【色階

7、】，調(diào)整色階值。2) 使用“曲線”調(diào)整：“曲線”也是常用的調(diào)整亮度的方法之一【圖像】【調(diào)整曲線】，輸入曲線值。3) 使用“亮度和對比度”調(diào)整：對于整體灰度,顏色明暗不明量的圖像,使用“亮度/對比度”調(diào)整是最好的方法。教學(xué)過程 【亮度】【對比度】，調(diào)整參數(shù)。2. 處理色彩暗淡照片：當(dāng)拍提出的圖像顏色過于暗淡,與實(shí)際不符時(shí),就要將其調(diào)整到更自然的顏色。 【圖層】【色相/飽和度】3.處理偏色的圖片：a) 使用“自動(dòng)顏色”校正：使用“自動(dòng)顏色”命令能自動(dòng)校正偏色照片。執(zhí)行【圖像】【自動(dòng)顏色】命令b) 使用“曲線”校正：對于偏藍(lán)、紅、綠的照片可以使用“曲線”命令校正。執(zhí)行【圖像】【調(diào)整】【曲線】命令教學(xué)

8、過程i. 使用“色階”校正：i. “色階”命令根據(jù)RGB通道的分布來分析哪個(gè)通道需要校正。ii. 【圖層】-【通道】。iii. 調(diào)整滑塊值來達(dá)到效果。四、多媒體演示與指導(dǎo)：a) 集體演示、講解。b) 個(gè)別演示、補(bǔ)充講解。c) 巡回指導(dǎo)、逐個(gè)講解。課堂實(shí)例練習(xí)一、完成鉛筆圖像調(diào)整： 歸納小結(jié)1. 色階調(diào)整圖片。2. 曲線調(diào)整圖片。3. 通道調(diào)整圖片。課次：3學(xué)科淘寶美工執(zhí)行記錄日期9.2710.9星期四二檢查簽字班級(jí)節(jié)次1-21-2課題淘寶圖片污點(diǎn)處理課的類型實(shí)訓(xùn)課教學(xué)目的無論是自己拍的照片，還是網(wǎng)絡(luò)上的圖片，都會(huì)遇見污點(diǎn)情況。所以通過本堂課的學(xué)習(xí)，我們要知道怎樣去處理圖片上的污點(diǎn)。教學(xué)重點(diǎn)6.

9、 內(nèi)容識(shí)別填充。7. 污點(diǎn)修復(fù)畫筆。8. 仿制圖章工具。教學(xué)難點(diǎn)5. 內(nèi)容識(shí)別填充。6. 污點(diǎn)修復(fù)畫筆。7. 仿制圖章工具。主要教學(xué)方法講授法、任務(wù)驅(qū)動(dòng)法教具掛圖教學(xué)環(huán)節(jié)時(shí)間分配1.組織教學(xué)時(shí)間1分鐘4.講授新課時(shí)間20分鐘2.復(fù)習(xí)導(dǎo)入時(shí)間4分鐘5.歸納小結(jié)時(shí)間4分鐘3.作業(yè)布置時(shí)間1分鐘6.操作練習(xí)時(shí)間60分鐘板書設(shè)計(jì)教后記去除污點(diǎn)是淘寶美工必備基本功，所以每個(gè)學(xué)生必須掌握。教學(xué)過程一、組織教學(xué)：7) 清點(diǎn)人數(shù)。8) 強(qiáng)調(diào)紀(jì)律與衛(wèi)生。9) 激發(fā)學(xué)生學(xué)習(xí)興趣。二、復(fù)習(xí)導(dǎo)入：復(fù)習(xí)：提問一：什么情況下應(yīng)該用曲線調(diào)整圖片？提問二：什么情況下應(yīng)該用通道調(diào)整圖片？導(dǎo)入：通過處理污點(diǎn)后的照片與沒有處理的照

10、片作對比，來引入今天所學(xué)的課程。三、講授新課：3. 內(nèi)容識(shí)別：內(nèi)容識(shí)別填充是很便捷的一種圖像修復(fù)方法,程序會(huì)根據(jù)選擇的區(qū)域周圍的圖像對選區(qū)進(jìn)行識(shí)別填充。修復(fù)前后效果對比步驟：4) 使用矩形選框工具，框選出需要修復(fù)的區(qū)域。5) 【填充】【內(nèi)容識(shí)別】【確定】。6) 完成內(nèi)容填充圖層，得到修復(fù)圖像。4. 污點(diǎn)畫筆修復(fù)工具：使用污點(diǎn)修復(fù)面筆工具可以修簡單的污點(diǎn)。修復(fù)前后效果對比教學(xué)過程步驟：1) 使用工具箱中的污點(diǎn)修復(fù)畫筆工具。2) 按鍵盤上的中括號(hào)【 】調(diào)整畫筆大小。3) 在需要修復(fù)的文字上,單擊并拖動(dòng)鼠標(biāo)。4) 釋放鼠標(biāo)可修復(fù)圖像3.仿制圖章工具：仿制圖章工具是最常用的修復(fù)圖像工具。修復(fù)前后效果對

11、比步驟：1) 打開圖片素材。2) 使用工具箱中的仿制圖章工具。3) 按Alt鍵并在文字周圍的圖像上單擊鼠標(biāo)取樣。4) 取樣后在文字上單擊。5) 依次在周圍取樣并進(jìn)行修復(fù)。四、多媒體演示與指導(dǎo)：1) 集體演示、講解。2) 個(gè)別演示、補(bǔ)充講解。3) 巡回指導(dǎo)、逐個(gè)講解。課堂鞏固訓(xùn)練一、 將下列圖片水印去除。課后鞏固訓(xùn)練1. 將海報(bào)上所有文字去除：歸納小結(jié)4. 內(nèi)容識(shí)別方法。5. 污點(diǎn)畫筆修復(fù)方法。6. 仿制圖章工具去除污點(diǎn)方法。課次：4學(xué)科淘寶美工執(zhí)行記錄日期10.1110.16星期四二檢查簽字班級(jí)節(jié)次1-21-2課題摳圖技巧與場景合成課的類型實(shí)訓(xùn)課教學(xué)目的將需要的主體從背景中摳出來，對于不同的照

12、片可以選擇不同的摳圖技巧。教學(xué)重點(diǎn)9. 規(guī)則形狀摳圖。10. 簡單背景摳圖。11. 圖層關(guān)系背景替換。教學(xué)難點(diǎn)1. 復(fù)雜圖形摳圖。2. 圖層關(guān)系背景替換。主要教學(xué)方法講授法、任務(wù)驅(qū)動(dòng)法教具掛圖教學(xué)環(huán)節(jié)時(shí)間分配1.組織教學(xué)時(shí)間1分鐘4.講授新課時(shí)間20分鐘2.復(fù)習(xí)導(dǎo)入時(shí)間4分鐘5.歸納小結(jié)時(shí)間4分鐘3.作業(yè)布置時(shí)間1分鐘6.操作練習(xí)時(shí)間60分鐘板書設(shè)計(jì)教后記摳圖對于美工來說是基本功，圖片制作是否精美，最基礎(chǔ)的就是摳圖，大部分學(xué)生對于簡單的摳圖還是能做很好，對于復(fù)雜圖形摳圖還是有點(diǎn)問題。教學(xué)過程一、組織教學(xué)：10) 清點(diǎn)人數(shù)。11) 強(qiáng)調(diào)紀(jì)律與衛(wèi)生。12) 激發(fā)學(xué)生學(xué)習(xí)興趣。二、復(fù)習(xí)導(dǎo)入：復(fù)習(xí)：提

13、問一：logo設(shè)計(jì)制作要點(diǎn)？提問二：店標(biāo)設(shè)計(jì)制作要點(diǎn)？導(dǎo)入：對于不同海報(bào)的處理，不僅僅需要背景，還需要主題物，這時(shí)就需要我們把主體物摳出來，對于不同的圖片，可以選擇不同的摳圖技巧。三、講授新課：（講解法、提問法、示范法、練習(xí)法）5. 規(guī)則形狀摳圖：對規(guī)則的形狀，如矩形、圓形和多邊形等圖形可以使用相應(yīng)的工具摳圖。步驟：（多邊套索工具）(1) 啟動(dòng) photoshop，打開素材圖片。(2) 使用工具箱中的多邊形套索工具，沿著產(chǎn)品邊緣單擊鼠標(biāo)，閉合路徑后，自動(dòng)添加選區(qū)。(3) 按Ctrl+j組合鍵將選區(qū)的圖片復(fù)制到新的圖層，隱藏背景層。 6. 簡單背景摳圖：（魔法棒工具）使用魔棒工具能去除較為簡單的

14、背景，如純色和相近色的背景。步驟：(1) 啟動(dòng) Photoshop，執(zhí)行“文件”“打開”命令，打開素材圖片。(2) 按CtrlJ組合鍵復(fù)制背景圖層，使用工具箱中的魔棒工具，選項(xiàng)欄中設(shè)置容差為30。在背景圖片上單擊鼠標(biāo)，載入選區(qū)。(3) 按Shift鍵加選，或在選項(xiàng)欄中單擊“添加到選區(qū)”按鈕。在圖像的背景上繼續(xù)單擊鼠標(biāo)，將所有的背景載入選區(qū)。(4) 按CtrlShift+I組臺(tái)鍵將選區(qū)反向，在圖像上單擊鼠標(biāo)右鍵，執(zhí)行“調(diào)整邊緣”命令。(5) 在彈出的“調(diào)整邊綠”對話框中設(shè)置“平滑”參數(shù)，并設(shè)置輸出到“新建圖層”,單擊“確定”按鈕圖像即被摳出，且保存到新建的圖層中。 7. 復(fù)雜圖形摳圖：（鋼筆工具

15、）對于背景比較復(fù)雜，主體與背景顏色不分明的圖像則需要使用鋼筆工具進(jìn)行摳取。步驟：(1) 啟動(dòng) Photoshop執(zhí)行“文件”“打開”命令，打開素材圖片。(2) 按CtrlJ組合鍵復(fù)制背景圖層，使用工具箱中的鋼筆工具。(3) 在人物周圍依次單擊并拖動(dòng)鼠標(biāo)，創(chuàng)建路徑，起點(diǎn)與終點(diǎn)結(jié)合即完成路徑繪制。(4) 按CtrlEnter組合鍵將路徑載入選區(qū)。* 創(chuàng)建路徑時(shí)，住Ctrl鍵可以移動(dòng)錨點(diǎn)，按Alt鍵并單擊錨點(diǎn)可以將方向線收起。* 在繪制過程中，按Ctrl鍵在路徑以外的任意地方單擊也可完成繪制。(5) 使用矩形選框工具，在選區(qū)上單擊鼠標(biāo)右鍵，執(zhí)行“調(diào)整邊緣”命令。打開“調(diào)整邊緣”對話框，設(shè)置平滑參數(shù)，

16、并設(shè)置輸出到新建圖層，人物被摳出。此時(shí)的圖像顏色偏暗，需要調(diào)亮。(6) 在“圖層”面板下方單擊“創(chuàng)建新的填充或調(diào)整圖層”按鈕，選擇“亮度/對比度”調(diào)整參數(shù)設(shè)置。(7) 由于受原背景的影響，人物頭頂顏色偏黑，需要處理。(8) 在工具箱中長按污點(diǎn)修復(fù)畫筆工具，在展開的工具組中選擇修補(bǔ)工具，將人物頭頂?shù)膮^(qū)域選中并向下拖動(dòng)到附近的圖像上。(9) 圖像進(jìn)行識(shí)別并修補(bǔ)。(10) 用同樣方法摳取，并調(diào)整其它人物。 8. 毛發(fā)摳圖：（調(diào)整邊緣）當(dāng)拍攝模特、毛絨玩具等圖像需要替換背景時(shí)，往往需要摳出毛發(fā)。步驟：(1) 啟動(dòng) Photoshop執(zhí)行“文件”“打開”命令，打開素材圖片。教學(xué)過程(2) 使用魔棒工具在

17、背景上單擊，選擇選區(qū)。按Ctrl+Shift+I組合件反向選擇，選擇“調(diào)整邊緣”，觀察人物頭發(fā)，設(shè)置“調(diào)整半徑工具”，在圖像的頭發(fā)周圍涂抹。(3) 涂抹完成后，設(shè)置輸出到“新建圖層”。 5、 圖層關(guān)系替換背景：部分情況下，使用圖層之間的混合關(guān)系可以不用摳圖就能替換背景。課堂實(shí)例練習(xí)打開“素材/2.5.1”文件，根據(jù)上面所學(xué)的知識(shí)，完成場景合成圖。歸納小結(jié)1. 知識(shí)點(diǎn)總結(jié)2. 任務(wù)完成情況總結(jié)3. 紀(jì)律衛(wèi)生情況總結(jié)課次：5學(xué)科淘寶美工執(zhí)行記錄日期10.1810.23星期四二檢查簽字班級(jí)節(jié)次1-21-2課題Photoshop復(fù)雜摳圖課的類型實(shí)訓(xùn)課教學(xué)目的將需要的主體從背景中摳出來，對于不同的照片可

18、以選擇不同的摳圖技巧。教學(xué)重點(diǎn)利用通道+色階摳圖的過程與方法。教學(xué)難點(diǎn)理解通道摳圖的原理主要教學(xué)方法講授法、任務(wù)驅(qū)動(dòng)法教具掛圖教學(xué)環(huán)節(jié)時(shí)間分配1.組織教學(xué)時(shí)間1分鐘4.講授新課時(shí)間20分鐘2.復(fù)習(xí)導(dǎo)入時(shí)間4分鐘5.歸納小結(jié)時(shí)間4分鐘3.作業(yè)布置時(shí)間1分鐘6.操作練習(xí)時(shí)間60分鐘板書設(shè)計(jì)教后記在教師的指導(dǎo)下，學(xué)生親身體驗(yàn)自主探究、設(shè)計(jì)創(chuàng)作的樂趣，激發(fā)學(xué)生積極參與圖像作品創(chuàng)作的態(tài)度，培養(yǎng)學(xué)生創(chuàng)新能力。教學(xué)過程一、組織教學(xué)：13) 清點(diǎn)人數(shù)。14) 強(qiáng)調(diào)紀(jì)律與衛(wèi)生。15) 激發(fā)學(xué)生學(xué)習(xí)興趣。二、復(fù)習(xí)導(dǎo)入：復(fù)習(xí)：1、規(guī)則形狀摳圖。2、簡單背景摳圖。3、圖層關(guān)系背景替換三、講授新課：（講解法、提問法、示

19、范法、練習(xí)法） 1、利用通道摳圖的原理： 代表選擇區(qū)域白色圖像黑色圖像灰度通道中代表有羽化效果的選區(qū)（模糊區(qū)域）代表非選擇區(qū)域灰色圖像2、演示講解利用通道摳卷發(fā)美女的過程3、利用通道摳圖的方法：（1）選出黑白對比度最高的灰度通道，復(fù)制該通道的副本。（2）在該通道副本中，用畫筆工具將需要選定摳出的部分涂成白色，不需要選擇的部分涂成黑色。注意：黑白交織在一起的部分不用涂。（3）利用色階調(diào)高黑白對比度，來處理黑白交織處的灰色圖像，使黑色像素更黑，白色像素更白，黑白分界線就變得更清楚。 “圖像”“調(diào)整”“色階”（4）用Ctrl+單擊通道副本的縮覽圖，載入白色選區(qū)（即選出白色圖像部分）。（5）顯示并選擇RGB通道，回到圖層調(diào)板中，即可處理選區(qū)中選出的部分圖像。 注意：若圖像是散開的（如冰塊），黑白交織在一起，分不出黑白分界處，就不用涂黑白色，直接調(diào)色階即可。三、學(xué)生實(shí)踐操作學(xué)生根據(jù)老師的講解與導(dǎo)學(xué)案的提示，摳出卷發(fā)美女，并合成新圖。四、學(xué)生作品評價(jià)學(xué)生上傳作品保存到共享文件夾中，教師引導(dǎo)學(xué)生自我評價(jià)，教師點(diǎn)評，選出優(yōu)秀作品。五、學(xué)生自主設(shè)計(jì)制作一份自己的個(gè)性相冊學(xué)生從自備的生活照片中摳出自己，并通過互聯(lián)網(wǎng)了解個(gè)性相冊的設(shè)計(jì)情況，查找素材，或利用老師提供的背景相框圖素材，自主設(shè)計(jì)制作個(gè)人的個(gè)性相冊。六、學(xué)生作品評價(jià)學(xué)生上傳作品保存在共享文件夾中，