羅明慧

摘 ?要：與商品圖片處理（美工、設(shè)計(jì)）相關(guān)的崗位是中職電子商務(wù)專業(yè)學(xué)生畢業(yè)的一大去向。傳統(tǒng)的商品圖片處理課堂教學(xué)采用講授演示法，便于教師的統(tǒng)一授課。但是我國(guó)目前普遍采用大班授課，實(shí)訓(xùn)中教師難以兼顧過多的一對(duì)一指導(dǎo)。學(xué)習(xí)困難的學(xué)生很難從傳統(tǒng)的課堂教學(xué)中得到足夠的幫助。新的教學(xué)手段——微課可以給學(xué)生提供更多的幫助。它具備教學(xué)時(shí)間較短、教學(xué)內(nèi)容較少、主題突出、內(nèi)容具體的特點(diǎn)，可以滿足學(xué)生在實(shí)操過程中和課后重溫知識(shí)點(diǎn)和技能的要求。本文以《商品無痕摳圖技術(shù)》課題為例，探討微課在中職課程《商品圖片處理》教學(xué)中的應(yīng)用。

關(guān)鍵詞：摳圖技術(shù);商品圖片處理;微課

一、《商品圖片處理》課程現(xiàn)狀及存在問題

（一）《商品圖片處理》課程現(xiàn)狀

隨著電子商務(wù)的發(fā)展，電商企業(yè)和顧客對(duì)購(gòu)物網(wǎng)站的商品圖片提出了更高的要求，進(jìn)而對(duì)從事商品攝影、圖片處理（美工、設(shè)計(jì)）等相關(guān)崗位工作的從業(yè)人員提出了更高的要求。商品圖片處理工作涉及大量的Photoshop軟件圖片處理操作技術(shù)，非常適合中職生的學(xué)習(xí)特點(diǎn)。與商品圖片處理相關(guān)的崗位是中職電子商務(wù)專業(yè)學(xué)生畢業(yè)的一大去向，許多中職學(xué)校為此設(shè)立了相關(guān)課程。

目前，傳統(tǒng)的商品圖片處理課程主要為以單一的Photoshop軟件學(xué)習(xí)課程，如《Photoshop》、《網(wǎng)店美工》，學(xué)習(xí)周期為一個(gè)學(xué)期。我所在的學(xué)校根據(jù)企業(yè)的工作流程，將攝影和Photoshop軟件處理圖片結(jié)合起來，開發(fā)了《商品圖片處理》校本課程。無論是《Photoshop》、《網(wǎng)店美工》還是《商品圖片處理》課程，都大量涉及Photoshop軟件應(yīng)用的知識(shí)和技能，在課堂教學(xué)中都有教師理論講授、實(shí)操演示和學(xué)生實(shí)操訓(xùn)練幾個(gè)重要組成部分。

（二）存在問題

學(xué)生在聽完理論講授、觀看實(shí)操演示后，需要進(jìn)行實(shí)操訓(xùn)練。對(duì)于比較容易的知識(shí)點(diǎn)和技能，學(xué)生花費(fèi)的時(shí)間相差無幾。遇到比較難的知識(shí)點(diǎn)和技能，部分學(xué)生很快完成，部分學(xué)生不理解、記不住。這時(shí)候教師反復(fù)統(tǒng)一演示會(huì)浪費(fèi)已掌握學(xué)生的時(shí)間，個(gè)別指導(dǎo)又只能顧及少部分學(xué)生，學(xué)生小組互助也可能存在傳達(dá)不準(zhǔn)確的情況。

中職學(xué)生不像大學(xué)生那樣，幾乎人人擁有電腦，可以經(jīng)常利用電腦復(fù)習(xí)已學(xué)知識(shí)和技能。當(dāng)間隔時(shí)間較長(zhǎng)時(shí)，學(xué)生需要再次應(yīng)用相關(guān)知識(shí)和技能時(shí)，會(huì)產(chǎn)生遺忘的問題。因此，教師也不得不經(jīng)常利用有限的課堂時(shí)間，給中職學(xué)生進(jìn)行復(fù)習(xí)。

