《淘寶美工》教案

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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