《變形的魅力》學(xué)習(xí)工具制作綜述

張靜

特色與亮點(diǎn)

《變形的魅力》學(xué)習(xí)工具的最大特點(diǎn)是實(shí)用性和原創(chuàng)性強(qiáng)，它以圖片、動(dòng)畫(huà)、文字等多種形式對(duì)學(xué)習(xí)內(nèi)容進(jìn)行分析，直觀而鮮明。本節(jié)課的教學(xué)重點(diǎn)是表現(xiàn)哈哈鏡中常見(jiàn)的變形人物，為了突破這一難點(diǎn)，學(xué)習(xí)工具設(shè)計(jì)了哈哈鏡變形效果、作業(yè)步驟的直觀呈現(xiàn)等動(dòng)畫(huà)效果，學(xué)生易于理解和認(rèn)知。課后拓展中千手觀音的重復(fù)變形效果和鳳凰形象的重組也是本學(xué)習(xí)工具的一個(gè)亮點(diǎn)。整個(gè)學(xué)習(xí)工具的設(shè)計(jì)以學(xué)生學(xué)情為基礎(chǔ)，以學(xué)生“自主合作學(xué)習(xí)探究”為主體，以多媒體教學(xué)為平臺(tái)，三者相輔相成，從而降低了學(xué)生理解、掌握新知的難度。

制作背景

《變形的魅力》這一課的教學(xué)重點(diǎn)是從生活中發(fā)現(xiàn)事物變形現(xiàn)象以及哈哈鏡中人物變形畫(huà)的表現(xiàn)方法。我制作該學(xué)習(xí)工具之前正在準(zhǔn)備東營(yíng)市優(yōu)課比賽，在課堂教學(xué)上，我嘗試了讓學(xué)生現(xiàn)場(chǎng)照哈哈鏡，發(fā)現(xiàn)效果很不理想。哈哈鏡小了大家看不到，大的搬到課堂上也不方便，于是便想到了制作這樣一個(gè)實(shí)現(xiàn)哈哈鏡變形效果的學(xué)習(xí)工具，結(jié)果竟取得了意想不到的效果。后來(lái)，我又對(duì)其進(jìn)行了不斷的完善，最終使之從制作之初僅供教師教學(xué)的教具，發(fā)展為后來(lái)可供學(xué)生自主探究學(xué)習(xí)的學(xué)具。

學(xué)情分析

寫(xiě)實(shí)和表達(dá)個(gè)性的審美是本年級(jí)段學(xué)生學(xué)習(xí)美術(shù)的主要內(nèi)容，《變形的魅力》正是通過(guò)“畫(huà)變形人物畫(huà)”有效地激發(fā)了學(xué)生獨(dú)特的想象力和創(chuàng)造力。學(xué)習(xí)工具借助生活中的各種變形現(xiàn)象，使學(xué)生關(guān)注到事物的變形魅力，它展示了蘇州千燈鎮(zhèn)水中倒影、玻璃幕墻里的影像等建筑變形的圖片、哈哈鏡中的人物變形照片等。另外，在畫(huà)人物變形畫(huà)的過(guò)程中，學(xué)生也能充分認(rèn)識(shí)到美術(shù)創(chuàng)造表現(xiàn)方式的多樣性。這些生活中常見(jiàn)的變形現(xiàn)象，學(xué)生易于接受理解，加上對(duì)名家名畫(huà)的剖析，學(xué)生最終發(fā)現(xiàn)了事物的變形規(guī)律：或向外擴(kuò)展，或向內(nèi)壓縮變形，或左右扭曲等。

設(shè)計(jì)思路及內(nèi)容結(jié)構(gòu)

1.課題進(jìn)入

我設(shè)計(jì)了一個(gè)動(dòng)畫(huà)進(jìn)入的效果：結(jié)合變形的主題，由“變形的魅力”的首寫(xiě)字母進(jìn)入并變形為漢字“變形”，繼而出現(xiàn)動(dòng)態(tài)課題（如圖1）。這樣的設(shè)計(jì)既貼近主題又增加了趣味性，很容易吸引學(xué)生的注意力。

