第一篇：高中信息技術(shù)FLASH動畫教學(xué)中案例反思和研究

一、課前準備要充分

開好第一堂課對教師來說尤為重要,俗話說“開好頭”,才能“壓好尾”,才能順利且有成效地完成教學(xué)。作為第一節(jié)課,應(yīng)盡量避免其內(nèi)容過多而使學(xué)生感到有難度,重點引導(dǎo)學(xué)生對概念的理解。做好課前準備要了解學(xué)情,對于學(xué)生的計算機基礎(chǔ)知識和所具備的基礎(chǔ)學(xué)科知識要有大致的了解。其次,教師課前要研究教材,認真?zhèn)湔n并組織教學(xué)過程,設(shè)計教案,要使教授內(nèi)容科學(xué)、準確,設(shè)問有梯度,練習(xí)有層次,并緊密圍繞教學(xué)目標(biāo)和大綱開展教學(xué)活動。另外,導(dǎo)課要新穎,內(nèi)容要精練。導(dǎo)課的方法花樣繁多,不論是游戲法、提問法、任務(wù)驅(qū)動法等,只要教學(xué)效果好、效率高都是可取的,好的導(dǎo)課方法往往會收到事半功倍的效果,這需要教師在長期的教學(xué)過程中反復(fù)地“磨課”來體驗總結(jié)。

案例1:認識動畫原理,制作逐幀動畫

1.設(shè)置情景,激發(fā)興趣

師:“一休”可以說是家喻戶曉,“一休”每每在緊要關(guān)頭臨危不懼、開動智慧,憑借他過人的膽識總是能想出解決問題的辦法,這其中還不乏一些饒有趣味的科普知識呢!接下來讓我們共同回味第19集《會動的畫》,想想在這一集里“一休”告訴我們畫面“動起來”的原理是什么?

教師使用投影儀播放“一休”第19集《會動的畫》(選取最后4分鐘片段)讓學(xué)生觀看。

師:好!請同學(xué)們想想“一休”利用了什么方法使畫面“動起來”的?(請學(xué)生回答)

生:“視覺暫留”

師:對!是人類眼睛的“視覺暫留”特性讓我們感覺畫面“動起來”了。由于人類的眼睛在分辨視覺訊號時,會產(chǎn)生視覺暫留效應(yīng)。醫(yī)學(xué)證明:當(dāng)一幅畫面或者一個物體的景象消失后,在眼睛視網(wǎng)膜上所留的映像還能保留1/24秒的時間。電視、電影或者動畫就是利用了人眼的這一視覺暫留特性,當(dāng)若干幅具有一定差異的圖片連續(xù)不斷地在眼前顯示時,就會給人造成一種流暢的視覺變化效果。

2.導(dǎo)入新課,逐幀動畫

師:傳統(tǒng)動畫是制作在膠片上,先將具有差異變化的圖繪制在膠片上,然后通過攝像機連續(xù)拍攝一系列的畫面,連續(xù)播放這些畫面便實現(xiàn)了動畫。繪制動畫是一項艱巨的工作,如果一秒鐘需要15幀畫面的話,一小時的動畫片就要繪制54000張畫,而且畫與畫之間還必須保持連貫性,其困難和復(fù)雜是可想而知的,像這樣,一幀幀地制作,然后連續(xù)地播放出體現(xiàn)動畫,也就是flash中所說的“逐幀動畫”,“幀”就是動畫中的一個畫面,相當(dāng)于電影膠片上的每一格鏡頭。那么,計算機中flash軟件制作動畫的原理是什么呢?請大家先觀看一個flash動畫,看看這個動畫有幾幅畫面組成。

通過“電子教室”讓學(xué)生觀看一個簡單的“倒計時”動畫并提示大家注意觀察該動畫有幾個數(shù)字變化的畫面。接著,教師演示該動畫制作的全過程。

師:該動畫總共10幀,每一幀用文本工具輸入一個阿拉伯?dāng)?shù)字,幀頻設(shè)置為1fps,從而產(chǎn)生從9到0倒計時的逐幀動畫效果。那么,什么是“幀”?flash中又存在幾種幀呢?

接著,引出flash中幀的含義。flash中的“幀”有以下三種(大屏幕展示):

(1)關(guān)鍵幀:相對于該幀的舞臺上已存在對象,通俗點講就是有內(nèi)容的幀,并且可對舞臺上的對象進行編輯和操作。注意插入的關(guān)鍵幀繼承緊靠其前面關(guān)鍵幀的對象。

(2)空白關(guān)鍵幀:相對于舞臺上沒有對象的幀,并且也可對舞臺上的對象進行創(chuàng)建和編輯。

(3)普通幀:是對其緊靠前一個關(guān)鍵幀相對于舞臺上對象的繼承,注意不能對舞臺編輯和操作對象。

講完幀的含義后,把事先做好的“液晶數(shù)字”倒計時動畫源文件(只含一個關(guān)鍵幀,幀內(nèi)容如下左圖)通過網(wǎng)絡(luò)傳給學(xué)生,提示學(xué)生要先創(chuàng)建關(guān)鍵幀,后使用“顏料桶工具”逐幀填充數(shù)字,最后提醒學(xué)生通過設(shè)置舞臺背景和填充色制作“液晶”效果(如下右圖)。最后分小組討論該動畫的具體制作步驟,由小組長搜集問題反饋給老師,老師集中講解。

【教學(xué)反思】通過展示經(jīng)典動畫片《一休》片段,讓學(xué)生帶著問題觀看童年喜愛的動畫片,極大地提高了學(xué)生的學(xué)習(xí)興趣。接著,通過演示“倒計時”動畫的創(chuàng)建過程,最后留給學(xué)生一個“半成品”讓學(xué)生自己動手來完成,為以后的深入學(xué)習(xí)奠定了良好的基礎(chǔ)。

“液晶數(shù)字”倒計時動畫取材于現(xiàn)實生活的“紅綠燈”(有關(guān)“紅綠燈”逐幀動畫,請查看附件,在此不再贅述),學(xué)生對此都很熟悉,理解與操作比較起來容易,學(xué)生通過自己動手,進一步認識并學(xué)會使用“顏料桶”等工具,此動畫制作基本上每人都能獨立完成。

二、理清概念,突出動畫創(chuàng)作要點。

要做到考察學(xué)生的創(chuàng)新能力和對flash圖層、關(guān)鍵幀、幀、空白關(guān)鍵幀和一些基本工具的使用。教師在這部分內(nèi)容的教學(xué)實施過程中要特別注意突出補間動畫的創(chuàng)作要點及其操作步驟。

案例2:創(chuàng)作補間動畫,理解圖層概念

1.展示動畫,導(dǎo)入新課。

教師首先展示一個在水平方向上從左到右移動的小球動畫。接著引導(dǎo)學(xué)生創(chuàng)建該動畫,教師巡視學(xué)生制作情況,發(fā)現(xiàn)的主要問題有:①所繪的小球沒有轉(zhuǎn)換為元件,直接創(chuàng)建補間動畫;②只有第一個關(guān)鍵幀,沒有創(chuàng)建結(jié)束幀或創(chuàng)建的不是關(guān)鍵幀而是普通幀;③沒有改變結(jié)束幀中小球的位置,小球原地不動。

針對這些問題進行講解并再一次演示創(chuàng)建該動畫的操作過程。而后分小組討論,總結(jié)創(chuàng)建補間動畫的步驟和需要注意的事項,最后由各組組長代表本組發(fā)言。

接著,教師通過大屏幕給出補間動畫的創(chuàng)建步驟。

(1)先把舞臺上的對象轉(zhuǎn)換為“元件”;

(2)設(shè)定起始幀、結(jié)束幀兩個關(guān)鍵幀;

(3)改變兩個關(guān)鍵幀中對象的屬性,即漸變的方式;

(4)選中兩幀之間任意位置,創(chuàng)建補間動畫。

活動一:讓學(xué)生制作一個垂直方向上下移動的小球(通過小組合作的方式,完成該動畫的創(chuàng)建)。

設(shè)計意圖:教師只演示一次讓學(xué)生學(xué)著創(chuàng)作,在此設(shè)下“陷阱”,學(xué)生在操作中會忽略或忘記一些細節(jié),從而發(fā)現(xiàn)問題,然后教師有針對性地講解普遍出現(xiàn)的問題。小球從水平移動改為垂直上下運動,其動畫原理和創(chuàng)建方法基本一樣,不同之處是需要插入關(guān)鍵幀改變小球的最后位置從而實現(xiàn)往返循環(huán)移動效果。

2.提出問題,引出“圖層”。

師:假設(shè)小球落到地面彈起,那么,這個地面(水平線)應(yīng)該放在那里?

生:(學(xué)生思考中?)

師:如果舞臺上存在靜止不動的對象(如地面)或其它的運動對象(如小球),我們需要插入圖層把不同的對象放在不同的層中,那圖層的作用是什么呢?

教師活動:教師示范插入三個圖層,分別放不同顏色的圓形、三角形、矩形(如下左圖,預(yù)覽幀內(nèi)容),讓學(xué)生觀察層中對象的上下關(guān)系(如下右圖)。

師:圖層就像透明塑料紙一樣,在舞臺上一層層地向上疊加,繪制和編輯對象在各自圖層中都是獨立存在而互不影響,二維平面中只存在誰在上層誰在下層的關(guān)系,且上層的對象會遮擋住下層的對象。

活動二:讓學(xué)生制作一個垂直方上下彈跳的小球,要求小球在接觸水平面時產(chǎn)生壓扁效果。

教師活動:教師演示插入圖層添加一條直線作地面,提示小球在接觸地面時使用任意變形工具改變小球形狀從而產(chǎn)生壓扁效果,提醒學(xué)生要思考小球由“接觸地面→壓扁→恢復(fù)原形”的過程需要插入幾個關(guān)鍵幀來實現(xiàn),最后使用“顏料桶工具”改變小球元件的填充色使之具有立體感。最終效果如下:

師:由此我們發(fā)現(xiàn),物體的運動包括位置、大小等變化。所謂的補間動畫,就是我們只需改變所創(chuàng)建的兩關(guān)鍵幀中對象的屬性(包括位置、形狀、顏色、角度、透明度等),而這兩個關(guān)鍵幀之間的中間漸變過程就由計算機來完成。

設(shè)計意圖:制作小球接觸地面時的“壓扁”效果,從“壓扁”細節(jié)入手來認識補間動畫的創(chuàng)建過程,加強學(xué)生對層、幀、任意變形等工具的深入理解與使用。

3.布置作業(yè),提高練習(xí)。

