《Photoshop網(wǎng)店美工設(shè)計(全彩慕課版)》配套教學(xué)教案第1講初識網(wǎng)店美工與網(wǎng)店裝修授課時間90分鐘課時?掌握網(wǎng)店美工的基礎(chǔ)知識。口了解網(wǎng)店裝修的風格定位?？谡莆站W(wǎng)店的頁面構(gòu)成?？谡莆站W(wǎng)店裝修的設(shè)計要點。?熟悉網(wǎng)店裝修的常用軟件?？谡莆站W(wǎng)店裝修的基本流程。教學(xué)重點?熟練掌握網(wǎng)店美工的常用軟件的使用方法?？诹私饩W(wǎng)店裝修的風格定位的發(fā)展趨勢。?熟練掌握網(wǎng)店裝修的頁面構(gòu)成方式。教學(xué)難點了解并掌握網(wǎng)店裝修基本流程的步驟。1、教學(xué)思路：通過對網(wǎng)店美工的基本概述和網(wǎng)店裝修的風格定位、頁面構(gòu)成、設(shè)計要點、常用軟件、常用軟件以及基本流程進行講解。2、教學(xué)手段：提高對網(wǎng)店美工專業(yè)的基本興趣討論問題：1、網(wǎng)店裝修的風格定位有哪些?2、網(wǎng)店裝修的基礎(chǔ)元素是什么?內(nèi)容大綱：具體可結(jié)合本項目的PPT課件進行配合講解。1.1.1網(wǎng)店美工的基本概念1.1.2網(wǎng)店美工的工作內(nèi)容1.1.3網(wǎng)店美工的基本技能1.4.1基礎(chǔ)元素1.4.2顏色搭配1.4.3文字設(shè)計1.4.4版式構(gòu)圖小結(jié)1、熟練掌握網(wǎng)店美工的常用軟件的使用方法。2、了解網(wǎng)店裝修的風格定位的發(fā)展趨勢。3、熟練掌握網(wǎng)店裝修的頁面構(gòu)成方式。第2講商品圖片的美化處理授課時間90分鐘課時?掌握裁剪的處理基礎(chǔ)?？谡莆論笀D的處理基礎(chǔ)。口掌握調(diào)色的處理基礎(chǔ)。掌握修圖的處理基礎(chǔ)。教學(xué)重點?熟練掌握裁剪的處理方法。?熟練掌握摳圖的處理方法。?熟練掌握調(diào)色的處理方法。教學(xué)難點熟練掌握修圖的處理方法。1、教學(xué)思路：(1)通過對課堂案例的講解掌握裁剪校正傾斜的商品、裁剪校正變形的商品、多邊形套索工具摳圖、魔棒工具摳圖、鋼筆工具摳圖、調(diào)整偏色圖片、課讓圖片更出色、讓圖片更清晰、修復(fù)圖像瑕疵、復(fù)制取樣圖像的方法和技巧；(2)固軟件功能及調(diào)色技巧；(4)最后通過課后習(xí)題消化所學(xué)軟片美化處理的能力。2、教學(xué)手段：(1)通過課堂案例快速熟悉制作思路和軟件功能；(2)通過軟件功能解析深入學(xué)習(xí)軟件功能和制作特點。(3)通過課堂練習(xí)和課后習(xí)題提高學(xué)生的實際應(yīng)用能力。3、教學(xué)資料及要求：在網(wǎng)上或現(xiàn)實生活中找一些商品圖片進行處理，來加深學(xué)員對知識點的理解，拓展實際應(yīng)用能力。教學(xué)內(nèi)容討論問題：1、常見的摳圖方法有哪些?2、常見的修圖方法有哪些?內(nèi)容大綱：具體可結(jié)合本項目的PPT課件進行配合講解。2.1.2課堂案例——裁剪校正傾斜的商品2.1.3課堂案例——裁剪校正變形的商品2.2摳圖2.2.1摳圖的處理基礎(chǔ)2.2.2課堂案例——使用多邊形套索工具摳圖2.2.3課堂案例——使用魔棒工具摳圖2.2.4課堂案例——使用鋼筆工具摳圖2.3.1調(diào)色的處理基礎(chǔ)2.3.2課堂案例——調(diào)整偏色圖片2.3.3課堂案例——讓圖片更出色2.3.4課堂案例——讓圖片更清晰2.4.1修圖的處理基礎(chǔ)2.4.2課堂案例——修復(fù)圖像瑕疵2.4.3課堂案例——復(fù)制取樣圖像小結(jié)1、熟練掌握裁剪的處理方法。2、熟練掌握摳圖的處理方法。3、熟練掌握調(diào)色的處理方法。2.5課堂練習(xí)——調(diào)整曝光不足的商品圖片使用“曲線"命令和“色階”命令調(diào)整曝光不足的商品圖片。2.6課后習(xí)題——增強商品圖片的色彩鮮艷度使用"色相/飽和度"命令、"曲線"命令、"自然飽和度"命令和"色階"命令增加商品圖片的色彩鮮艷度。第3講網(wǎng)店營銷推廣圖設(shè)計授課時間90分鐘課時2教學(xué)重點口掌握主圖設(shè)計的設(shè)計方法。口掌握直通車圖的設(shè)計方法。?掌握鉆展圖的設(shè)計方法。教學(xué)難點了解并掌握鉆展圖的設(shè)計要點。1、教學(xué)思路：(1)通過對課堂案例的講解掌握電風扇主圖設(shè)計、鈣片直通車圖設(shè)計以及生鮮食品鉆展圖設(shè)計的方法和技巧；(2)通過軟件相關(guān)功能的解析深入學(xué)習(xí)軟件功能和制作特色；(3)再通過課堂練習(xí)鞏固軟件功能及制作直通車圖的方法；(4)最后通過課后習(xí)題消化所學(xué)軟件知識，提高制作鉆展圖的能力。2、教學(xué)手段：(1)通過課堂案例快速熟悉制作思路和軟件功能；(2)通過軟件功能解析深入學(xué)習(xí)軟件功能和制作特點。(3)通過課堂練習(xí)和課后習(xí)題提高學(xué)生的實際應(yīng)用能力。3、教學(xué)資料及要求：在網(wǎng)上或現(xiàn)實生活中找一些圖片進行制作，來加深學(xué)員對知識點的理解，拓展實際應(yīng)用能力。教學(xué)內(nèi)容討論問題：1、主圖的板式構(gòu)圖分為哪幾種?2、鉆展圖的基本概念是什么?內(nèi)容大綱：具體可結(jié)合本項目的PPT課件進行配合講解。3.1主圖設(shè)計3.1.1主圖的基本概念3.1.2主圖的設(shè)計要點3.2直通車圖設(shè)計3.2.1直通車圖的基本概念3.2.2直通車圖的設(shè)計要點3.2.3課堂案例——鈣片直通車圖設(shè)計3.3鉆展圖設(shè)計3.3.2鉆展圖的設(shè)計要點3.4課堂練習(xí)——母嬰產(chǎn)品直通車圖設(shè)計小結(jié)1、掌握主圖設(shè)計的設(shè)計方法。2、掌握直通車圖的設(shè)計方法。3、掌握鉆展圖的設(shè)計方法。作業(yè)3.4課堂練習(xí)——母嬰產(chǎn)品直通車圖設(shè)計使用“亮度/對比度”命令調(diào)整母嬰產(chǎn)品直通車圖的色調(diào)。干爽超透氣嬰兒環(huán)腰輝智3.5課后習(xí)題——服裝鉆展圖設(shè)計工具輸入文字，使用“變換”命令調(diào)整服裝鉆展圖。實5送2春夏上新綻放青春第4講店鋪海報設(shè)計授課時間90分鐘課時2教學(xué)重點?掌握海報的設(shè)計尺寸。?了解海報的版式構(gòu)圖。?了解海報的設(shè)計形式。教學(xué)難點了解并掌握海報的基本概念。1、教學(xué)思路：(1)通過對課堂案例的講解掌握制作護膚產(chǎn)品海報設(shè)計的方法和技巧；(2)通過軟件相關(guān)功能的解析深入學(xué)習(xí)軟件功能和制作特色；(3)再通過課堂練件知識，提高商品海報設(shè)計的能力。2、教學(xué)手段：(1)通過課堂案例快速熟悉制作思路和軟件功能；(2)通過軟件功能解析深入學(xué)習(xí)軟件功能和制作特點。(3)通過課堂練習(xí)和課后習(xí)題提高學(xué)生的實際應(yīng)用能力。3、教學(xué)資料及要求：在網(wǎng)上或現(xiàn)實生活中找一些圖片、文字等素材進行設(shè)計，來加深學(xué)員對知識點的理解，拓展實際應(yīng)用能力。內(nèi)容大綱：具體可結(jié)合本項目的PPT課件進行配合講解。4.2.1海報的設(shè)計尺寸4.2.2海報的版式構(gòu)圖小結(jié)1、掌握海報的設(shè)計尺寸。2、了解海報的版式構(gòu)圖。3、了解海報的設(shè)計形式。4.4課堂練習(xí)——空調(diào)海報設(shè)計使用"矩形"工具、"圓角矩形"工具、"橢圓"工具繪制圖形，使用"橫排文字"工具輸入文字，使用"高斯模糊"命令制作陰影模糊效果。GSL微斷力空通新品空調(diào)立即拒則空調(diào)全場1399元起4.5課后習(xí)題——果汁飲品海報設(shè)計使用"矩形"工具、"畫筆"工具、"鋼筆"工具和“漸變"工具繪制圖形，使用"橫排文字"工具輸入文字，使用"漸變疊加"命令和"投影"命令添加圖層樣式，使用"添加圖層蒙版”命令隱藏不需要的圖像，使用“高斯模糊”命令、"亮度/對比度"命令及“曲線”命令調(diào)整果汁飲品海報的色調(diào)。水飲專場盛復(fù)物織季第5講PC端店鋪首頁設(shè)計授課時間180分鐘課時4教學(xué)重點?了解店招導(dǎo)航的基本概念?？诹私夥诸惸K的設(shè)計構(gòu)成?？诹私獾撞啃畔⒌脑O(shè)計構(gòu)成。教學(xué)難點了解并掌握輪播海報的設(shè)計構(gòu)成和設(shè)計要點。1、教學(xué)思路：(1)通過對課堂案例的講解掌握家具產(chǎn)品首頁設(shè)計的方法和應(yīng)用技巧；(2)再通過軟件相關(guān)功能的解析深入學(xué)習(xí)軟件功能和制作特色；(3)再通過課堂練習(xí)鞏固軟件功能及PC端店鋪首頁設(shè)計的方法；(4)最后通過課后習(xí)題消化所學(xué)軟件知識，提高PC端店鋪首頁設(shè)計的設(shè)計能力。2、教學(xué)手段：(1)通過課堂案例快速熟悉制作思路和軟件功能；(2)通過軟件功能解析深入學(xué)習(xí)軟件功能和制作特點。(3)通過課堂練習(xí)和課后習(xí)題提高學(xué)生的實際應(yīng)用能力。3、教學(xué)資料及要求：在網(wǎng)上或現(xiàn)實生活中找一些圖片進行設(shè)計，來加深學(xué)員對知識點的理解，拓展實際應(yīng)用能力。內(nèi)容大綱：具體可結(jié)合本項目的PPT課件進行配合講解。5.2.2輪播海報5.2.4分類模塊5.2.5商品展示5.2.6底部信息小結(jié)1、了解店招和導(dǎo)航的基本概念。2、了解分類模塊的設(shè)計構(gòu)成。3、了解底部信息的設(shè)計構(gòu)成。5.4課堂練習(xí)——春夏女裝首頁設(shè)計使用"矩形"工具、"圓角矩形"工具、"橢圓"工具、"多邊形”工具和“直線"工具繪制圖形，使用"橫排文字"工具輸入文字，使用"新建參考線"命令創(chuàng)建參考線，使用"描邊"命令添加圖層樣式，使用“創(chuàng)建剪貼蒙版"命令和"對齊”命令調(diào)整春夏女裝首頁的細節(jié)。5.5課后習(xí)題——數(shù)碼產(chǎn)品首頁設(shè)計使用"矩形"工具、"圓角矩形"工具、"橢圓"工具、"多邊形"工具和“直線"工具繪制圖形，使用"橫排文字"工具輸入文字，使用“漸變疊加"命令添加圖層樣式，使用"新建參考線"命令創(chuàng)建參考線，使用"對齊"命令、"高斯模糊"命令、"變換"命令和"亮度/對比度"命令調(diào)整數(shù)碼產(chǎn)品首頁的細節(jié)。第6講PC端店鋪詳情頁設(shè)計授課時間180分鐘課時4口掌握詳情頁的基本概念。?掌握詳情頁的設(shè)計模塊。教學(xué)重點口掌握賣點提煉的設(shè)計要點。?掌握商品展示的設(shè)計構(gòu)成?？谡莆掌渌K的基本概念。教學(xué)難點熟練掌握細節(jié)展示設(shè)計構(gòu)成的應(yīng)用方法。(2)通過軟件相關(guān)功能的解析深入學(xué)習(xí)軟件功能和制作特色；(3)再通過課堂練習(xí)鞏固軟件功能及PC端店鋪詳情頁設(shè)計的操作技巧；(4)最后通過課后習(xí)題消化所學(xué)軟件知識，提高PC端店鋪詳情頁設(shè)計的應(yīng)用能力。2、教學(xué)手段：(1)通過課堂案例快速熟悉制作思路和軟件功能；(2)通過軟件功能解析深入學(xué)習(xí)軟件功能和制作特點。(3)通過課堂練習(xí)和課后習(xí)題提高學(xué)生的實際應(yīng)用能力。3、教學(xué)資料及要求：在網(wǎng)上搜索圖片、文字等素材進行設(shè)計，來加深學(xué)員對知識點的理解，拓展實際應(yīng)用能力。內(nèi)容大綱：具體可結(jié)合本項目的PPT課件進行配合講解。6.2.1商品焦點圖6.2.2賣點提煉6.2.3商品展示6.2.6其他模塊小結(jié)1、掌握賣點提煉的設(shè)計要點。2、掌握商品展示的設(shè)計構(gòu)成。3、掌握其他模塊的基本概念。6.4課堂練習(xí)——餐具產(chǎn)品詳情頁設(shè)計使用"矩形"工具、"圓角矩形"工具、"橢圓"工具、"直線"工具和"鋼筆"工具繪制圖形，使用"橫排文字"工具輸入文字，使用“漸變疊加”命令、“投影”命令、"內(nèi)發(fā)光”命令及"斜面和浮雕”命令添加圖層樣式，使用“對齊”命令和“創(chuàng)建剪貼蒙版"命令調(diào)整餐具產(chǎn)品詳情頁的細節(jié)。6.5課后習(xí)題——運動鞋詳情頁設(shè)計使用"矩形"工具、"橢圓"工具、"多邊形"工具、"路徑選擇”工具、"直線"工具和"鋼筆"工具繪制圖形，使用"直排文字"工具輸入文字，使用"投影"命令添加圖層樣式，使用"對齊"命令和"添加雜色"命令調(diào)整運動鞋詳情頁的細節(jié)。第7講PC端店鋪裝修授課時間180分鐘課時4教學(xué)重點?了解圖片切片的概念及要點。?了解素材中心的功能。?熟練使用模塊裝修。教學(xué)難點了解并熟練掌握模版裝修的操作方法。1、教學(xué)思路：(1)通過對課堂案例的講解制作家具產(chǎn)品首頁圖片切片、家具產(chǎn)品首深入學(xué)習(xí)軟件功能和制作特色；(3)再通過課堂練習(xí)鞏固軟件功能及PC端店鋪裝解析深入學(xué)習(xí)軟件功能和制作特點。(3)通過課堂練習(xí)和課后習(xí)題提高學(xué)生的實際應(yīng)用能力。3、教學(xué)資料及要求：在網(wǎng)上或現(xiàn)實生活中找一些圖片進行設(shè)計，來加深學(xué)員對知識點的理解，拓展實際應(yīng)用能力。教學(xué)內(nèi)容討論問題：1、圖片切片需導(dǎo)出什么格式?2、淘寶為商家提供幾套模板可永久使用?內(nèi)容大綱：具體可結(jié)合本項目的PPT課件進行配合講解。7.1.1圖片切片的概念7.1.2圖片切片的要點7.1.3課堂案例——家具產(chǎn)品首頁圖片切片7.2圖片上傳7.2.1素材中心的概述7.2.2素材中心的功能7.2.3素材中心的管理7.2.4課堂案例——家具產(chǎn)品首頁圖片上傳7.3店鋪裝修7.3.1使用模版裝修7.3.3課堂案例——家具產(chǎn)品首頁裝修7.4課堂練習(xí)——數(shù)碼產(chǎn)品首頁圖片切片7.5課后習(xí)題——數(shù)碼產(chǎn)品首頁裝修小結(jié)1、了解圖片切片的概念及要點。2、了解素材中心的功能。3、熟練使用模塊裝修。7.4課堂練習(xí)——數(shù)碼產(chǎn)品首頁圖片切片使用"切片"工具，制作數(shù)碼產(chǎn)品首頁圖片切片。店需950x120Top輔選沖鈉活功店需950x120Top輔選沖鈉活功分資號航 憂重卷 7.5課后習(xí)題——數(shù)碼產(chǎn)品首頁裝修使用"更換圖片”按鈕制作頁頭，使用"復(fù)制鏈接”按鈕復(fù)制圖片鏈接，使用“分享"按鈕復(fù)制商品鏈接，使用"編輯"按鈕和"添加分類”按鈕裝修導(dǎo)航模塊，使用淘寶熱區(qū)代碼生成工具網(wǎng)頁、淘寶導(dǎo)航條CSS在線制作網(wǎng)頁及淘寶全屏輪播代碼在線生成器網(wǎng)頁生成代碼，使用"預(yù)覽"按鈕預(yù)覽裝修效果，使用“自定義區(qū)”模塊完成相應(yīng)設(shè)計。第8講手機端店鋪設(shè)計授課時間180分鐘課時口掌握手機端首頁設(shè)計模塊教學(xué)重點口了解輪播海報的設(shè)計要素。?了解商品展示的設(shè)計要素?？谡莆盏撞啃畔⒌脑O(shè)計方法。?了解分類模塊的設(shè)計方法。教學(xué)難點熟練掌握店招的設(shè)計方法。1、教學(xué)思路：(1)通過對課堂案例的講解掌握手機端家具產(chǎn)品首頁設(shè)計、手機端月餅美食詳情頁設(shè)計的方法和技巧；(2)通過軟件相關(guān)功能的解析深入學(xué)習(xí)軟件功能和制作特色；(3)再通過課堂練習(xí)鞏固軟件功能及手機端店鋪首頁設(shè)計的操作2、教學(xué)手段：(1)通過課堂案例快速熟悉制作思路和軟件功能；(2)通過軟件功能解析深入學(xué)習(xí)軟件功能和制作特點。(3)通過課堂練習(xí)和課后習(xí)題提高學(xué)生的實際應(yīng)用能力。3、教學(xué)資料及要求：在網(wǎng)上或現(xiàn)實生活中找一些圖片進行設(shè)計，來加深學(xué)員對知識點的理解，拓展實際應(yīng)用能力。討論問題：1、手機端與PC端店鋪區(qū)別是什么?2、手機端店鋪的逛逛更多有什么作用?內(nèi)容大綱：具體可結(jié)合本項目的PPT課件進行配合講解。8.1手機端店鋪概述8.1.1手機端店鋪設(shè)計的必要性8.1.2手機端與PC端店鋪的區(qū)別8.1.3手機端店鋪設(shè)計的關(guān)鍵點8.2手機端店鋪首頁設(shè)計模塊8.2.1店招8.2.2文字標題8.2.3店鋪熱搜8.2.4輪播海報8.2.5優(yōu)惠券8.2.6分類模塊8.2.7商品展示8.2.8底部信息8.2.9排行榜8.2.10逛逛更多8.3課堂案例——手機端店鋪家具產(chǎn)品首頁設(shè)計8.4手機端店鋪詳情頁設(shè)計模塊8.5課堂案例——手機端店鋪月餅美食詳情頁設(shè)計8.6課堂練習(xí)——手機端店鋪春夏女裝首頁設(shè)計8.7課后習(xí)題——手機端店鋪餐具產(chǎn)品詳情頁設(shè)計小結(jié)1、了解輪播海報的設(shè)計要素。2、了解商品展示的設(shè)計要素。3、掌握底部信息的設(shè)計方法。4、了解分類模塊的設(shè)計方法。作業(yè)8.6課堂練習(xí)——手機端店鋪春夏女裝首頁設(shè)計根據(jù)5.4節(jié)的課堂練習(xí)中的春夏女裝首頁設(shè)計，進行手機端店鋪春夏女裝首頁的設(shè)8.7課后習(xí)題——手機端店鋪餐具產(chǎn)品詳情頁設(shè)計根據(jù)6.4節(jié)的課堂練習(xí)中的餐具產(chǎn)品詳情頁設(shè)計，進行手機端店鋪餐具產(chǎn)品詳情頁的設(shè)計。第9講手機端店鋪裝修授課時間180分鐘課時4教學(xué)重點?了解使用模版裝修的方法。?了解使用模塊裝修的方法。教學(xué)難點掌握手機端首頁裝修的方法。1、教學(xué)思路：(1)通過對課堂案例的講解掌握手機端店鋪家具產(chǎn)品首頁裝修、手機操作方法；(4)最后通過課后習(xí)題消化所學(xué)軟件知識，提高商品詳情頁裝修設(shè)計的深入學(xué)習(xí)軟件功能和制作特點。3、教學(xué)資料及要求：在網(wǎng)上或現(xiàn)實生活中找一些圖片進行設(shè)計，來加深學(xué)員對知識點的理解，拓展實際應(yīng)用能力。教學(xué)內(nèi)容討論問題：1、模板裝修的使用方法是什么?2、模塊裝修的使用方法是什么?內(nèi)容大綱：具體可結(jié)合本項目的PPT課件進行配合講解。9.1手機端店鋪首頁裝修9.1.1使用模版裝修9.1.2使用模塊裝修9.1.3課堂案例——手機端店鋪家具產(chǎn)品首頁裝修9.2手機端店鋪詳情頁裝修9.2.1使用模版裝修9.2.2使用模塊裝修9.3課堂練習(xí)——手機端店鋪春夏女裝首頁裝修9.4課后習(xí)題——手機端店鋪餐具產(chǎn)品詳情頁裝修小結(jié)1、了解使用模版裝修的方法。2、了解使用模塊裝修的方法。9.3課堂練習(xí)——手機端店鋪春夏女裝首頁裝修使用"上傳"按鈕上傳圖片，使用"鏈接"按鈕添加鏈接，使用"添加熱區(qū)"按鈕繪制矩形選區(qū)，使用"復(fù)制"按鈕復(fù)制矩形選區(qū)，使用"輪播圖海報"模塊和"多熱區(qū)切圖"模塊完成相應(yīng)設(shè)計。使用"上傳"按鈕上傳圖片，使用"編輯圖文詳情"按鈕和"基礎(chǔ)模塊"選項卡編輯圖文詳情，使用圖片空間界面和詳情編輯器界面完成相應(yīng)設(shè)計。第10講網(wǎng)店視頻拍攝與制作授課時間180分鐘