2.導(dǎo)航

本課的學(xué)習(xí)工具我設(shè)計(jì)了六個(gè)板塊（如圖2），各部分均以課程目標(biāo)為依托，旨在幫助學(xué)生和教師高效地解決實(shí)際教學(xué)問(wèn)題。這一頁(yè)面的主要作用不僅僅是導(dǎo)航，更重要的是讓學(xué)生對(duì)本課學(xué)習(xí)內(nèi)容有一個(gè)簡(jiǎn)單的認(rèn)識(shí)、綜合的概括，這樣學(xué)生就有了自學(xué)的電子導(dǎo)師。同時(shí)，由于它強(qiáng)大的交互功能，授課教師更可以根據(jù)個(gè)人的實(shí)際教學(xué)情況進(jìn)行自主的調(diào)整和安排。這就使課堂不再局限于學(xué)生的被動(dòng)式接受，從而實(shí)現(xiàn)了學(xué)生的自主探究式學(xué)習(xí)。

3.變形現(xiàn)象

變形現(xiàn)象部分分別從導(dǎo)入變形、變形現(xiàn)象、了解變形三個(gè)方面引導(dǎo)學(xué)生進(jìn)行循序漸進(jìn)的認(rèn)知和了解，這三方面內(nèi)容以二級(jí)菜單的形式分別呈現(xiàn)，可實(shí)現(xiàn)任意頁(yè)面的隨意轉(zhuǎn)換（如圖3、圖4）。導(dǎo)入變形是從一個(gè)動(dòng)態(tài)的水中倒影圖片開(kāi)始，水中的倒影使蜻蜓、荷花產(chǎn)生了美妙的變形效果，一時(shí)難以辨別，但點(diǎn)擊倒影畫(huà)面便慢慢呈現(xiàn)出水面上的景象。學(xué)生看到精美的動(dòng)畫(huà)特效、直觀生動(dòng)的文字質(zhì)疑后，對(duì)本課的學(xué)習(xí)內(nèi)容產(chǎn)生了強(qiáng)烈的求知欲，對(duì)變形的美也有了初步的感知。

4.變形探究

這一板塊的設(shè)計(jì)是本學(xué)習(xí)工具的一個(gè)精華和亮點(diǎn)，體現(xiàn)出強(qiáng)大的交互功能和生動(dòng)直觀的動(dòng)畫(huà)效果（如圖5～圖8）。如果用于學(xué)生自學(xué)，學(xué)習(xí)工具可以呈現(xiàn)人物線(xiàn)條寫(xiě)生的整個(gè)作畫(huà)過(guò)程，學(xué)生照片漸漸淡化，線(xiàn)條以動(dòng)態(tài)的形式呈現(xiàn)出作畫(huà)過(guò)程，之后可根據(jù)個(gè)人喜好隨機(jī)選擇擴(kuò)展、收縮、扭曲等各種哈哈鏡變形效果，并且點(diǎn)擊按鈕“播放”可重復(fù)觀看，其強(qiáng)大的交互功能方便了學(xué)生自學(xué)，教師也可結(jié)合課堂教學(xué)設(shè)計(jì)自由選擇教學(xué)順序。

我結(jié)合頭部的幾種變形效果進(jìn)行概括對(duì)比后，又進(jìn)行了全身的動(dòng)畫(huà)變形展示，繼而引導(dǎo)學(xué)生找到變形的規(guī)律，初步感知變形現(xiàn)象所帶來(lái)的樂(lè)趣。該頁(yè)面起到了總結(jié)和提示的作用（如圖9、圖10）。

5.作品欣賞