作業(yè)布置:添加圖層制作小球陰影動畫,提示學(xué)生設(shè)置關(guān)鍵幀之間的緩動值使運動更符合自由落體運動規(guī)律,給小球填充放射狀顏色以確定光源投射方向和陰影,最終使小球的彈跳效果更加逼真。效果如下:

設(shè)計意圖:本著因材施教的教育理念,對不同層次的學(xué)生要求也應(yīng)不同,布置作業(yè)留給能力強的學(xué)生去探究創(chuàng)作,而對于能力較弱的學(xué)生而言,完成本節(jié)課中兩個活動就可以說是非常成功的。

【教學(xué)反思】在教師總結(jié)出補間動畫創(chuàng)建的步驟和條件后,再通過“活動一”的實踐練習(xí)便基本上理解并掌握了補間動畫的創(chuàng)建方法。關(guān)鍵是“活動二”中引入了圖層和添加關(guān)鍵幀制作小球的擠壓效果有一定的難度,完成該動畫教師需要細致分解,耐心輔導(dǎo)。

三、培養(yǎng)學(xué)生觀察能力,掌握物體運動原理。

要創(chuàng)作有創(chuàng)意的動畫,需要注重培養(yǎng)學(xué)生從現(xiàn)象中發(fā)現(xiàn)事物活動規(guī)律和其間的方法。

例如,在講圖層的概念時,向?qū)W生介紹探照燈動畫的制作技巧(如下圖),動畫并沒有使用遮罩等復(fù)雜技巧,只是字體和舞臺背景顏色設(shè)置一樣(白色),圓(黑色)則位于文字下方。

注重培養(yǎng)學(xué)生在日常生活中的觀察能力。

舉單擺動畫的制作為例。高二學(xué)生對單擺運動的學(xué)習(xí)已有相當(dāng)?shù)幕A(chǔ),學(xué)生不僅在實踐中進行觀察感知其運動的自然規(guī)律,還掌握了一些力學(xué)方面的物理知識。

在制作單擺動畫過程中引導(dǎo)學(xué)生從物理學(xué)角度出發(fā)對以下幾個問題進行認真思考:

1.如何固定擺線(如下圖中的o點)。

2.怎樣精確設(shè)置單擺的擺動角度。

3.小球擺動到最低點水平速度最大,擺動到最高點速度為0。這里需要在補間動畫的關(guān)鍵幀之間設(shè)置其屬性的緩動值來控制單擺速度快慢的變化。為了使動畫效果明顯,單擺最高點的擺線與垂直位置夾角設(shè)置30°,根據(jù)物理原理,周期公式計算出擺長1米的周期大約2秒,據(jù)此可以設(shè)置幀頻并確定動畫所需的幀數(shù)。

同理,運用地理學(xué)科知識,我們還可以比較精確地制作出公轉(zhuǎn)動畫,在此不再贅言。

其實,學(xué)習(xí)任何動畫的制作都是一個循序漸進的過程,在掌握了基本的方法之后,就要激發(fā)學(xué)生學(xué)會靈活運用、善于思考,做到舉一反

三、深入發(fā)揮,從而使學(xué)生從生到熟、從熟到巧。類似以下幾個動畫。(1)單擺動畫的進一步添加關(guān)鍵幀,制作動能守恒動畫,如下圖:

(2)探照燈動畫再用變形工具填充過渡色,制作“光束”增加立體感,如下圖:

(3)月球繞地球動畫進一步“嵌套”影片,制作出地球繞太陽公轉(zhuǎn)動畫,如下圖:

【結(jié)束語】布置給學(xué)生的任務(wù)和作業(yè)需要留給學(xué)生一定的思考空間從而進一步地對動畫進行發(fā)揮創(chuàng)作,從簡單動畫入手,然后在知識和制作難度上逐步層層推進,使不同程度的學(xué)生都能獨立完成一定量的任務(wù),這樣能增強學(xué)生的自信心,兼顧到每個學(xué)生,做到培優(yōu)補差、各有所學(xué)。

動畫的教學(xué)設(shè)計要符合學(xué)生的認知規(guī)律,要遵循從簡到繁、從淺入深,形成階梯性練習(xí),使學(xué)生經(jīng)過“發(fā)現(xiàn)問題—思考問題—動手實踐—解決問題”這樣的過程來強化動手實踐能力，教師引導(dǎo)學(xué)生思考如何把現(xiàn)實生活中運動的物體運用計算機動畫軟件以最簡單的方法模擬創(chuàng)建出來,使學(xué)生體會到日常生活中處處都有素材,關(guān)鍵在于靠自己去體會發(fā)現(xiàn),從而培養(yǎng)學(xué)生的創(chuàng)造性和觀察興趣。

步入信息時代以來,學(xué)科間的關(guān)聯(lián)性也越來越強,注重培養(yǎng)學(xué)生對基礎(chǔ)學(xué)科知識的學(xué)習(xí)也不容忽視。教師要使學(xué)生明白,動畫制作不僅需要熟練使用軟件工具,還要運用一定的基礎(chǔ)學(xué)科知識并發(fā)揮想象力才能創(chuàng)作出出色的動畫效果。

第二篇：小學(xué)信息技術(shù) Flash動畫教學(xué)反思

小學(xué)信息技術(shù) Flash動畫教學(xué)反思

我發(fā)現(xiàn)信息技術(shù)課中的Flash動畫是學(xué)生們比較感興趣的內(nèi)容，但一直以來也是學(xué)生覺得難學(xué)的內(nèi)容。我讓學(xué)生把Flash動畫制作與拍攝電影的工序相比較來進行學(xué)習(xí)，學(xué)習(xí)效果比以前好多了。

制作Flash作品，就像拍攝電影一樣，首先要讓學(xué)生把自己當(dāng)作是Flash動畫的“導(dǎo)演”，這個“導(dǎo)演”同樣擁有像拍攝電影那樣所擁有的三個必備條件：演員、舞臺和影片錄放機。

1．Flash動畫中需要的“演員”就是元件

如果是拍攝電影的話，當(dāng)導(dǎo)演在拍攝電影之前，首先就是去挑選演員。同樣道理，在制作Flash動畫之前，首先要根據(jù)動畫內(nèi)容的需要來制作元件。一般情況下，筆者在上課的時候，先出示一個簡單的Flash動畫給學(xué)生欣賞?？赐旰?，便提問學(xué)生：“你知道這個動畫中出現(xiàn)了幾個關(guān)鍵的角色嗎？”經(jīng)過啟發(fā)，學(xué)生能正確理解和回答后，讓學(xué)生打開Flash MX的庫窗口，根據(jù)需要的關(guān)鍵角色建立元件。然后利用這些元件分別制作這幾個關(guān)鍵的角色。如果學(xué)生有興趣想進一步改造教師提供的動畫，那就根據(jù)實際情況隨時添加新的元件。這種以制作電影的口氣來發(fā)問，學(xué)生是比較容易理解的。雖然他們的繪畫功底可能不太好，但每一個人都知道自己要完成什么，有了目標(biāo)，才會有更強的自信心。

2．Flash動畫中的“舞臺”就是場景

拍攝電影時，舞臺是演員演出的地方。而在制作Flash動畫時，場景是元件上臺表演的地方，它給學(xué)生們提供了一個自我展現(xiàn)能力與無限發(fā)揮創(chuàng)作的舞臺。Flash動畫制作的最終過程都淋漓盡致地展現(xiàn)在這個場景中，它就像一面鏡子，能時刻呈現(xiàn)動畫創(chuàng)作的過程。所以要鼓勵學(xué)生大膽地去制作，不要怕出錯誤。若出現(xiàn)創(chuàng)作上的失誤，學(xué)生還可以對照場景進行糾正與修改，直至完成理想的動畫。

特別需要指出的是：在制作Flash動畫中，學(xué)生們往往存在一個操作上的誤區(qū)，即動畫本來應(yīng)該是在場景中制作的，但卻經(jīng)常在元件的內(nèi)部制作起來，這樣制作出來的動畫就不能播放了。因此，在授課過程中，一定要隨時提醒學(xué)生，以避免此類錯誤的發(fā)生。

3．Flash動畫中的“影片錄放機”就是時間軸

對于時間軸就像是拍攝工作者手中的影片錄放機一樣，具有錄制和播放的功能。時間軸的錄制功能就是在時間軸上制作幀的過程，它能完全體現(xiàn)出一個學(xué)生制作動畫的思維過程。時間軸的播放功能就是在時間軸上播放每一個幀的過程，它控制著動畫在場景中的播放。就像人大腦的神經(jīng)中樞能控制著人的行為那樣，時間軸控制的是Flash動畫的靈魂，所以它對于動畫的完成尤其重要。讓學(xué)生學(xué)會在時間軸上自如地發(fā)揮創(chuàng)作，是Flash創(chuàng)作的關(guān)鍵。

在實際教學(xué)過程中，一開始要讓學(xué)生學(xué)會一些簡單的基本制作技巧，如：直線動畫等。然后，引導(dǎo)學(xué)生去恰如其分地運用這些技巧，使動畫變得更加形象。另外，在時間軸上創(chuàng)作Flash動畫的思路是多渠道的，并且每個人的表達方式也是多樣化的，讓學(xué)生盡情地在時間軸上發(fā)揮他們的想像是我們教學(xué)工作的重點。

總之，在Flash動畫制作過程中，如果讓學(xué)生把動畫制作過程與拍攝電影工序相比較學(xué)習(xí)，學(xué)生學(xué)習(xí)興趣濃厚，掌握迅速，收到了良好的效果。

第三篇：Flash動畫教學(xué)反思

Flash教學(xué)反思

初中學(xué)生一接觸flash動畫軟件，學(xué)習(xí)了一些基本的動畫技巧后，就不停的想著要做一些各種各樣的動畫效果，同學(xué)間也把制作動畫效果最好、最多當(dāng)作一種榮譽。為了吸引學(xué)生的注意力，我在教學(xué)過程中也主要是教學(xué)生們一些動畫效果的制作。學(xué)生們在不斷的反復(fù)練習(xí)效果制作時，時間就不知不覺過去了，等到學(xué)期結(jié)束時，學(xué)生們雖然都能拿出一些自己做的比較酷的動畫效果來，但比來比去，總覺得不能與互聯(lián)網(wǎng)上的動畫相比。原來，由于大家的flash繪畫技術(shù)都不太好，不能畫出一些生動的圖畫來烘托整個動畫，所以整個動畫的效果總有一些讓人遺憾和美中不足，就算有的學(xué)生上網(wǎng)下載了一些flash的矢量圖，但畢竟不是自己的原創(chuàng)，不能充分體現(xiàn)自己的個性。

