張健

摘要：平面設(shè)計類課程是高校計算機及相關(guān)專業(yè)開設(shè)的面向應(yīng)用的技能型課程，此類課程在傳統(tǒng)的教學(xué)過程中按部就班，逐一介紹工具的使用，這種教學(xué)模式已無法適應(yīng)當(dāng)今的教學(xué)要求。筆者在該類課程的教學(xué)過程中采用案例和任務(wù)驅(qū)動教學(xué)，培養(yǎng)學(xué)生的創(chuàng)新技能，該文以PhotoShop為例講解此類課程創(chuàng)新技能的培養(yǎng)，取得了較好的教學(xué)效果。

關(guān)鍵詞：PhotoShop；案例教學(xué)；任務(wù)驅(qū)動；創(chuàng)新技能

中圖分類號：G642文獻(xiàn)標(biāo)識碼：A文章編號：1009-3044(2012)15-3638-04

PhotoShop是當(dāng)今設(shè)計行業(yè)應(yīng)用最為廣泛的一款圖像設(shè)計軟件，其應(yīng)用領(lǐng)域涉及平面設(shè)計、視覺創(chuàng)意、繪制和處理三維帖圖、藝術(shù)文字、修復(fù)照片、廣告攝影等方面。

1作品欣賞，激發(fā)學(xué)生的學(xué)習(xí)熱情

下面對圖1所示素材進(jìn)行解析。此幅圖片之所以能表現(xiàn)出如此豐富的顏色，與下列知識點有關(guān)。

圖1顏色的三個屬性和光色三原色的關(guān)系

1) HSB顏色模式：顏色的三要素即色相（H）、飽和度（S）、明度（B），是基于視覺反映的顏色。

H表示色相：是表示顏色的外貌屬性，如紅、橙、黃、綠、青、藍(lán)、紫等。用“度”來表示，360度，從0開始，0度表示純紅色，360度也表示純紅色。

S表示飽和度：表示顏色的強度或純度。用100%表示，100%表示色彩純度為滿。

B表示明度：表示顏色的相對明暗程度。用100%表示，100%表示很亮,為0時表示黑色。

2) RGB顏色模式：紅綠藍(lán)，是基于光色的顏色。

R表示紅色：用0~255來表示，一共256個色階。0表示不含紅色信息，255表示純紅色。

G表示綠色：用0~255來表示，一共256個色階。0表示不含綠色信息，255表示純綠色。

B表示藍(lán)色：用0~255來表示，一共256個色階。0表示不含藍(lán)色信息，255表示純藍(lán)色。

RGB色彩模式中三者數(shù)值之間的關(guān)系如表1所示。

素材解析如下：

1) HSB和RGB是兩種不同的色彩模式，每種色彩模式對應(yīng)一種媒介，HSB對應(yīng)的媒介是人的視覺，而RGB對應(yīng)的媒介是光電顯示設(shè)備。有了這些基本知識，我們就很容易知道同樣是紅色即色相相同，但顏色的純度和明度不同，我們的眼睛就會有不同的色彩感受；即使色相和純度都相同，而明度不同，我們就可以感覺出圖片的明暗程度有區(qū)別；同時也就很容易得出顯示器上白色區(qū)域和黑色區(qū)域的成因。

2)我們可以在PhotoShop軟件中，用不同的色彩模式進(jìn)行顏色疊加的模擬效果展示，來增強學(xué)生對該門課程的學(xué)習(xí)興趣，同時也可以粗略的揭示出光和色之間關(guān)系的神秘面紗。

2重要知識和技能相互貫通，重構(gòu)課程知識體系