隨著課堂教學(xué)的深入，學(xué)生認(rèn)識(shí)了變形的現(xiàn)象，但對(duì)于如何運(yùn)用到藝術(shù)創(chuàng)作中還比較迷茫。例如，蒙克的《吶喊》和莫迪里阿尼的《珍妮》針對(duì)如何表現(xiàn)變形美具有很強(qiáng)的導(dǎo)向性，《吶喊》是借助了扭曲的變形效果，《珍妮》采用了將人物拉伸的形式，這些手法的運(yùn)用都使整個(gè)人物形象呈現(xiàn)出獨(dú)特的藝術(shù)效果，不僅表達(dá)了作者的思想，也宣泄了情緒，同時(shí)具有裝飾的美感（如圖11）。對(duì)漫畫(huà)作品的欣賞，能引導(dǎo)學(xué)生感受對(duì)人物局部特征的夸張變形，使得人物形象更加鮮明（如圖12）。最后對(duì)同齡人作品的欣賞掃除了學(xué)生創(chuàng)作的畏難情緒，平實(shí)而親切的作品更能增強(qiáng)學(xué)生的創(chuàng)作信心（如圖13）。

6.學(xué)生作業(yè)

我結(jié)合本課學(xué)習(xí)內(nèi)容精心設(shè)計(jì)了作業(yè)，并且結(jié)合作業(yè)要求呈現(xiàn)出有作業(yè)步驟的動(dòng)畫(huà)展示，尤其是人物的變形創(chuàng)作這一塊，盡管有藝術(shù)大師、漫畫(huà)大師的作品參考、鋪墊，學(xué)生也會(huì)遭遇無(wú)從下手的尷尬。操作步驟的動(dòng)畫(huà)展示可以讓學(xué)生結(jié)合個(gè)人能力反復(fù)進(jìn)行自主學(xué)習(xí)，使其對(duì)即將要進(jìn)行的創(chuàng)作更加胸有成竹。這樣的自主探究，不僅大大地提升了學(xué)生的學(xué)習(xí)興趣，也體現(xiàn)了以學(xué)生為主體、教師為主導(dǎo)的教學(xué)理念，課堂氣氛輕松活躍（如圖14～圖16）。

7.重復(fù)變形

為了不讓學(xué)生的創(chuàng)作思維被禁錮，學(xué)習(xí)工具的變形設(shè)計(jì)沒(méi)有停留在哈哈鏡變形這一表現(xiàn)形式上，而是擴(kuò)展到重復(fù)、組合等多種方式的變形效果上。我選用了千手觀音、哪吒、簪子等局部的重組圖片資料，這樣更有利于開(kāi)闊學(xué)生的視野，激發(fā)他們的創(chuàng)作靈感。千手觀音是擴(kuò)展環(huán)節(jié)的一個(gè)亮點(diǎn)，靈感來(lái)源于2005央視春晚的千手觀音舞蹈，那時(shí)一只只手的逐次呈現(xiàn)給予了觀眾震撼的重復(fù)變形美感。該動(dòng)畫(huà)畫(huà)面清晰自然，效果震撼，借助千手觀音這一經(jīng)典形象對(duì)重復(fù)變形美進(jìn)行了最好詮釋。將經(jīng)典的藝術(shù)形象制作成動(dòng)畫(huà)，其強(qiáng)烈而直觀的藝術(shù)沖擊力給予了學(xué)生無(wú)限的想象空間（如圖17、圖18）。

8.組合變形

學(xué)習(xí)工具在詮釋組合變形時(shí)借助了鳳凰這一經(jīng)典鳥(niǎo)王造型，設(shè)計(jì)時(shí)采用了交互重組的形式，鼠標(biāo)滑過(guò)鳳凰的局部會(huì)有相應(yīng)的顏色變淡提示，同時(shí)呈現(xiàn)出該部位是由哪一種動(dòng)物形象變化而來(lái)的說(shuō)明（如圖19）。簡(jiǎn)單明確的操作，便于學(xué)生自主探究學(xué)習(xí)，使其能更進(jìn)一步認(rèn)知變形的多樣性。

9.變形游戲

學(xué)習(xí)工具的變形游戲，設(shè)置了一個(gè)卡通人臉的變形游戲，用鼠標(biāo)分別拖動(dòng)臉、眼睛、鼻子、嘴巴等可分別進(jìn)行大小、胖瘦、形態(tài)的隨意變形組合，這大大增加了變形學(xué)習(xí)的趣味性，更利于激發(fā)學(xué)生的創(chuàng)作靈感（如圖20）。

關(guān)鍵技術(shù)處理