由于每周只有1節(jié)課，學(xué)生們不僅要學(xué)習(xí)flash軟件的使用，還要學(xué)習(xí)繪畫工具及其使用技巧，學(xué)生們的時間總是不夠用，學(xué)習(xí)的效果也不是很好。學(xué)生經(jīng)常在一節(jié)課堂上連一個人物的局部造型都未繪制完成，下課時間就到了，又要等到一周后才繼續(xù)。我就用另一種方法來補救，要求每位同學(xué)要定制一個自己的原創(chuàng)卡通作品形象，并把它畫在紙上，當(dāng)正式上課時要求帶上，到電腦室后再根據(jù)紙上的形象進行繪制，而且在沒有完成一個作品前，不允許隨意更換作品形象。

慢慢的，我發(fā)現(xiàn)學(xué)生的繪畫技術(shù)有一定的進步。以前學(xué)生們在上課時經(jīng)常不知道自己該畫什么，常常一節(jié)課下來，涂涂改改什么也畫不好。而有了定制的形象后，學(xué)生上課時就按照紙上定制的形象進行繪畫，繪畫的進度明顯提高。而且由于學(xué)生平時在紙上做了卡通繪畫練習(xí)，因此對圖像的把握也準了很多，畫畫的技巧在不斷的練習(xí)中逐步提高。

雖然兩節(jié)課學(xué)生們什么動畫也沒做，只是在設(shè)計自己的動畫原創(chuàng)形象，但這種基礎(chǔ)性練習(xí)是必須的，只有當(dāng)學(xué)生們的鼠標(biāo)繪畫技術(shù)得到逐步提高后，學(xué)生以后要制作動畫的時候，才會有事半功倍的效果。而且，目前學(xué)生們鼠繪技術(shù)雖然有一定的進步，但由于這是一個長期練習(xí)和積累的過程，其效果不會很快就出來。不過，我相信，學(xué)生們經(jīng)過這種基礎(chǔ)訓(xùn)練后，為以后進一步學(xué)習(xí)動畫效果打下了良好的繪畫基礎(chǔ)。我也更堅定了要學(xué)好flash動畫制作就要先打好鼠標(biāo)繪畫基礎(chǔ)的重要性的教學(xué)方法。

第四篇：flash動畫教學(xué)案例設(shè)計與研究畢業(yè)論文

畢業(yè)設(shè)計（論文）

題 目

Flash案例教學(xué)中的 案例設(shè)計研究 計算機科學(xué)技術(shù)系

軟件技術(shù) 2008級3班 劉俊杰 2008111012

楊靜 助教 系（院）專 業(yè) 班 級 學(xué)生姓名 學(xué) 號 指導(dǎo)教師 職 稱

濱州學(xué)院專科畢業(yè)設(shè)計（論文）

Flash案例教學(xué)中的案例設(shè)計研究

摘要

Flash是目前制作網(wǎng)絡(luò)交互動畫最流行的工具軟件,它含有動畫、聲音、視頻等多媒體編輯制作功能,廣泛應(yīng)用于網(wǎng)絡(luò)、宣傳、課件、MTV、游戲娛樂等,備受廣大動畫創(chuàng)作者的青睞。

Flash動畫的案例教學(xué)法,通過教授學(xué)生一個個典型的動畫案例,讓學(xué)生進入到動畫制作的學(xué)習(xí)和創(chuàng)作氛圍中,使他們在案例的學(xué)習(xí)過程中掌握各種Flash繪圖工具的使用方法,掌握逐幀動畫、形變動畫、運動動畫、軌跡動畫和遮罩動畫的原則與技巧,并熟悉交互式動畫的制作。本文通過若干案例的設(shè)計研究探究案例教學(xué)法在Flash教學(xué)中的優(yōu)勢。案例教學(xué)中,教師對動畫案例的準備、設(shè)計是非常關(guān)鍵的,可以從三個方面考慮：基礎(chǔ)理論動畫案例；實用動畫案例；趣味性動畫案例。

關(guān)鍵詞：Flash；案例教學(xué)法；動畫案例

I

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

Case Design in Flash Case Teaching

Abstract Currently Flash is the most popular tools in making network interactive animation.It contains animations, sound, video and other multimedia editing and production capabilities, and widely used in networking, advocacy, courseware, MTV, games and entertainment ect.It highly favored by the majority of animation creators.In Flash animated case method ,we can teach students through a typical case of animation to make students entering the atmosphere of learning animation and creating , mastering the use of a variety of Flash drawing tools, and mastering the principles and skills of frame by frame animation, deformation animation, sports animation, path animation and animation, and being familiar with the production of interactive animation.In this paper, we design and study a number of cases to explore the advantages of the case method in Flash teaching.In the case method, it is very critical for teachers to prepare and design the cases of animation, following the three aspects: Basic Theory of Animation Cases;Practical animation case;Interesting animation case;

Keywords： Flash;the Case Method;Animation Case

II

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

目 錄

第一章 引言........................................................1 1.1 課題研究的背景........................................................................................................1 1.2 課題的目的意義........................................................................................................1 1.3 課題研究的主要工作和內(nèi)容....................................................................................2 第二章 Flash及Flash案例教學(xué)法基礎(chǔ)理論.............................3 2.1 Flash概述....................................................................................................................3 2.1.1 Flash簡介.................................................................................................................3 2.1.2功能概述..................................................................................................................3 2.1.3 Flash腳本語言.........................................................................................................5 2.2 Flash案例教學(xué)法概述................................................................................................6 2.2.1 案例教學(xué)法簡介.....................................................................................................6 2.2.2 案例教學(xué)法特性.....................................................................................................6 2.2.3 案例教學(xué)法的實施.................................................................................................7 第三章 Flash知識點總結(jié)與案例設(shè)計...................................8 3.1 Flash知識點的總結(jié)....................................................................................................8 3.1.1 Flash8的工作界面...................................................................................................8 3.1.2 Flash動畫元素與動畫制作原理.............................................................................8 3.1.3 Flash三種基本動畫.................................................................................................8 3.1.4 圖層和元件的藝術(shù).................................................................................................8 3.1.5 擴展.........................................................................................................................9 3.2 Flash案例設(shè)計............................................................................................................9 3.2.1繪圖、遮罩、補間..................................................................................................9 3.2.2引導(dǎo)、聲音、時間軸特效....................................................................................10 3.2.3逐幀、音效、按鈕................................................................................................11 3.2.4腳本、元件............................................................................................................13 第四章 Flash案例制作與研究........................................17

i

濱州學(xué)院專科畢業(yè)設(shè)計（論文）

4.1 O2手機廣告的制作研究.........................................................................................17 4.2 聯(lián)想廣告制作研究..................................................................................................18 4.3 永遠開心案例的制作研究......................................................................................19 4.4 鼠標(biāo)隱藏制作研究..................................................................................................20 4.5 放大鏡制作研究......................................................................................................21 4.6 雪花鼠標(biāo)隨動制作研究..........................................................................................21 總結(jié)..............................................................23 參考文獻..........................................................24 謝辭..............................................................25

ii

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

第一章 引言

1.1 課題研究的背景

Flash 是一種創(chuàng)作工具，設(shè)計人員和開發(fā)人員可使用它來制作演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡單的動畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用 Flash 創(chuàng)作的各個內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡單的動畫。您也可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的 Flash 應(yīng)用程序。Flash是一款擁有傳奇歷史背景的軟件，它的歷史背景可以追溯到1996年。隨著互聯(lián)網(wǎng)技術(shù)的不斷提高以及人們對互聯(lián)網(wǎng)需求的增加，F(xiàn)lash這個新產(chǎn)品也就應(yīng)運而生了。在互聯(lián)網(wǎng)的多個領(lǐng)域中Flash的“才華”得到了充分發(fā)揮，F(xiàn)lash片頭、Flash廣告、Flash導(dǎo)航，甚至是Flash網(wǎng)站都已經(jīng)稱為一些商業(yè)模式中不可缺少的部分。Flash除了被廣泛應(yīng)用到傳統(tǒng)媒體之外，還被廣泛應(yīng)用到了許多新興媒體之中，因為它簡短、絢麗、便捷等特點，到目前為止，已經(jīng)風(fēng)靡整個互聯(lián)網(wǎng)行業(yè)。Flash是一種交互式動畫設(shè)計工具，憑借它可以將音樂、聲效、動畫以及界面融合到一起，以制作出高品質(zhì)的網(wǎng)頁動態(tài)效果。隨著人們審美的提高，對于美的要求也越來越高。Flash這項技術(shù)在多媒體中的應(yīng)用也越來越廣泛。其表現(xiàn)方式也多種多樣，主要包括：電子雜志、視頻媒體制作、動畫制作、課件制作、交互設(shè)計、虛擬現(xiàn)實等等。Flash良好的應(yīng)用前景吸引了大批從業(yè)人員，各大高校紛紛以各種方式開設(shè)《Flash動畫制作》課程，但是Flash是一門與實踐聯(lián)系比較密切的技能型課程，對學(xué)生的動手實踐能力要求比較高。教師講授中一般采用多媒體演示與上機結(jié)合的方法，按照教材的順序從基礎(chǔ)操作到案例應(yīng)用，但是由于受到課時限制，一般重點都放在了基礎(chǔ)部分，學(xué)生學(xué)完課程只是對Flash制作有了一定了解和基礎(chǔ)，而談不上舉一反三和創(chuàng)新，針對以上現(xiàn)象人們紛紛開始對各類教學(xué)法的研究、實驗、運用。其中案例教學(xué)法的教學(xué)模式由于可以激發(fā)學(xué)生學(xué)習(xí)興趣，將只是具體化形象化而受到廣泛關(guān)注。1.2 課題的目的意義

廣泛的應(yīng)用、強大的市場、人才的需求吸引了大量的Flash愛好者涌入Flash行業(yè)，與此同時各大高校也開始重視并開展Flash教育，繼而對Flash教學(xué)方法的研究也開始變得意義重大。Flash是一門理論性與實踐性非常強的課程，如何培養(yǎng)創(chuàng)造性思維是一大課程，本文通過對案例教學(xué)法的應(yīng)用進行了探索，通過案例的合理選取

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