在本校的《商品圖片處理》課程中，學(xué)生對(duì)商品進(jìn)行攝影后，需要及時(shí)根據(jù)企業(yè)的工作流程利用Photoshop軟件對(duì)商品圖片進(jìn)行處理，更真實(shí)的反應(yīng)了商品圖片處理的應(yīng)用場(chǎng)景。而傳統(tǒng)的《Photoshop》、《網(wǎng)店美工》課程，學(xué)生在學(xué)習(xí)攝影等各種技能后，可能需要間隔更長(zhǎng)的時(shí)間——通常為一至兩個(gè)學(xué)期，才模仿企業(yè)工作流程對(duì)商品圖片處理技能進(jìn)行訓(xùn)練，學(xué)生將面臨更嚴(yán)重的遺忘問題。

二、研究的目的和意義

傳統(tǒng)的《商品圖片處理》課堂教學(xué)采用講授演示法，便于教師的統(tǒng)一授課，控制教學(xué)進(jìn)度。但是我國(guó)目前普遍采用大班授課，實(shí)訓(xùn)中教師難以兼顧過多的一對(duì)一指導(dǎo)。學(xué)習(xí)難度大的知識(shí)和技能時(shí)，接受能力較慢和容易遺忘的學(xué)生很難從傳統(tǒng)的課堂教學(xué)中得到足夠的幫助。在《商品圖片處理》課程中應(yīng)用新的教學(xué)手段——微課，可以將課堂知識(shí)、技能、案例片段化，制作成可以反復(fù)觀看的信息化資源，給學(xué)生提供更多的幫助。

三、微課教學(xué)介紹

微課的核心組成內(nèi)容是課堂教學(xué)視頻，它具備的教學(xué)時(shí)間較短、教學(xué)內(nèi)容較少、主題突出、內(nèi)容具體的特點(diǎn)，可以滿足學(xué)生在實(shí)操過程中和課后重溫知識(shí)點(diǎn)和技能的要求。

四、微課在《商品無痕摳圖技術(shù)》課題中的應(yīng)用

（一）現(xiàn)有摳圖技術(shù)及存在問題

商品摳圖是商品圖片處理工作的基礎(chǔ)。Photoshop軟件里的魔棒、套索、選框等選區(qū)工具操作簡(jiǎn)單、快速，可以對(duì)商品進(jìn)行摳圖。利用選區(qū)工具摳圖是Photoshop軟件應(yīng)用的入門技術(shù)，但是也對(duì)被處理圖片提出了背景顏色單一、商品形狀簡(jiǎn)單等要求。應(yīng)用魔棒、套索、選框等選區(qū)工具的摳圖方法，將商品從復(fù)雜的背景中摳出，往往會(huì)帶有雜邊，這樣的圖片用于展示商品，效果往往不是很令人滿意。解決這一問題就需要商品無痕摳圖技術(shù)——鋼筆摳圖。

但是鋼筆摳圖的原理和選區(qū)工具摳圖有所不同，學(xué)生容易混淆。另一方面，鋼筆工具的使用較為復(fù)雜，中職生學(xué)習(xí)起來比較困難。

（二）課題的設(shè)計(jì)

制作8分鐘的視頻，將教學(xué)內(nèi)容劃分為鋼筆工具摳圖的原理、錨點(diǎn)的類型和實(shí)操案例、拓展練習(xí)四個(gè)部分，分別解決學(xué)生關(guān)于“為什么”、“怎么做”的問題，方便學(xué)生有針對(duì)性的隨時(shí)查看。

1.鋼筆工具摳圖的原理

鋼筆工具摳圖主要是利用鋼筆工具的繪制路徑功能生成選區(qū)進(jìn)行摳圖。通過摳出五角星的簡(jiǎn)單實(shí)例讓學(xué)生體會(huì)鋼筆工具摳圖的原理和一般過程：

（1）選擇鋼筆的路徑模式;

（2）建立錨點(diǎn);