在PhotoShop應(yīng)用技術(shù)領(lǐng)域中，圖層、路徑和通道是非常重要的內(nèi)容。而圖層、路徑和通道的應(yīng)用是平面設(shè)計師的基本功底，圖層是PhotoShop學(xué)習(xí)的首要關(guān)鍵知識點。摳圖是PhotoShop學(xué)習(xí)中非常重要的技巧之一，而路徑摳圖法是眾多摳圖技術(shù)中應(yīng)用范圍最廣的、最實用的一種方法。通道是PhotoShop技術(shù)領(lǐng)域中最難理解和掌握的，因為通道的成像原理較為抽象，不像圖層和路徑的使用效果那么直接。通道的主要作用是對圖像進(jìn)行明暗分布區(qū)域調(diào)整、色彩的調(diào)整、色彩的混合、黑白圖像的處理、Alpha選區(qū)的建立及保存等，這些都是平面設(shè)計中重要的圖像處理技術(shù)。曲線和色階是PhotoShop中兩個非常重要的色調(diào)調(diào)整命令。曲線與色階的區(qū)別在于：曲線可以通過建立調(diào)整節(jié)點對圖像進(jìn)行細(xì)節(jié)調(diào)整，而色階則更為注重圖像整體色調(diào)的調(diào)整。由于曲線和色階主要功能是對色調(diào)進(jìn)行調(diào)整，因此曲線和色階主要是配合圖層來使用，同時這兩個命令還可以在通道色調(diào)調(diào)整及圖層蒙板建立中發(fā)揮重要的作用。色相/飽和度、色彩平衡和通道混合器等是PhotoShop中圖像調(diào)整命令中的核心調(diào)整命令，應(yīng)用范圍很廣，主要作用是給圖像做加色、減色、提高或降低色彩飽和度、改變圖像色相、調(diào)整圖像偏色等。濾鏡在PhotoShop中主要是用來做特殊效果的，Photo? Shop的濾鏡種類多，學(xué)習(xí)時沒有必要全部學(xué)習(xí)，抓住幾個常用的、典型的濾鏡來學(xué)習(xí)即可。濾鏡的使用可以在藝術(shù)作品中營造夢幻的氛圍。

實例：我們以圖2所示圖片為例，講解知識點之間的關(guān)系。

圖片描述：此圖片天空為藍(lán)色，衣服顏色為黃綠色。

圖2素材

任務(wù)1：將圖片上天空的顏色換掉，實現(xiàn)方法如下：

方法1：利用最初學(xué)習(xí)的選區(qū)工具（包括選區(qū)的添加、刪除、相交及魔棒選區(qū)等）進(jìn)行天空信息的選取，然后用前景色進(jìn)行填充，發(fā)現(xiàn)很難實現(xiàn)。難點在于天空周圍景色較為復(fù)雜，周圍物體與天空交界區(qū)域較多，且天空云彩豐富，綜合選取不易。

方法2：課程中途我們學(xué)習(xí)了可以利用“色彩范圍”命令來摳選邊緣復(fù)雜，像素相似，邊界不清晰的圖像，如天空圖像。執(zhí)行“選擇à色彩范圍”命令，彈出色彩范圍對話框即可做區(qū)域選擇。如圖3和圖4所示：

試驗結(jié)果依然不夠理想，難點在于物體和景色的交界處有明顯的痕跡，需要選擇的范圍未能全部選取出來，盡管使用了“添加到取樣”命令。同時需要花費較多時間處理色彩范圍選區(qū)內(nèi)的異色。但速度和效果要比方法1好很多。

方法3：課程后期我們學(xué)習(xí)了圖像調(diào)色技巧，實現(xiàn)方法如下：

打開圖2素材后，選擇“圖像à調(diào)整à色相/飽和度”命令，調(diào)出“色相/飽和度”對話框，如圖5和圖6所示：

鼠標(biāo)單擊“編輯”選項后的下拉列表框，出現(xiàn)7個選項，這是我們發(fā)現(xiàn)天空的顏色為藍(lán)色，在選項中有，我們選中藍(lán)色，然后拖動“色相滑塊”，發(fā)現(xiàn)天空的藍(lán)色隨著滑塊的拖動而顏色有所改變，而且景色與景色的交界處融合的非常自然，改變顏色直到出現(xiàn)我們想要的顏色后點擊“確定”按鈕即可完成天空的調(diào)色。