或設(shè)計提高學(xué)生的學(xué)習(xí)興趣和主動性，從而提高教學(xué)質(zhì)量。法國當(dāng)代著名的成人教育家保爾.朗格朗曾經(jīng)說過：“所有教育和教學(xué)不能逃避支配人類活動的重要規(guī)律,那就是興趣。如果學(xué)習(xí)使人有興趣，就必須能滿足某種欲望。如果學(xué)習(xí)者樂于做出努力和拿出其全部力量,那么目的就必須是明確的，結(jié)果也必須是值得通過努力取得的?！眹鴥?nèi)外對與Flash案例教學(xué)法的研究也很多，甚至應(yīng)用也比較成熟，案例教學(xué)法也成為Flash相關(guān)書籍上的一種主流教學(xué)法。但是在實際運用過程中還存在很多不足，教師不能充分運用案例教學(xué)法或者缺乏合適的案例，案例教學(xué)法應(yīng)用到課堂上無法達到預(yù)期效果，無法最大限度的調(diào)動學(xué)生的學(xué)習(xí)積極性。本文以此為切入點就案例教學(xué)法中的案例設(shè)計進行研究，探討如何設(shè)計案例可以使案例教學(xué)法達到更好的教學(xué)效果。

1.3 課題研究的主要工作和內(nèi)容

查閱文獻搜集國內(nèi)外對于flash案例教學(xué)法的研究，總結(jié)國內(nèi)外研究不足找到切入點。廣泛學(xué)習(xí)Flash優(yōu)秀案例，總結(jié)知識點研究案例。設(shè)計若干案例并研究，通過設(shè)計Flash案例探究如何設(shè)計案例可以提高案例教學(xué)法的教學(xué)效果。對設(shè)計的案例進行總結(jié)分析并檢驗其應(yīng)用效果，整理資料撰寫論文。

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

第二章 Flash及Flash案例教學(xué)法基礎(chǔ)理論

2.1 Flash概述 2.1.1 Flash簡介

Flash是一種用于互聯(lián)網(wǎng)的動畫編程語言。它采用了網(wǎng)絡(luò)流式媒體技術(shù)，突破了網(wǎng)絡(luò)帶寬的限制，可以在網(wǎng)絡(luò)上更加快速地播放動畫；可以實現(xiàn)人機交互，充分發(fā)揮個人的創(chuàng)造力和想象力；可以提供更為精美的網(wǎng)頁界面。

以前，雖然也有很多種多媒體格式，但是，按照這些所制作出來的媒體文件都是很龐大的，動輒以十兆、百兆計，讓這樣大的文件在有限的帶寬資源中傳輸十分困難。Flash解決了這個問題！它采用了Shockwave技術(shù)，按照“流”方式傳輸音頻和視頻文件，可以邊下載邊播放，用戶無需等待；同時，F(xiàn)lash使用矢量技術(shù)制作和生成動畫，使文件大大“縮小”，其他格式的兩分鐘媒體文件可能需要幾十兆字節(jié)，而Flash只需要幾十千字節(jié)就可以了！

Flash的交互性是它的又一大特點。在Flash中可以通過加入按鈕來控制頁面的跳轉(zhuǎn)，按鈕還可以發(fā)聲，豐富網(wǎng)頁上的表現(xiàn)手段。Flash的易用性也許是讓更多的人熱愛它的真正原因。只要使用過Windows的畫筆，就會使用Flash繪圖，因為Flash的繪圖工具和Windows畫筆中的繪圖工具非常相似，但是功能更強大。Flash中的動作很容易理解，即使是初學(xué)者，通過一段時間的摸索之后也可以創(chuàng)造出很精彩的動畫演示和交互游戲。

有人曾經(jīng)說過：下個世紀的網(wǎng)絡(luò)設(shè)計人不會用Flash，必將被淘汰出局！Flash是由Macromedia公司出品的，目前已出版4.0版，它在網(wǎng)絡(luò)多媒體應(yīng)用上優(yōu)勢使其深受喜愛，國際上越來越多的人、越來越多的網(wǎng)站開始使用Flash，隨著互聯(lián)網(wǎng)日益寬帶、多媒體化，它的技術(shù)優(yōu)勢更加明顯，在互聯(lián)網(wǎng)軟件領(lǐng)域至關(guān)重要的地位將會不斷得到加強。雖然目前Flash在國內(nèi)的發(fā)展落后于國外，但是在一些喜愛互聯(lián)網(wǎng)的年輕人當(dāng)中，學(xué)習(xí)、研究、使用Flash已成為時尚，他們中的佼佼者有一個很酷的名字——“閃客”。雖然現(xiàn)階段國內(nèi)大多數(shù)主流商業(yè)網(wǎng)站并不多見使用Flash進行頁面設(shè)計，但是隨著國內(nèi)網(wǎng)絡(luò)帶寬的增加，以及其他方面的進步，網(wǎng)絡(luò)設(shè)計依靠Flash的時代必將到來。2.1.2功能概述

Flash動畫設(shè)計的三大基本功能是整個Flash動畫設(shè)計知識體系中最重要、也是最

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

基礎(chǔ)的，包括：繪圖、補間動畫和遮罩。這是三個緊密相連的邏輯功能，并且這三個功能自Flash誕生以來就存在。

繪圖：繪圖不但是創(chuàng)作Flash動畫的基本，也是進行多媒體創(chuàng)作的基本。只有基本功扎實，才能在以后的學(xué)習(xí)和創(chuàng)作道路上得心應(yīng)手。

使用Flash Professional 8繪圖——這是Flash動畫創(chuàng)作的三大基本功的第一位。在繪圖的過程中要學(xué)習(xí)怎樣使用元件來組織圖形元素，這也是Flash動畫的一個巨大特點。

補間動畫：補間動畫是整個Flash動畫設(shè)計的核心，也是Flash動畫的最大優(yōu)點，它有動畫補間和形狀補間兩種方式。用戶學(xué)習(xí)Flash動畫設(shè)計，最主要的就是學(xué)習(xí)“補間動畫”設(shè)計。在應(yīng)用影片剪輯元件和圖形元件創(chuàng)作動畫時，有一些細微的差別，用戶應(yīng)該完整把握這些細微的差別。

遮罩：遮罩是Flash動畫創(chuàng)作中所不可缺少的——這是Flash動畫設(shè)計三大基本功能中重要的出彩點。使用遮罩配合補間動畫，用戶更可以創(chuàng)建更多豐富多彩的動畫效果：圖像切換、火焰背景文字、管中窺豹等都是實用性很強的動畫。并且，從這些動畫案例中，用戶可以舉一反三創(chuàng)建更多實用性更強的動畫效果。遮罩的原理非常簡單，但其實現(xiàn)的方式多種多樣，特別是和補間動畫以及影片剪輯元件結(jié)合起來，可以創(chuàng)建千變?nèi)f化的方式，用戶應(yīng)該對這些方式作個總結(jié)概括，從而使自己可以有的放矢，從容創(chuàng)建各種方式的動畫效果。

Flash動畫說到底就是“遮罩+補間動畫+逐幀動畫”與元件（主要是影片剪輯）的混合物，通過這些元素的不同組合，從而可以創(chuàng)建千變?nèi)f化的效果。

Flash動畫的三大基本功能是一切Flash動畫應(yīng)用的基礎(chǔ)。但現(xiàn)在Flash已經(jīng)是一個非常強大的平臺，他是一個富媒體環(huán)境。在Flash 4時他加入了MP3聲音的支持，F(xiàn)lash 3及以前的版本對音頻支持是很匱乏的，從那個時候起用戶可以設(shè)計多媒體的Flash動畫了。在Flash 6時他加入了視頻的支持，F(xiàn)lash 5及以前的版本不支持視頻（不包括鏈接的Quick time），這時，用戶可以嵌入視頻，也可以播放外部的Flv格式的視頻。甚至，用戶還可以捕做到來自麥克風(fēng)和攝像頭的實時音頻和視頻。雖然Flash 4以前的版本中也有簡潔的腳本代碼，但應(yīng)該不算有嚴格意義上的Actionscript，充其量只能算是Action，因為他僅有簡單的幾條語句，連加減乘除運算符都沒有。

目前Flash對位圖的處理能力還比較弱，因為它最初是從矢量處理起始的，加之

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

矢量圖形是Flash GUI設(shè)計之基石，所以估計還會沿著矢量處理的道路繼續(xù)前進。不過最近的濾鏡和圖像混合模式也向位圖處理領(lǐng)域邁出一大步。相信未來會有更多更好的這方面的功能加進來。Flash的功能可能越來越復(fù)雜，如何系統(tǒng)地掌握這項技術(shù)就顯得非常重要。系統(tǒng)地掌握一門技術(shù)有兩個好處：一個是對目前的功能有清晰的認識；第二，就是能夠從容應(yīng)對更復(fù)雜的知識。了解這些對于一個初入門的動畫設(shè)計者是非常有意義的，正是將這些功能邏輯的整理出來，有利于用戶建立正確的、邏輯的知識體系，而不是再在黑夜里徘徊了。2.1.3 Flash腳本語言

ActionScript的老版本（ActionScript1.0和2.0）提供了創(chuàng)建效果豐富的Web應(yīng)用程序所需的功能和靈活性。ActionScript 3現(xiàn)在為基于Web 的應(yīng)用程序提供了更多的可能性。它進一步加強了這種語言，提供了出色的服務(wù)，簡化了開發(fā)過程，因此更適合高度復(fù)雜的Web應(yīng)用程序和大數(shù)據(jù)集。ActionScript 3可以為以Flash Player為目標(biāo)的內(nèi)容和應(yīng)用程序提供高性能和高開發(fā)效率。

ActionScript 3符合ECMACTIONS CRIP Tcript Language Specification的第三版。它還包含基于ECMACTIONS CRIP Tcript Edition 4的功能，比如類、包和名稱空間；可選的靜態(tài)類型；生成器和迭代器；以及非結(jié)構(gòu)化賦值等。隨著Web應(yīng)用程序項目需求的增長，也要求ActionScript 引擎有重大的突破。ActionScript 3引入了一個全新的高度優(yōu)化的AVM2，與AVM1相比，AVM2的性能有了明顯的提高。這使ActionScript 3 代碼的執(zhí)行速度差不多比以前的ActionScript代碼快了10倍。Flash Player 9中包含AVM2（ActionScript 3.0的腳本語言引擎），設(shè)計它的目的就是提供互聯(lián)網(wǎng)應(yīng)用程序開發(fā)人員所需要的性能和特性。為向后兼容現(xiàn)有的內(nèi)容，F(xiàn)lash Player將繼續(xù)支持AVM1。

在2006年11月7日，在舊金山召開的WEB 2.0會議上，Adobe Systems宣布將 ActionScript Virtual Machine的源代碼捐獻給Mozilla Foundation。Mozilla啟動了一個新的開放源碼項目Tamarin，其目的是促進這種創(chuàng)建Web應(yīng)用程序的標(biāo)準化方法的開發(fā)。

