第一章-商品圖片調(diào)整與店面視覺色彩

廣東省技工學(xué)校文化理論課教案科目網(wǎng)店美工第一章商品圖片調(diào)整與店面視覺色彩授課日期課時4班級授課方式講、練結(jié)合作業(yè)題數(shù)擬用時間教學(xué)目的1.掌握商品圖片的基本編。2.了解色彩的分類。3.了解網(wǎng)店色彩的搭配。選用教具掛圖網(wǎng)絡(luò)教室電子教鞭重點1.商品圖片的基本編輯。2.網(wǎng)店色彩的搭配。難點網(wǎng)店色彩的搭配。教學(xué)回顧說明其中講授90分鐘，練習(xí)90分鐘。教學(xué)過程時間分配教學(xué)過程教學(xué)方法教學(xué)手段5分鐘5分鐘10分鐘[新課引入]：網(wǎng)店美工從事對網(wǎng)絡(luò)店鋪的頁面進(jìn)行美化的工作，既包括整體頁面風(fēng)格的結(jié)構(gòu)布局設(shè)計，又包括頁面主要圖片元素的設(shè)計、編輯和美化。網(wǎng)店的美工設(shè)計要符合網(wǎng)絡(luò)店鋪的經(jīng)營理念，與所銷售的商品相呼應(yīng)，從而達(dá)到吸引買家關(guān)注和瀏覽、提升網(wǎng)店品牌和信譽(yù)的目的。[新課內(nèi)容]：一、網(wǎng)店圖片文件的類型1.JPEG格式。JPEG是最常見的一種圖片格式，文件的擴(kuò)展名為.jpg或.jpeg。2.PNG格式。PNG是可移植的網(wǎng)絡(luò)圖形格式。3.GIF格式。GIF是圖形交換格式。二、網(wǎng)店圖片編輯軟件PhotoshopCS6是一款用于圖像制作和處理的專業(yè)軟件，具有強(qiáng)大的功能，利用這些功能，可以有效地進(jìn)行商品圖片的編輯，是網(wǎng)店美工必備的軟件工具。1.?Photoshop?CS6工作界面。講授教師使用網(wǎng)絡(luò)教室的“屏幕廣播”功能進(jìn)行課件和講解。教學(xué)過程時間分配教學(xué)過程教學(xué)方法教學(xué)手段2.?Photoshop?CS6文件的新建和打開。（1）新建文件。講授教師使用網(wǎng)絡(luò)教室的“屏幕廣播”功能進(jìn)行課件和講解。教學(xué)過程時間分配教學(xué)過程教學(xué)方法教學(xué)手段20分鐘50分鐘（2）打開文件。三、商品圖片的基本編輯1.?商品圖片的調(diào)整。2.?商品圖片的校正。3.?商品圖片的摳圖。[技能訓(xùn)練]一、調(diào)整商品圖片的大小1.原圖與效果圖如圖所示，完成商品圖片大小的調(diào)整。2.打開素材圖片。講授教師使用網(wǎng)絡(luò)教室的“屏幕廣播”功能進(jìn)行課件和講解。教學(xué)過程時間分配教學(xué)過程教學(xué)方法教學(xué)手段3.執(zhí)行菜單欄中的“圖像”→“圖像大小”命令，打開“圖像大小”對話框，在對話框中設(shè)置參數(shù)。4.單擊“確定”按鈕完成設(shè)置，并執(zhí)行“文件”→“存儲為”命令，在彈出的“JPEG選項”對話框中設(shè)置“品質(zhì)”為“8”，對圖片進(jìn)行相應(yīng)的壓縮。二、校正商品圖片1.原圖與效果圖如下圖，完成商品圖片的校正。2.打開素材圖片。3.打開標(biāo)尺，在衣服的中軸線上拖動鼠標(biāo)，出現(xiàn)參考線。4.按組合鍵Ctrl+A選中圖層，再按Ctrl+T組合鍵，旋轉(zhuǎn)圖片，調(diào)整至衣服的中軸線與參考線平行。5.單擊工具面板中的“剪切工具”按住鼠標(biāo)左鍵，拖拽出合適的大小，將多余部分去除，雙擊鼠標(biāo)或按“回車”鍵，如圖1-1-17所示。6.保存校正好的圖片。三、商品圖片去底原圖與效果圖如下圖所示，完成商品圖片的去底操作。講授練習(xí)教師使用網(wǎng)絡(luò)教室的“屏幕廣播”功能進(jìn)行課件和講解。教學(xué)過程時間分配教學(xué)過程教學(xué)方法教學(xué)手段45分鐘1.打開素材圖片。2.調(diào)整商品圖片的大小為500像素×500像素。3.打開“魔板工具”，在空白處單擊，創(chuàng)建選區(qū)。4.設(shè)置背景為白色。5.單擊鍵盤上的Del鍵，在彈出的“填充”對話框中設(shè)置有關(guān)參數(shù)。6.按“確定”按鈕，完成商品圖片去底圖。四、網(wǎng)店視覺色彩對于買家來說，在瀏覽網(wǎng)店時，首先吸引他們的是網(wǎng)店色彩搭配的視覺效果。對于網(wǎng)店來說，可以利用色彩鮮明的商品圖片吸引買家瀏覽和關(guān)注，由此增加商品和網(wǎng)店的吸引力，從而達(dá)到良好的營銷效果。1.色彩的分類講授練習(xí)教師使用網(wǎng)絡(luò)教室的“屏幕廣播”功能進(jìn)行課件和講解。教學(xué)過程時間分配教學(xué)過程教學(xué)方法教學(xué)手段15分鐘（1）無彩色（2）有彩色（3）特殊色2.色彩的三要素（1）色相：是區(qū)別不同色彩的名稱。（2）明度：是指色彩的明暗程度。（3）純度：是指色彩鮮艷的程度。3.顏色的模式（1）?RGB模式講授教師使用網(wǎng)絡(luò)教室的“屏幕廣播”功能進(jìn)行課件和講解。教學(xué)過程時間分配教學(xué)過程教學(xué)方法教學(xué)手段15分鐘自然界中絕大部分的可見光譜可以用紅、綠和藍(lán)三色光按不同比例和強(qiáng)度的混合來表示。RGB分別代表著三種顏色：R代表紅色，G代表綠色，B代表藍(lán)色。（2）CMYK模式在制作用于印刷色打印的圖像時，要使用CMYK色彩模式。CMYK色彩模式以打印油墨在紙張上的光線吸收特性為基礎(chǔ)，圖像中每個像素都是由靛青（C）、品紅（M）、黃（Y）和黑（K）色按照不同的比例合成。（3）HSB模式HSB色彩模式是根據(jù)日常生活中人眼的視覺特征而制定的一套色彩模式，最接近于人類對色彩辨認(rèn)的思考方式。（4）Lab模式Lab色彩模式由光度分量（L）和兩個色度分量組成，這兩個分量即a分量（從綠到紅）和b分量（從藍(lán)到黃）。4.網(wǎng)店色彩的搭配（1）同一色調(diào)搭配講授教師使用網(wǎng)絡(luò)教室的“屏幕廣播”功能進(jìn)行課件和講解。教學(xué)過