（3）繼續(xù)建立錨點(diǎn)，相鄰兩個(gè)錨點(diǎn)自動(dòng)連接起來，形成路徑，閉合路徑;

（4）將路徑轉(zhuǎn)化為選區(qū)。

2.錨點(diǎn)的類型

路徑是由錨點(diǎn)控制的，如果要繪制包含曲線和折角的路徑，摳出邊緣有弧度和折角的商品，還要學(xué)習(xí)錨點(diǎn)的類型。錨點(diǎn)的類型分為3類，分別是直線錨點(diǎn)、曲線錨點(diǎn)與貝葉斯錨點(diǎn)。通過使用直線錨點(diǎn)、曲線錨點(diǎn)與貝葉斯錨點(diǎn)繪制W、S、m形線段，將形象的線段與具體錨點(diǎn)類型聯(lián)系起來，突破鋼筆工具使用難點(diǎn)。

（1）直線錨點(diǎn)

使用鋼筆工具在畫布上，從左至右上下單擊五下，每次點(diǎn)擊得到一個(gè)錨點(diǎn)，相鄰兩點(diǎn)自動(dòng)連成一條直線，從而形成W形折線，按ESC鍵完成非閉合曲線的繪制。這些折線上的錨點(diǎn)被稱為直線錨點(diǎn)。

（2）曲線錨點(diǎn)

利用曲線錨點(diǎn)繪制一個(gè)S形的曲線。首先，創(chuàng)建錨點(diǎn)——單擊鼠標(biāo)并拖拽。此時(shí)，在錨點(diǎn)的兩側(cè)會(huì)出現(xiàn)控制桿（端點(diǎn)為實(shí)心圓點(diǎn)），控制桿可以調(diào)節(jié)該錨點(diǎn)兩側(cè)或一側(cè)的曲線方向和弧度。調(diào)節(jié)控制桿的方向可以控制曲線的方向，調(diào)節(jié)控制桿的長(zhǎng)度可以控制曲線的彎曲程度，調(diào)節(jié)的過程中控制桿始終在一條直線上。從左向右依次創(chuàng)建第二、三個(gè)錨點(diǎn)，并調(diào)節(jié)控制桿的長(zhǎng)度和方向，兩個(gè)相鄰的錨點(diǎn)自動(dòng)連接成一條曲線，從而形成S形的曲線。這種連接曲線，控制桿在一條直線上的錨點(diǎn)稱之為曲線錨點(diǎn)。

（3）貝葉斯錨點(diǎn)

繪制一條m形的曲線。按住鍵盤上的Alt將鋼筆工具切換成轉(zhuǎn)化點(diǎn)工具，僅調(diào)整錨點(diǎn)一端的控制桿，使錨點(diǎn)兩側(cè)的控制桿不在一條直線上。這種連接曲線，錨點(diǎn)兩側(cè)的控制桿不在一條直線上的錨點(diǎn)稱之為貝葉斯錨點(diǎn)。

3.實(shí)操案例：使用鋼筆工具摳出精美絹花

待處理圖片為精美絹花，背景白色部分顏色不純、商品包含陰影、葉子不美觀，需要將花朵完美摳出。通過觀察發(fā)現(xiàn)，花瓣的輪廓都是曲線，而花瓣的頂端都是折角。利用鋼筆工具在花瓣輪廓的曲線處繪制曲線錨點(diǎn)，在折角處繪制貝葉斯錨點(diǎn)，可以更好的繪制貼合花瓣輪廓的各種曲線，更容易獲得好的摳圖效果。

4.拓展練習(xí)

布置背景復(fù)雜、商品邊緣線條復(fù)雜的商品摳圖作業(yè)——汽車摳圖，引導(dǎo)學(xué)生將鋼筆摳圖技術(shù)應(yīng)用類似的場(chǎng)景。

（三）在課堂中的應(yīng)用