ActionScript 3有兩類特性：語言特性和Flash Player API 特性。語言特性基本上是在ActionScript 2之上構(gòu)建的，但是還有一些性能和功能方面的改進，包括：運行時異常，用來改進常見的錯誤處理和調(diào)試。這些運行時異常會顯示堆棧跟蹤，可以

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

幫助開發(fā)人員輕松地找到錯誤的根源。以往的ActionScript版本會悄悄地掩蓋錯誤，以避免在Flash中出現(xiàn)錯誤消息對話框。這在開發(fā)期間會造成困難，因為開發(fā)人員不了解可能出現(xiàn)的錯誤，就無法開發(fā)出更好的產(chǎn)品。在運行時存儲類型細節(jié)，用來進行檢查并保護系統(tǒng)，因此ActionScript 3是強類型的。這還有助于減少內(nèi)存使用量，因為類型信息以本機機器表示法表示變量。2.2 Flash案例教學(xué)法概述 2.2.1 案例教學(xué)法簡介

案例教學(xué)法是一種以案例為基礎(chǔ)的教學(xué)法，案例教學(xué)法本質(zhì)上是提出一種教育的兩難情境，沒有特定的解決之道，而教師在教學(xué)中扮演的是設(shè)計者和激勵者的角色，鼓勵學(xué)生積極參與討論，而不像是傳統(tǒng)的教學(xué)方法教師是一位很有學(xué)問的人，扮演的是傳授知識者角色。

20世紀初，哈佛大學(xué)發(fā)明了案例教學(xué)法。即圍繞一定培訓(xùn)的目的把實際中真實的情景加以典型化處理，形成供學(xué)員思考分析和研究創(chuàng)作的案例，通過獨立研究、相互討論和主動創(chuàng)新的方式。來提高學(xué)員的分析問題和解決問題的能力的一種方法。這種教學(xué)方法仿照法律工作中立案辦法把教學(xué)內(nèi)容編成案例方式來進行教學(xué)很受歡迎。在當(dāng)今世界的教育和培訓(xùn)中也受到重視和廣泛的應(yīng)用。

案例教學(xué)方法有一個基本的假設(shè)前提，即學(xué)員能夠通過對這些案例進行研究與完善的過程來進行學(xué)習(xí)實現(xiàn)自我提高，在必要的時候回憶出并應(yīng)用學(xué)到的經(jīng)驗與技巧。案例教學(xué)法非常適合于開發(fā)分析、綜合及評估能力等高級智力技能。這些技能通常是管理者、醫(yī)生和其他的專業(yè)人員所必需的技能還可使學(xué)生在個人對情況進行分析的基礎(chǔ)上。提高承擔(dān)具有不確定結(jié)果風(fēng)險的能力。為使案例教學(xué)更有效。學(xué)習(xí)環(huán)境必須能為學(xué)生提供案例準備及討論案研究并完善案例的機會，必須實現(xiàn)學(xué)生面對面地討論或通過電子通訊設(shè)施進行溝通。但是，學(xué)習(xí)者必須愿意并且能夠分析案例這需要老師的積極調(diào)動，然后進行溝通并堅持自己的立場．這是由于學(xué)生的參與度對案例分析的有效性具有至關(guān)重要的影響。2.2.2 案例教學(xué)法特性

明確的目的性：通過一個或幾個獨特而又具有代表性的典型案例，讓學(xué)生在案例的閱讀、思考、研究、討論中，建立起一套適合自己的完善而又嚴密的邏輯思維方式，以提高學(xué)生分析問題、解決問題的能力，進而提高素質(zhì)；客觀真實性：案例

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

所描述的事件基本上都是真實的，不加入編寫者的評論和分析，由案例的真實性決定了案例教學(xué)的真實性，學(xué)生根據(jù)自己所學(xué)的知識，得出自己的結(jié)論；較強的綜合性：原因有兩點：一是案例較之一般的實例內(nèi)容豐富典型，二是案例的分析、解決過程也較為復(fù)雜。學(xué)生不僅需要具備基本的理論知識，而且應(yīng)具有審時度勢、權(quán)衡應(yīng)變、果斷決策、堅持原則的能力。案例教學(xué)的實施，需要學(xué)生綜合運用各種知識和靈活的技巧來處理；深刻的啟發(fā)性：案例教學(xué)過程中不存在絕對正確的答案，目的在于啟發(fā)學(xué)生獨立自主地去思考、探索，注重培養(yǎng)學(xué)生獨立思考的能力，引導(dǎo)學(xué)生養(yǎng)成分析、解決問題的思維方式；突出強調(diào)實踐性：學(xué)生在校園內(nèi)就能接觸并學(xué)習(xí)到大量的社會實際問題，實現(xiàn)從理論到實踐的轉(zhuǎn)化； 學(xué)生主體性：學(xué)生在教師的指導(dǎo)下，參與進來、深入案例、體驗案例角色；過程動態(tài)性：在教學(xué)過程中存在著老師個體與學(xué)生個體的交往，教師個體與學(xué)生群體、學(xué)生個體與學(xué)生個體、學(xué)生群體與學(xué)生群體交往，也就是師生互動、生生互動；結(jié)果多元化。2.2.3 案例教學(xué)法的實施

案例教學(xué)組織設(shè)計分為三個層次：第一，在課堂上分析案例。以學(xué)生討論為主，教師引導(dǎo)學(xué)生理清設(shè)計思路，分析實現(xiàn)案例的技術(shù)要求。第二，教師講解案例。以教師講解為主，把基礎(chǔ)知識部分貫穿案例討論中，提高學(xué)生學(xué)習(xí)效率。第三，實踐中進行案例設(shè)計，以學(xué)生自我研究為主，培養(yǎng)學(xué)生的創(chuàng)新設(shè)計能力。

在學(xué)生完成案例設(shè)計后，可以選出其中的優(yōu)秀作品在下一次理論課時討論，評析。學(xué)生在評價他人作品的時候，也是學(xué)習(xí)別人長處、汲取別人經(jīng)驗的良好機會。使學(xué)生在完成每次作品的過程中，不斷發(fā)現(xiàn)新知識，學(xué)習(xí)新內(nèi)容，獲得成就感。這樣可以更大地激發(fā)他們的求知欲望，逐步形成良性循環(huán)，從而養(yǎng)成獨立探索，勇于開拓進取的能力。

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

第三章 Flash知識點總結(jié)與案例設(shè)計

3.1 Flash知識點的總結(jié) 3.1.1 Flash8的工作界面

圖3.1.11 Flash8的工作界面

Flash8主要內(nèi)容有：舞臺標(biāo)尺、網(wǎng)絡(luò)、編輯欄、場景、時間軸窗口、工具箱、動畫播放控制面板、屬性窗口、動作窗口、浮動面板。3.1.2 Flash動畫元素與動畫制作原理

重要的動畫元素包括：圖形、元件、圖層、普通幀、關(guān)鍵幀、空白關(guān)鍵幀、幀頻等等。

在時間軸的不同幀上防止不同的對象或設(shè)置同一對象的不同屬性，比如形狀、位置、大小、顏色和透明度等，當(dāng)這些幀連續(xù)播放時就形成了動畫。加入腳本元素的動畫還可實現(xiàn)互動的效果。3.1.3 Flash三種基本動畫

逐幀動畫：就像電影膠片一樣，每一幀都要單獨制作，然后連續(xù)播放以達到動畫效果。

運動動畫：通過設(shè)置首尾關(guān)鍵幀的位置（圖形對象）、大小（文字）、角度（文字）、色彩及透明度（元件），然后讓系統(tǒng)自動生成補間的動畫。

形狀動畫：可以設(shè)置提示點來控制形狀變化但是只能設(shè)置26個控制點。3.1.4 圖層和元件的藝術(shù)

利用圖層的配合可以收獲意想不到的效果，尤其是引導(dǎo)層和遮罩層。元件分為

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

影片剪輯、按鈕和圖片，影片剪輯比較常用。元件就像是對動畫的封裝一樣，可以使其內(nèi)部的動畫在一定程度上不受主時間軸的控制。3.1.5 擴展

聲音與腳本以及制作演示文稿都使Flash達到了一個新的高度，使其應(yīng)用更廣泛，功能更強大，更受用戶歡迎。3.2 Flash案例設(shè)計 3.2.1繪圖、遮罩、補間

根據(jù)Flash三大基本功能繪圖、遮罩、補間引入一個簡單的Flash案例——《O2手機廣告》。案例截圖如圖3.2.11，圖3.2.12。然后引導(dǎo)學(xué)生研究案例中存在那些Flash技術(shù)，討論并總結(jié)案例中對Flash知識點的運用，最后征集學(xué)生對于案例中把握不準確的地方和案例的缺點。

圖3.2.11 手機廣告

圖3.2.12 手機廣告

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

3.2.2引導(dǎo)、聲音、時間軸特效

在分析掌握第一個案例的基礎(chǔ)上，引入第二個案例——《聯(lián)想廣告》。案例截圖如圖3.2.21，3.2.22，3.2.23。案例的引入遵循逐個復(fù)雜的原則。此案例不僅涉及的Flash知識點較多，而且需要優(yōu)化的細節(jié)也較多，可以利用這一點引導(dǎo)學(xué)生創(chuàng)新和自主學(xué)習(xí)。

圖3.2.21 聯(lián)想廣告

圖3.2.22 聯(lián)想廣告

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

圖3.2.23 聯(lián)想廣告

3.2.3逐幀、音效、按鈕

興趣是最好的老師，好的案例一定要引起學(xué)生的學(xué)習(xí)興趣。利用Flash夸張搞笑的特點引入第三個案例——《永遠開心》。案例截圖如圖3.2.31，3.2.32，3.2.33。搞笑的聲音及對話，夸張的人物表情可以有效引起學(xué)生的學(xué)習(xí)興趣甚至創(chuàng)作欲望。

圖3.2.31 永遠開心

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

圖3.2.32 永遠開心

圖3.2.33 永遠開心

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

3.2.4腳本、元件

Flash動畫制作里腳本才是重頭戲這對編程基礎(chǔ)要求較高，帶有腳本的Flash作品可以很好的與用戶互動，增加Flash的趣味性同時也擴大了Flash的應(yīng)用范圍，所以對于這方面的教學(xué)是不可缺少的，對于案例的選取也要遵循從易到難，由簡單到復(fù)雜的原則。只有這樣才能較易分析案例，講解知識以便引導(dǎo)學(xué)生積極學(xué)習(xí)。由此引入系列案例——《鼠標(biāo)隱藏》、《雪花鼠標(biāo)隨動》、《放大鏡》。截圖如圖3.2.41，3.2.42,3.2.43,3.2.44,3.2.45,3.2.46,3.2.47。