學(xué)習(xí)工具的制作，應(yīng)用了Flash CS6、Photoshop CS5等軟件，其中交互、動(dòng)畫(huà)特效是由Flash CS6實(shí)現(xiàn)的，平面變形特效設(shè)計(jì)由Photoshop CS5實(shí)現(xiàn)。學(xué)習(xí)工具中的所有圖片均采用了補(bǔ)間動(dòng)畫(huà)或逐幀動(dòng)畫(huà)，可任意點(diǎn)擊圖片放大，進(jìn)行自主探究的教學(xué)活動(dòng)。

多重導(dǎo)航路徑構(gòu)成了多功能的導(dǎo)航系統(tǒng)，不僅便于使用者隨時(shí)進(jìn)入學(xué)習(xí)工具的各個(gè)環(huán)節(jié)，而且便于使用者了解學(xué)習(xí)工具的組成、結(jié)構(gòu)以及當(dāng)前所在的位置。

遮罩效果運(yùn)用于課題的導(dǎo)入部分，增加了畫(huà)面的神秘感，更貼近變形這一主題。

我還利用簡(jiǎn)單的編程代碼設(shè)計(jì)了可任意對(duì)局部和整體變形的小游戲，提升了學(xué)生的學(xué)習(xí)趣味性。

評(píng)價(jià)與反思

《變形的魅力》學(xué)習(xí)工具具有美觀大方、交互性好、體積小、容量大等優(yōu)點(diǎn)。避免了順序式PPT的缺點(diǎn)，可以把教師講評(píng)、學(xué)生自主探究完美結(jié)合起來(lái)。整個(gè)學(xué)習(xí)工具設(shè)計(jì)風(fēng)格統(tǒng)一，導(dǎo)航欄便于使用者理清思路，操作簡(jiǎn)便，畫(huà)面背景簡(jiǎn)潔大方、清晰美觀，不會(huì)讓學(xué)生過(guò)于注意學(xué)習(xí)工具而忽略了對(duì)課程本身的學(xué)習(xí)。學(xué)習(xí)工具內(nèi)容的設(shè)計(jì)優(yōu)勢(shì)體現(xiàn)在以下幾方面：①注重思維方式的培養(yǎng)。學(xué)習(xí)工具首先通過(guò)生活中的各種變形圖片讓學(xué)生初步認(rèn)知生活中的變形現(xiàn)象，讓學(xué)生對(duì)變形有一個(gè)初步的印象。接著展示人物線(xiàn)寫(xiě)生的各種變形效果，讓學(xué)生體驗(yàn)變形帶來(lái)的樂(lè)趣和美感。②注重培養(yǎng)學(xué)生欣賞、觀察以及想象的能力，在培養(yǎng)學(xué)生正確的變形審美觀時(shí)，借助哈哈鏡中的變形人物形象調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，接著通過(guò)欣賞大師的作品感受變形帶來(lái)的美感。③注重對(duì)學(xué)生自主探究能力的培養(yǎng)，借助小動(dòng)畫(huà)展示整個(gè)制作過(guò)程，掃除學(xué)生無(wú)從下手的心理障礙。學(xué)生看過(guò)人物寫(xiě)生和步驟展示再進(jìn)行創(chuàng)作就容易多了，因?yàn)樗麄兘?jīng)歷了變形人物畫(huà)的形成過(guò)程。④注重與生活的聯(lián)系。學(xué)習(xí)工具中展示的圖片和照片大都是學(xué)生熟悉的內(nèi)容，能夠極大地激發(fā)學(xué)生的學(xué)習(xí)興趣。⑤變形小游戲的設(shè)計(jì)增加了學(xué)生學(xué)習(xí)的趣味性，可謂寓教于樂(lè)。

幕前幕后