在50人規(guī)模的電子商務(wù)班開展《商品無痕摳圖技術(shù)》課堂教學(xué)。因?yàn)殇摴P摳圖過程的復(fù)雜性，部分學(xué)生有不理解、記不住的情況。他們就怎么通過鋼筆工具得到選區(qū)，如何控制錨點(diǎn)、路徑從而控制摳出的商品邊緣有很大迷惑，對(duì)操作的順序和過程記憶不清。老師將《商品無痕摳圖技術(shù)》微課作為課堂教學(xué)的補(bǔ)充資源提供給學(xué)生使用。有困惑的學(xué)生通過反復(fù)觀看微課的對(duì)應(yīng)模塊，得到解答。記憶稍慢的同學(xué)利用微課的播放、暫停、重播功能，反復(fù)觀看和模仿操作的分解步驟，達(dá)到鞏固。平時(shí)不好意思提問的學(xué)生也默默打開視頻微課學(xué)習(xí)和模仿。這些學(xué)生在利用微課學(xué)習(xí)的同時(shí)，其他學(xué)生的操作也不會(huì)因?yàn)槔蠋熗蝗灰鎸?duì)全班反復(fù)講解而打斷，也不會(huì)經(jīng)常出現(xiàn)多個(gè)同學(xué)同時(shí)舉手找老師答疑老師忙于解答的情況。接受能力比較強(qiáng)的學(xué)生在實(shí)訓(xùn)任務(wù)完成以后，繼續(xù)做拓展練習(xí)提高技藝。尖子學(xué)生時(shí)間還有富余，在老師的提示下幫助其他同學(xué)掌握技藝。通過將微課引入課堂大大提高了師生教與學(xué)的效率。

當(dāng)課程進(jìn)度從單一的Photoshop圖片處理過渡到拍攝和圖片處理階段，部分學(xué)生的商品無痕摳圖技術(shù)有所生疏了，可以通過微課快速回憶技藝，減少對(duì)整個(gè)拍攝和圖片處理流程的影響。

（四）在課后的應(yīng)用

將《商品無痕摳圖技術(shù)》的微課上傳到學(xué)校資源庫(kù)，開通學(xué)生訪問權(quán)限，學(xué)生可以24小時(shí)登錄校園網(wǎng)資源庫(kù)訪問。在學(xué)期的前期、中期、后期學(xué)生都可以利用手機(jī)在線觀看微課，通過觀看回憶自己原來掌握過但是又遺忘的技藝，在回到課堂前或者期末測(cè)試前熟悉操作的流程，提高重拾技藝的效率。

五、總結(jié)：

通過《商品無痕摳圖技術(shù)》課題的實(shí)例，利用微課時(shí)間短、內(nèi)容少、重點(diǎn)突出、具體化的特點(diǎn)，可以將《商品圖片處理》課程中較難掌握的知識(shí)點(diǎn)和技能化整為零，使學(xué)生在課堂和課下，利用微課視頻資源對(duì)以學(xué)知識(shí)和技能進(jìn)行復(fù)習(xí)。同時(shí)，保證教師上課節(jié)奏的流程性，提高教師的課堂教學(xué)效率，豐富教師的教學(xué)手段，以及豐富學(xué)校的校本課程信息資源。

在當(dāng)今電子商務(wù)迅猛發(fā)展的潮流下，利用微課提高電子商務(wù)專業(yè)學(xué)生的商品圖片處理能力，可以為電商企業(yè)提供更多的高素質(zhì)商品圖片處理（美工、設(shè)計(jì)）人才，更好的解決學(xué)生的就業(yè)問題。

參考文獻(xiàn)：

[1] 單立娟，周民，劉珊珊.AdobePhotoshop CS6圖像設(shè)計(jì)與制作案例技能實(shí)訓(xùn)教程[M].第1版.北京：北京希望電子出版社，2015：68.

[2] 楊艷杰，王來哲.中文版Photoshop CS5平面設(shè)計(jì)項(xiàng)目教程[M].第1版.北京：航空工業(yè)出版社，2012：160.

[3] 袁媛項(xiàng)，焱高旺.中文版Photoshop CS5案例課堂[M].第1版.北京： 北京希望電子出版社，2011.