圖3.2.41 鼠標(biāo)隱藏

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

圖3.2.42 雪花鼠標(biāo)隨動

圖3.2.43 雪花鼠標(biāo)隨動

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

圖3.2.44 雪花鼠標(biāo)隨動

圖3.2.45 放大鏡

濱州學(xué)院專科畢業(yè)設(shè)計（論文）

圖3.2.46 放大鏡

圖3.2.47 放大鏡

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

第四章 Flash案例制作與研究

4.1 O2手機廣告的制作研究

該案例涉及繪圖、遮罩、補間等相關(guān)知識（見圖4.11）。總共六層從上而下依次為：手機漸變層（手機移動旋轉(zhuǎn)漸變動畫）、圖片漸變層（圖片的大小變化與移動漸變動畫）、手機圖片層（手機與圖片集合后翻轉(zhuǎn)移動漸變動畫）、遮罩層（用于遮罩上色層）、上色層（手機即遮罩層滑過顯示上色層）、無色層（未遮罩前顯示的無色背景）。如圖4.12。

該案例以O(shè)2手機廣告為背景簡單有創(chuàng)意，教師可以引導(dǎo)學(xué)生學(xué)習(xí)各工作區(qū)域、各種繪圖工具、遮罩、漸變、導(dǎo)入圖片、舞臺大小設(shè)置的練習(xí)。然后由學(xué)生模仿練習(xí)，熟練繪圖工具、遮罩、漸變等基礎(chǔ)操作。

圖4.11 O2手機廣告

圖4.12 O2手機廣告

濱州學(xué)院專科畢業(yè)設(shè)計（論文）

4.2 聯(lián)想廣告制作研究

該案例涉及引導(dǎo)層、時間軸特效、聲音的導(dǎo)入等知識點（見圖）。共14層從上而下依次為：音樂層（放置導(dǎo)入的音樂，注意音樂長短的控制和停止音樂腳本的運用，否則會出現(xiàn)音樂循環(huán)疊加的失誤）、代碼層（插入關(guān)鍵幀，在關(guān)鍵幀中添加腳本控制音樂或者整個動畫的進度）、按鈕層（放置一個按鈕，使動畫可以重新播放）、卷軸層（放置卷軸，卷軸由一個補間動畫和時間軸特效組成，注意速度的配合以及長度的統(tǒng)一）、引導(dǎo)層和氣球?qū)樱ò凑找欢ㄜ壽E移動的氣球）、然后是云彩、太陽等背景。如圖：4.22。

案例中存在很多可以改進的地方，教師可以引導(dǎo)學(xué)生思考改善，以便帶動學(xué)生學(xué)習(xí)積極性和塑造認真思考不斷修改的習(xí)慣。

圖4.21 聯(lián)想廣告

圖4.22 聯(lián)想廣告

濱州學(xué)院專科畢業(yè)設(shè)計（論文）

4.3 永遠開心案例的制作研究

該案例主要涉及逐幀動畫、按鈕、音效等知識點（見圖4.31）。共7層，主要對以前案例涉及知識點的復(fù)習(xí)和延伸，制作過程中要注意音效與動畫的同步。具有一定的趣味性可以很好的激發(fā)學(xué)生的學(xué)習(xí)興趣和創(chuàng)作欲望。便于教師進一步引導(dǎo)學(xué)生進行Flash腳本的學(xué)習(xí)，已達到一個良好的過渡效果。如圖：4.32。

圖4.31 永遠開心

圖4.32 永遠開心

濱州學(xué)院專科畢業(yè)設(shè)計（論文）

4.4 鼠標(biāo)隱藏制作研究

上一案例引出Flash腳本的學(xué)習(xí)，該案例則是Flash腳本學(xué)習(xí)的開篇，只包含一條語句。遮罩和鼠標(biāo)隱藏語句的結(jié)合可以實現(xiàn)近似于放大鏡的效果，激發(fā)學(xué)生學(xué)習(xí)興趣。引出下一案例即真正代碼的放大鏡，兩個案例比較學(xué)習(xí)可以深刻體現(xiàn)出Flash腳本的強大功能。如圖：4.42。

圖4.41 鼠標(biāo)隱藏

圖4.42 鼠標(biāo)隱藏

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

4.5 放大鏡制作研究

該案例分為兩層主要由腳本功能實現(xiàn)（如圖：4.51），此處應(yīng)用的ActionScript版本為ActionScript 2.0。第二層為背景層放置圖片，第一層為放大鏡層，主要包含一個元件，元件上添加主要代碼實現(xiàn)放大效果等，如圖：4.52。元件內(nèi)部結(jié)構(gòu)如圖：4.53。元件內(nèi)部第一層為：放大鏡層是一個半透明效果的鏡片可以使放大鏡更美觀，為達到逼真效果完全可以在此添加放大鏡手柄等；第二層為遮罩層使第三層圖片層只顯示遮罩部分；第四層既可以做放大鏡超出圖片邊界的背景又可以確定放大鏡位置。

圖4.51放大鏡

4.6 雪花鼠標(biāo)隨動制作研究

該案例幾乎完全由腳本實現(xiàn)，對編程有一定要求。只有在熟練掌握腳本與熟悉Flash制作的情況下才能熟練運用創(chuàng)新，一般的Flash愛好者只能停留在模仿基礎(chǔ)上，F(xiàn)lash動畫制作課程由于可是有限，也不會達到太高難度。在此教師應(yīng)該積極引導(dǎo)感興趣的同學(xué)自學(xué)ACTIONSCRIPT腳本語言。

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

圖4.52放大鏡

圖4.53放大鏡

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

總結(jié)

Flash動畫制作是一門理論性和實踐性很強的學(xué)科，而且學(xué)習(xí)的時候不僅要求學(xué)生知識面廣、動手能力強，更重要的是要有創(chuàng)新意識和創(chuàng)造性思維。這就要求教材的科學(xué)性——不僅可以將基礎(chǔ)的知識、創(chuàng)作技巧和必要的規(guī)范一一傳達給讀者還要吸引讀者興趣并引導(dǎo)讀者的創(chuàng)新意識。案例教學(xué)法是通過學(xué)習(xí)一個個包含各種知識點的Flash案例，引發(fā)學(xué)生思考，誘發(fā)學(xué)生創(chuàng)造潛能。每學(xué)習(xí)一個案例，學(xué)生就能掌握一些知識點或者鞏固以前學(xué)過去的知識點。采用案例教學(xué)法，能使學(xué)生更容易掌握教學(xué)內(nèi)容，提高學(xué)生的創(chuàng)新意識。通過學(xué)習(xí)實際的案例，迫使他們開動腦筋，努力思考，從而既掌握了基礎(chǔ)操作知識又提高了動手實踐能力和解決為題的能力?；贔lash的課程特點，學(xué)生只有多看、多想、多練、多體會才能完成從量變到質(zhì)變的改變。教師只有不斷提升自己的專業(yè)素養(yǎng)，修正及完善教學(xué)方法才能提高教學(xué)質(zhì)量。

本文存在一些遺憾和不足，具體來說，還應(yīng)在以下幾個方面做進一步的研究：由于筆者對于ActionScript腳本語言了解不足，無法徹底論述這方面的案例設(shè)計及應(yīng)用，然而這是Flash的發(fā)展趨勢也是人們廣泛應(yīng)用Flash的原因之一。要想創(chuàng)作Flash作品，對于美術(shù)功底的要求也是很高的，然而在單純的Flash教學(xué)中對于美術(shù)功底一般無暇顧及，這也是有待解決的問題。

濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

參考文獻

[1]楊格，曾雙明，王潔等.Flash經(jīng)典案例完美表現(xiàn)200例[M].北京：清華大學(xué)出版社，2008.[2]潘魯生，安小龍.Flash動畫藝術(shù)設(shè)計案例教程[M].北京：清華大學(xué)出版社，2007 [3]劉宇平.Flash電腦美術(shù)基礎(chǔ)與實用案例[M].北京：清華大學(xué)出版社，2007.[4]Sandro Corsaro ,Clifford J.Parrott.Flash好萊塢2D動畫革命[M].北京：清華大學(xué)出版社，2006.[5]李永，李偉，宋振.Flash互動游戲制作范例導(dǎo)航[M].北京：清華大學(xué)出版社，2008.[6]完全實戰(zhàn)演練——Flash動畫設(shè)計[M].清華大學(xué)出版社，2008.[7]宋陽秋.Flash動畫設(shè)計案例教學(xué)探討與實踐[N].職業(yè)技術(shù)，2009-10（110）.[8]陳妙燕.提高《Flash動畫設(shè)計》教學(xué)質(zhì)量的教學(xué)方法——案例和任務(wù)驅(qū)動教學(xué)法[N].廣西質(zhì)量監(jiān)督導(dǎo)報，2009-06（06）.[9]熊伶利，丁敏玲.《Flash動畫制作》課程教學(xué)法初探[J].科技信息（學(xué)術(shù)研究），2008（34）.濱州學(xué)院?？飘厴I(yè)設(shè)計（論文）

謝辭

本畢業(yè)設(shè)計的完成，首先要感謝母校--濱州學(xué)院的辛勤培育之恩，給我提供了很好的學(xué)習(xí)環(huán)境和設(shè)計環(huán)境，使我學(xué)到了許多新的知識。

在畢業(yè)設(shè)計學(xué)習(xí)期間，我得到了導(dǎo)師楊靜老師在學(xué)業(yè)上的大力指導(dǎo)，本論文從選題、資料搜集、理論研究、撰寫到最后的審查與修改都是在楊靜老師的悉心指導(dǎo)下完成的。導(dǎo)師淵博的專業(yè)知識、嚴謹?shù)闹螌W(xué)作風(fēng)、勤奮敬業(yè)的精神給我留下了深刻的印象，并將對我今后的學(xué)習(xí)、工作和生活產(chǎn)生很大的影響，讓我終生獲益。向我的導(dǎo)師楊靜老師表示感謝。感謝我好的朋友楊雅、劉一先和張洪波在我完成畢業(yè)設(shè)計的過程中給予我的幫助和鼓勵。還有我的父母，沒有他們的支持我是無法完成學(xué)業(yè)的。

在撰寫論文的過程中各種基礎(chǔ)理論的運用得益于平時我的專業(yè)課老師的教導(dǎo)，在論文完成之際，謹向各位老師表示衷心的感謝和崇高的敬意！

此外，在本論文撰寫的過程中，參閱了大量的網(wǎng)絡(luò)資源以及論文和圖書資料，在此對上述文獻的原作者表示感謝！

第五篇：“Flash動畫的制作”教學(xué)案例