暑假里的一個(gè)意外收獲，無(wú)疑就是我參加了NOC活動(dòng)的數(shù)字化學(xué)習(xí)工具評(píng)優(yōu)賽項(xiàng)，雖然決賽只是一個(gè)十分鐘的陳述答辯，但卻是自己辛苦一學(xué)期的成果展示。個(gè)中艱辛，如今回想起來(lái)還歷歷在目：還不會(huì)實(shí)現(xiàn)交互效果時(shí)，我請(qǐng)學(xué)校的曾老師用錄屏軟件錄下來(lái)，利用課余時(shí)間自己反復(fù)研究，不段地嘗試、鉆研。根據(jù)學(xué)習(xí)工具的設(shè)計(jì)要求，我學(xué)會(huì)了運(yùn)用代碼實(shí)現(xiàn)頁(yè)面間的轉(zhuǎn)換，利用逐幀動(dòng)畫(huà)繪畫(huà)制作過(guò)程的重現(xiàn)等。隨著學(xué)習(xí)的深入，又逐一攻克了遮罩效果、場(chǎng)景間轉(zhuǎn)換、動(dòng)畫(huà)等特效的制作。

賽后，我認(rèn)識(shí)到自己所參與的賽項(xiàng)不僅是數(shù)字化學(xué)習(xí)工具的大比拼，更是教育理念的大比拼；不僅是數(shù)字化學(xué)習(xí)工具設(shè)計(jì)實(shí)踐的大整合，更引領(lǐng)了未來(lái)多媒體學(xué)習(xí)工具發(fā)展的趨勢(shì)。對(duì)于這次參加數(shù)字化學(xué)習(xí)工具評(píng)優(yōu)賽項(xiàng)，我有兩點(diǎn)思考。

1.統(tǒng)一背景風(fēng)格，呈現(xiàn)美術(shù)學(xué)科應(yīng)有的美感

作為美術(shù)學(xué)科的學(xué)習(xí)工具應(yīng)該體現(xiàn)出其獨(dú)特的美感，美術(shù)學(xué)習(xí)工具中的范畫(huà)、圖片、背景通常會(huì)非常多，由十幾幅甚至幾十幅畫(huà)面組成，中間還會(huì)有影片或動(dòng)畫(huà)。如此多的內(nèi)容一一在眼前閃過(guò)，必然會(huì)使人有眼花繚亂、毫無(wú)頭緒的感覺(jué)。我在制作之初總是盡可能多地呈現(xiàn)出來(lái)，想讓每一個(gè)畫(huà)面都精美有特色，結(jié)果卻適得其反，絢麗的色彩效果讓人看著眼花繚亂，學(xué)習(xí)工具反而顯得雜亂無(wú)章。經(jīng)過(guò)反復(fù)推敲和嘗試，我重新調(diào)整了畫(huà)面，確定了統(tǒng)一的風(fēng)格，同一背景不同畫(huà)面內(nèi)容，使之產(chǎn)生協(xié)調(diào)的整體美和統(tǒng)一美。因此，在設(shè)計(jì)學(xué)習(xí)工具前，不妨先確定整個(gè)色彩傾向，因?yàn)椴煌纳{(diào)烘托不同的課程內(nèi)容，而色彩傾向又要依內(nèi)容而定。一個(gè)好的學(xué)習(xí)工具，應(yīng)在課堂上起到推波助瀾的作用；一個(gè)美的學(xué)習(xí)工具，要先帶給學(xué)生美的感受，才能更進(jìn)一步激發(fā)學(xué)生的求知欲。

2.美術(shù)學(xué)習(xí)工具要思路清晰，表現(xiàn)恰當(dāng)

教師在制作學(xué)習(xí)工具時(shí)，首先要做到的就是思路清晰，這是做好學(xué)習(xí)工具的前提和關(guān)鍵。就像導(dǎo)演在拍片前要寫(xiě)好劇本一樣，要考慮展示什么樣的圖片和范畫(huà)，畫(huà)面以什么樣的形式呈現(xiàn)效果最好，如果盲目加一些華而無(wú)實(shí)的特效就會(huì)適得其反。確定好內(nèi)容后還要安排好出場(chǎng)順序。這就要求教師應(yīng)要先研究課本，吃透教材，明確教學(xué)重點(diǎn)，準(zhǔn)確進(jìn)行定位。有了這樣的保障才能在制作學(xué)習(xí)工具時(shí)有一個(gè)清晰的思路，從而制作出美觀且實(shí)用的美術(shù)學(xué)習(xí)工具。