任務(wù)1目標(biāo)完成，效果令人滿意?？傮w來看，隨著我們課程學(xué)習(xí)的深入，我們處理不同情景圖片時，可以采用不同的方法，我們選擇最節(jié)省時間、最節(jié)省步驟、效果最佳，同時要求對源片做盡可能少的改動的方式。

任務(wù)2：將圖片上人的衣服顏色換掉，調(diào)出“色相/飽和度”對話框如圖7所示。實現(xiàn)方法如下：

首先仿照任務(wù)1中方法1和方法2來操作，發(fā)現(xiàn)結(jié)果與前類似。下來我們采用“色相/飽和度”命令來實現(xiàn)。選擇“圖像à調(diào)整à色相/飽和度”命令，調(diào)出“色相/飽和度”對話框，選擇編輯選項的下拉箭頭，發(fā)現(xiàn)里面的6中顏色沒有與衣服顏色相吻合的選項，于是我們用“添加到取樣工具（帶‘+號的吸管）”在衣服上吸取對應(yīng)顏色，結(jié)果發(fā)現(xiàn)衣服顏色是綠色偏黃。當(dāng)我們拖動色相滑塊時，發(fā)現(xiàn)人的脖子、人胳膊下面的扶手和山上的房子的顏色都在發(fā)生變化。這與我們的目標(biāo)任務(wù)不一致，為了解決這些問題，經(jīng)仔細(xì)分析得出以下實現(xiàn)思路：

1)確定選區(qū)，讓山上的房子在選區(qū)之外，可以解決房子顏色不受改變的目標(biāo)任務(wù)。如圖8所示。

2)人的脖子和扶手顏色變化，經(jīng)分析得知，是由于我們選擇顏色時，顏色的容差值偏大引起的，于是我們將顏色容差值變小后，即可解決此問題，而且邊界融合很自然。改變顏色容差值的方法如圖9所示：

圖9改變顏色及顏色的容差值

通過此典型實例可知，在學(xué)習(xí)PhotoShop平面設(shè)計課程時，無論是圖像合成技術(shù)還是色彩調(diào)整技術(shù)，其本質(zhì)的核心知識點無外乎是圖層、通道和路徑等這些技術(shù)的綜合應(yīng)用。表面上看來，這些技術(shù)是相對獨立的，其實這些技術(shù)是一個有機的整體，是不可分割的。這種技巧所展示出來的設(shè)計效果需要我們在日常學(xué)習(xí)中多積累。

一個問題用多種知識來解決，所表現(xiàn)出來的效果千差萬別，所以我們在教學(xué)過程中，應(yīng)該引導(dǎo)學(xué)生來進(jìn)行發(fā)散思維訓(xùn)練，試圖用多種方法解決同一問題，這樣不但可以活躍學(xué)生的思維能力、強化各種零散的知識和技巧，還可以將所學(xué)的知識融會貫通，積累經(jīng)驗，進(jìn)而努力變成自己的技能。

3結(jié)束語

總之，PhotoShop課程有其獨特性，對該課程的教學(xué)方法的探索過程中，采用模塊化與案例式的教學(xué)方法,不斷培養(yǎng)學(xué)生學(xué)習(xí)該課程的學(xué)習(xí)興趣和熱情，可以讓學(xué)生學(xué)習(xí)起來更輕松，在輕松和愉快中掌握各種知識和技能，達(dá)到了很好的教學(xué)效果。

參考文獻(xiàn)：

[1]王偉娜,宋毓震.關(guān)于“PhotoShop圖象處理”課程教學(xué)方法的思考[J].中國現(xiàn)代教育裝備,2008(4).

[2]馬增友.PhotoShop圖像處理技術(shù)應(yīng)用[M].清華大學(xué)出版社,2009.

[3] Adobe公司北京代表處.Adobe PhotoShop CS2標(biāo)準(zhǔn)培訓(xùn)教材[M].人民郵電出版社,2006.

[4] Adobe公司.Adobe PhotoShop CS2中文版經(jīng)典教程[M].人民郵電出版社,2006.