“Flash動畫的制作”教學(xué)案例

[案例引言]：

《高中信息技術(shù)課程標(biāo)準》提出：中小學(xué)信息技術(shù)的培養(yǎng)目標(biāo)是“培養(yǎng)學(xué)生的信息素養(yǎng)”，就高中階段而言，信息素養(yǎng)的培養(yǎng)包括三個層面的內(nèi)涵：

1、知識層面，是傳統(tǒng)文化素養(yǎng)的延續(xù)和拓展。

2、意識層面，是對信息與信息技術(shù)的認識。

3、技術(shù)層面，是對信息技能的要求，對信息源及信息工具的了解及運用。

我在中國地圖版的《信息技術(shù)（必修二）——多媒體技術(shù)的應(yīng)用》的教學(xué)過程中，由于多媒體本身的表現(xiàn)豐富，發(fā)現(xiàn)學(xué)生的求知欲強，學(xué)習(xí)興趣濃。但是也有部分學(xué)生因為信息技術(shù)基礎(chǔ)薄弱或習(xí)慣于文化課的學(xué)習(xí)，在操作技術(shù)學(xué)習(xí)方面的方法和能力有所欠缺。在上教材第三單元第二節(jié)《音樂動畫——梁?！返膶嵗?，我更擔(dān)心，因為教材的內(nèi)容寬泛，前面章節(jié)輔墊較少，要想學(xué)好這節(jié)Flash的綜合實例并熟練掌握談何容易？課前又不好讓學(xué)生預(yù)習(xí)，光看書不操作根本不行，況且書上flash還是英文版。怎樣教？引導(dǎo)學(xué)生怎樣學(xué)？這兩個問題如果處理不好，學(xué)生就會產(chǎn)生畏難情緒喪失信心，上了不如不上。所以我打算分為兩三個課時進行講解，自己又特意精心設(shè)計了兩個實例。

[案例描述]：

上課了，我打開《音樂動畫——梁?！返淖罱KSWF格式效果動畫，本想這個展示能引起學(xué)生對這節(jié)課的關(guān)注，結(jié)果教室內(nèi)發(fā)出活躍的哄然大笑。

師：“為什么笑？”

生1：“蝴蝶像紙片一樣動作僵硬，飛行時有點像被風(fēng)刮得發(fā)飄?！?/p>

生2：“這兩個蝴蝶最后應(yīng)該飛出畫面，讓人留點懸念，在邊緣上撲閃翅膀飛不走，非?；?，需要點擊才動”。

生3：“動畫的背景素材模糊不清”。

師：“那你們會不會做呀？你們是否知道這些缺點都是能調(diào)整的嗎？” 生(躍躍欲試)：“怎么做？老師快做!在哪里調(diào)整？”

我本打算激發(fā)興趣后按部就班地演示這個實例的操作步驟，可當(dāng)時突然改變了主意，認為這個“包裹”暫不打開。

師：“是同學(xué)們覺得不滿意，這個我想留給大家自己調(diào)整！” 生：“那我們沒有學(xué)呀！”

師：“我先學(xué)其他兩個類似的例子，完了每人再把這?受傷?的蝴蝶調(diào)整好，使得它‘暢快飛舞’，好不好？” 生：“好！”

大家異口同聲，聲音洪亮，聚精會神地看著我的“極域”演示。[具體過程]：

在以往演示實例的過程中，學(xué)生對一些概念的理解不透徹致使操作中漏洞百出，這次還要著重強調(diào)一些基本概念。其實要把這兩三節(jié)課的任務(wù)完成，學(xué)生還是存在一定的難度，因為知識點太多，比如對象的“舞臺級”和“遮擋級”的概念（即圖像為何分離為何組合）、工具箱中主要各個工具的使用、動作動畫過濾幀的建立、引導(dǎo)的生成、影片剪輯和按鈕元件的創(chuàng)建、在動作面板中腳本的理解和音樂素材的導(dǎo)入，這些以前學(xué)生都做過，但掌握不太扎實。根據(jù)實例的需要，這節(jié)課只我抓住兩個主要關(guān)鍵點：

1、引導(dǎo)；

2、影片剪輯；其他是為拓展知識面以培養(yǎng)信息素養(yǎng)。以下是實例演示的具體步驟：

實例1:秋水長天(1)導(dǎo)入素材

①啟動Flash8軟件,新建一個名為“秋水長天”的動畫文件； ②分別將大雁素材和背景素材導(dǎo)入到角色庫中。

⑵創(chuàng)建“飛雁”的影片剪輯

①在“插入”下拉菜單中選擇“新建元件”，名稱“飛雁”，類型為“影片剪輯”（如圖1）。②進入“飛雁”的影片剪輯的編輯環(huán)境，在時間軸的前4幀中插入4個空白關(guān)鍵幀，分別將bird1.bmp、bird2.bmp、bird3.bmp、bird4.bmp插入的第1幀、第2幀、第3幀和第4幀。③在“窗口”下拉菜單中選擇“對齊”選項，打開右邊的“對齊”面板，選擇“相對于舞臺”圖標(biāo)使其處于作用狀態(tài)，然后分別對這四個關(guān)鍵幀中的圖片進行“水平居中”和“垂直居中”對齊，使每一個對象處于舞臺中心（圖2）。

④在四個動作幀上分別插入一個幀，這樣“飛雁”的動作看上去更舒緩。到此，“飛雁”的影片剪輯就做好了，可以作為一個元件在場景中被調(diào)用。

⑶制作初步動畫

①切換至“場景”狀態(tài)，將名為qiushui.jpg的圖片載入“圖層1”上，相對于舞臺匹配寬和高，左對齊和上對齊（如圖2），在第60幀再插入幀。并把此圖層更名為“背景”。②新建圖層，更名為“大雁”。將角色庫中已做好的“飛雁”元件載入這個圖層，并把它調(diào)至舞臺的左邊。再在第60幀插入關(guān)鍵幀，把它調(diào)至舞臺右端。選擇第一幀，創(chuàng)建補建動畫。③按Ctrl+Enter鍵測試動畫效果，可調(diào)整位置直至滿意為止。

⑷創(chuàng)建引導(dǎo)層

①在“大雁”圖層上創(chuàng)建運動引導(dǎo)層，更名為“引導(dǎo)大雁”層，在此圖層上繪制一根直線，并用工具箱中的“選擇”工具對其調(diào)整至一定弧度的曲線（如圖3）。

②在“大雁”圖層上的第1和第60幀中分別移動“飛雁”元件直至中心位置壓在引導(dǎo)曲線上。③分別調(diào)整首尾幀“飛雁”元件的方向，使之與曲線方向相切，并“調(diào)整到路徑”。③測試引導(dǎo)動畫的效果（如圖）。

⑷創(chuàng)建大雁倒影

①在“背景”層上面新建一個圖層，更名為“大雁倒影”層，將“飛雁”元件載入該圖層。②選用工具箱中的“任意變形工具”將該元件上下翻轉(zhuǎn)，并設(shè)置顏色的Alpha值為40%（如圖）。③在“大雁倒影”層上第60幀插入關(guān)鍵幀。并將首尾幀對象與“大雁”層首尾幀對象左右對齊。④如“大雁”層創(chuàng)建引導(dǎo)層一樣，創(chuàng)建“引導(dǎo)大雁倒影”層，弧度方向與之相反。

⑸創(chuàng)建波紋效果

①將所有圖層鎖定以避免誤編輯，在“背景”層上再新建一個“波紋1”的圖層，再將“qiushui.jpg”載入該層，與舞臺匹配大小并對齊。②在“修改”下拉菜單中選擇“分離”將這幅圖片進行打散處理。③用工具箱中的“橢圓工具”圈選分離后的圖片中大雁對象下落時與水面接觸的一部分，將其他部分刪除，還要將筆觸色刪除（本操作為綠色的筆觸）（如圖）。④將橢圓部分的水面轉(zhuǎn)換為圖形元件（如圖），并把它從第1幀移動到大雁對象下落時的時間幀。⑤在該幀的后面適當(dāng)位置插入關(guān)鍵幀，縮放其大小至200%，并將其顏色的Apha值設(shè)為0。③創(chuàng)建補間動畫，這樣就有水紋擴散開來并消失的效果。④再建若干個圖層，將該段時間幀依次復(fù)制，逐次向后調(diào)整位置，并建一個“波紋”文件夾，將四個波紋圖層放入該文件夾中便于管理。

⑹添加字幕

①在場景中新建一個動畫圖層，設(shè)置與背景相同的幀數(shù)；

②將文字運動路徑設(shè)置為自下而上的直線，使文字實現(xiàn)由屏幕下方上升并翻轉(zhuǎn)的效果直至下落的效果。

⑺添加按鈕

①按Ctrl+F8創(chuàng)建一個“重放”的按鈕元件。②在按鈕元件的編輯界面中的“彈起”幀繪制一個顏色為綠色逐變的橢圓，并輸入文字“重放”，形成按鈕的造型，如圖。③在按鈕元件的編輯界面中的“彈起”幀內(nèi)插入關(guān)鍵幀，并修改橢圓和文字的顏色，形成按鈕造型（如果Flash8軟件自帶的按鈕素材，則可通過執(zhí)行“窗口”下拉菜單中“公用庫”之“按鈕”直接調(diào)用即可）。

④切換至“場景”編輯界面，新建一個名為“控制播放”的圖層，將該層時間軸上的最后一幀設(shè)為關(guān)鍵幀，再載入前面制作的“重放”按鈕，并調(diào)整其位置及大小，使其處于場景的右下角適當(dāng)位置，和畫面和諧統(tǒng)一。⑤選中動畫的最后一幀，這里是“文字”圖層的最后一幀，執(zhí)行“窗口”下拉菜單之“動作”選項，或按F9，打開“動作”編輯面板。在“全局變量”的“時間軸控制”中雙擊stop，產(chǎn)生“stop();”代碼（這時發(fā)現(xiàn)最后一幀上有“α”標(biāo)記），可使動畫播放到最后一幀時停止播放。⑥選中場景中的“重放”按鈕，在“動作”編輯面板中添加一段交互行為的控制代碼：on(release){ play();} ⑻測試作品、輸出作品

按Ctrl+Enter鍵既可以測試動畫景片，又可以將動畫作品輸出為SWF格式。執(zhí)行“文件”“發(fā)布設(shè)置”，可輸出SWF、GIF等格式的文件，如圖。具體選擇哪一種，主要取決于我們對動畫文件的使用需求。能夠合理地選擇文件輸出格式并輸出成品，是最終完成一件動畫作品的標(biāo)志。

中斷“極域”控制，讓學(xué)生自己完成，強調(diào)要點：這個實例只要做好“飛雁”的影片剪輯并放置在圖層上，做一個引導(dǎo)層，調(diào)整首尾幀的對象使其中心點壓到引導(dǎo)線兩端就基本完成任務(wù)了。學(xué)生經(jīng)過相互比照，相互學(xué)習(xí)，舉手提問，大部分學(xué)生這兩點做得非常好！少數(shù)學(xué)生還做了大雁的倒影。整個演示講解過程中我每到一個關(guān)節(jié)點就暫停下來讓學(xué)生自己操作，然后到學(xué)生中間觀察他們操作的情況，優(yōu)先輔導(dǎo)主動提問或接受能力較強的學(xué)生以帶動周圍學(xué)生進步。從結(jié)果看，學(xué)生接受很快。

實例2:蝶舞花間

(1)導(dǎo)入素材

①用Photoshop將藍色蝴蝶“butterflyB.jpg”通過“顏色替換”處理出一個紅色蝴蝶“butterflyR.jpg”。

②啟動Flash8軟件,新建一個名為“蝶舞花間”的動畫文件；

③分別將紅藍蝴蝶“butterflyR.jpg”、“butterflyB.jpg”和背景圖片“background.jpg”及背景音樂“l(fā)z2.mp3”導(dǎo)入角色庫中。

⑵創(chuàng)建“紅飛蝶”和“藍飛蝶”的影片剪輯

①在“插入”下拉菜單中選擇“創(chuàng)建新元件”選項，名稱為“紅飛蝶”的影片剪輯。

②在影片剪輯元件的環(huán)境里將紅色蝴蝶“butterflyR.jpg”拖到舞臺上，使其相對舞臺水平和垂直都居中。并在“修改”下拉菜單中選擇“分離”打散圖像。

③在工具箱中先擇“套索工具”之“魔術(shù)棒”選項，把圖像外面的顏色選中，按Delete去掉顏色，使邊緣透明（注意：有的時候邊緣是白色的不容易看出來，換一個背景色就能看出是白色，也要去白。）④邊緣顏色處理干凈以后，選擇“修改”下拉菜單中的“組合”，將圖像重新組合成一個整體。⑤在第10幀插入關(guān)鍵幀。⑥再在第5幀插入關(guān)鍵幀。在工具箱中選擇“自由變形工具”，按Alt鍵對稱調(diào)整蝴蝶兩翼，使兩翼收縮；或者在“變形”面板中，調(diào)整寬度是原來長度是40%。⑦在關(guān)鍵幀之間插入“動作動畫”，這樣舞動翅膀的“紅飛蝶”影片剪輯就做成了。⑧同樣方法可以做“藍飛蝶”的影片剪輯。

⑶制作動畫

①切換至“場景”環(huán)境下，把背景圖片“background.jpg”載入舞臺，與舞臺匹配大小并居中對齊，把這個圖層改名為“花枝”層，在第100幀插入幀。

②新建圖層，更名為“紅蝴蝶”，在角色庫中選擇“紅飛蝶”的影片剪輯載入該圖層，選擇“任意變形工具”結(jié)合Shift鍵等比例調(diào)整對象大小。在第100幀插入關(guān)鍵幀，并在舞臺上移動對象的位置，在兩個關(guān)鍵幀之間創(chuàng)建動作動畫。按Ctrl+Enter測試是否飛舞并移動。

③創(chuàng)建引導(dǎo)層,命名為“引導(dǎo)紅蝴蝶”層，選用工具箱的“鋼筆工具”繪制不規(guī)則的樣條曲線（如圖）。④分別將“紅蝴蝶“層的首尾幀對象移動至樣條曲線兩端，使對象的中心點壓在樣條曲線上。⑤用工具箱中的“任意變形工具”調(diào)整對象的方向，使之與曲線的切線方向一致。再將屬性面板中的“調(diào)整到路徑”復(fù)選框選中。⑥如上述方法一樣，制作藍色蝴蝶在舞臺上按路徑飛舞的動畫（略）。

⑦為了使得蝴蝶飛舞更得逼真，讓紅蝴蝶在花枝上小憩幾秒。具體做法：在“紅蝴蝶”層適當(dāng)幀上（即經(jīng)過技頭的幀上）插入關(guān)鍵幀1，然后在隨后的幾幀上再插入關(guān)鍵幀2，去掉中間過渡幀，把幀1復(fù)制給幀2就可以了，如圖所示。

⑷導(dǎo)入音樂

①新建一個圖層，命名為“梁?！薄＂谶x中該圖層，在屬性面板中的聲音下拉列表框中選擇“l(fā)z2.mp3”。③在同步下拉列表框中選擇“開始”。④可以在“編輯”對話框中設(shè)置聲音效果，如“淡入淡出”等。

⑸測試作品、發(fā)布作品（略）這樣一個“蝶舞花間”的音樂動畫作品就制作好了。師：“現(xiàn)在都做好同學(xué)的請在極域電子課堂上舉手！”

這時發(fā)現(xiàn)有四分之三的學(xué)生齊刷刷地舉手，我選擇轉(zhuǎn)播幾個學(xué)生的作業(yè)給大家欣賞，做得很有特色：有的學(xué)生把路徑改成圓形，有的改成“8”字形，元件也做了調(diào)整，個個“飛舞”得暢快淋漓，竟有一個學(xué)生下載了一個雁叫的聲音素材，插入其中產(chǎn)生“雁過留聲”的效果，令人心曠神怡！我做了及時的點評，并給予高度贊揚和鼓勵。

師：“沒做好的同學(xué)繼續(xù)做，做好的同學(xué)自己把課本上?受傷?的蝴蝶修整一下，好不好！” 生：“好！”

看著他們興高采烈的樣子，我心里非常高興。于是主要精力放在沒做好的同學(xué)身上，發(fā)現(xiàn)還有少數(shù)學(xué)生對概念的理解不扎實，故爾做的時候有些困難，看到別人做好了自己干著急。我一邊給他們糾正錯誤，一邊安慰他們不要著急。課下我把實例的操作步驟整理成如上的文稿印發(fā)給了學(xué)生。

[案例反思]：

在這兩節(jié)連堂的課上，課本實例根本沒有演示和講解，但是大部分學(xué)生也能獨立完成，這在往常是難以想象的，僅僅是因為我備課充分嗎？我覺得還在于要能夠抓住學(xué)生的心理特征，善于把握學(xué)生的審美需求，調(diào)動起學(xué)生的興趣，因為興趣是最好的老師，因勢利導(dǎo)，因材施教，積極引導(dǎo)學(xué)生輕松暢快地學(xué)習(xí)。在老師的主導(dǎo)下，把課堂還給學(xué)生，既是模仿課，又是研究課，充分發(fā)揮學(xué)生的主體作用。老師還要盡可能滿足學(xué)生的訴求，之前在其他班級先上的這堂課，就有學(xué)生提出：能否在大雁下滑至湖面時能激起水波？我認為信息技術(shù)的教學(xué)應(yīng)該豐富多彩的，是具有開放性的，課下對其進行了修改以契合場景，以使得這節(jié)課能更加生動地教學(xué)。老師還要是教會學(xué)生如何學(xué)，讓學(xué)生自主學(xué)習(xí)、探究學(xué)習(xí)，在學(xué)習(xí)鉆研的基礎(chǔ)上大膽構(gòu)思，提升創(chuàng)新能力。要想改進以后的教學(xué)，通過這節(jié)課，有兩點值得深思：

第一，信息技術(shù)的教學(xué)之前老師要能吃透課改精神，課堂的設(shè)計要源于教材，又不能被教材束縛了手腳。信息技術(shù)未設(shè)為高考課程，某種程度反而對信息技術(shù)課程的發(fā)展為利，為其松了繩索，師生可以不必本本主義，以本為本。在把握教材主線的基礎(chǔ)上，綜合歸整課內(nèi)外資源，擴充學(xué)生知識層面，促進新創(chuàng)意產(chǎn)生。吸取課內(nèi)外的優(yōu)秀素材和教法，對教材的處理做到生動、巧妙和得當(dāng)，充足地準備好了一桶水，才能暢快淋漓地“教”，才能最終落實為學(xué)生的一杯水。

第二，信息技術(shù)的教學(xué)也要根據(jù)學(xué)生的年齡特點、心理結(jié)構(gòu)和態(tài)度情趣創(chuàng)設(shè)教學(xué)情境，給學(xué)生充分思考和展示自我的機會，及時捕捉學(xué)生的發(fā)散思維，引導(dǎo)深入，提高綜合素質(zhì)，培養(yǎng)綜合能力。對接受能力有差異的學(xué)生要分層教學(xué),分層輔導(dǎo),還要發(fā)揮學(xué)生相互幫助,相互借鑒,相互影響的作用,使學(xué)生在暢快地“學(xué)”的同時，也體驗到“教”的樂趣，展示自我的樂趣。在整堂課上形成“比、幫、趕、超”的學(xué)習(xí)氛圍。

所以，信息技術(shù)的教學(xué),不能僅囿于課本，老師要掌握主動，注重運用多種方法、手段創(chuàng)設(shè)情境，培養(yǎng)學(xué)生對問題的分析能力、理解能力，在理解基礎(chǔ)上提高實踐動手能力，進而讓學(xué)生實現(xiàn)“知行相資以為用”。老師要把課堂適當(dāng)?shù)剡€給學(xué)生，給學(xué)生的“學(xué)”留有充分的空間，這樣才能達到“教”和“學(xué)”完美互動、均衡和諧的境界。

總之，信息技術(shù)這門課程同樣可以開啟學(xué)生的智慧，從獨特的層面培養(yǎng)學(xué)生良好的情感、態(tài)度和價值觀。相比高中其他課程，這門課實踐性較強，不應(yīng)該把這門課當(dāng)作陪襯，失去教育學(xué)生很好的一個平臺。

【素材來源】

“大雁”四幅動作圖像：中國和平出版社《信息技術(shù)》第二冊； “秋水”圖像：網(wǎng)上檢索；

“花枝”、“藍蝴蝶”圖像：往年江蘇省信息技術(shù)會考題庫； “梁?！币魳罚壕W(wǎng)上檢索。【參考文獻】

《信息技術(shù)——多媒體技術(shù)應(yīng)用》，主編：祝智庭，中國地圖出版社，2005年1月第1版；

《信息技術(shù)》第二冊，主編：何潤偉，中國和平出版社，2003年8月第1版； 《高中技術(shù)課程標(biāo)準教師讀本》，主編：胡濟良李尚仁，華中師范大學(xué)出版社，2004年1月第1版。