《Flash動(dòng)畫制作》課件制作綜述

● 特色與亮點(diǎn)

課件采用Flash制作，集成了文本、圖像、聲音、動(dòng)畫等多種元素，直觀地將平面知識(shí)以立體的形式呈現(xiàn)，很好地解決了教學(xué)的重難點(diǎn)。良好的交互式設(shè)計(jì)不僅適用于教師課堂教學(xué)，更適用于學(xué)生自主探究。除此之外課件有友好的操作界面、突出的主題、靈活的操控和科學(xué)的內(nèi)容及合理的結(jié)構(gòu)，將較難理解的知識(shí)直觀地展現(xiàn)在學(xué)生面前，易操作、易理解。

● 制作背景

用Flash設(shè)計(jì)出的動(dòng)畫課件融文字、圖像、聲音、動(dòng)畫等多種媒體信息于一體，以獨(dú)特的交互性、巧妙的構(gòu)思、生動(dòng)的畫面、形象的演示，將課堂教學(xué)引入全新的境界，極大地增強(qiáng)了教學(xué)效果。

● 設(shè)計(jì)思路

素材庫中為學(xué)生提供了八張靜止的少女圖片（如圖1），使學(xué)生能夠體驗(yàn)由靜態(tài)圖片（八張少女圖片）到逐幀動(dòng)畫（少女踏步.swf））再到關(guān)鍵幀動(dòng)畫（少女散步.swf）的設(shè)計(jì)流程，在體驗(yàn)的過程中了解動(dòng)畫的基本原理，F(xiàn)lash的基本操作界面及創(chuàng)作方法。

● 內(nèi)容結(jié)構(gòu)

1.導(dǎo)航設(shè)計(jì)

課件主界面由六大模塊構(gòu)成（如圖2），分別為其設(shè)置了相應(yīng)的交互按鈕，方便切換。

實(shí)現(xiàn)方法：課件的主控模塊在主場(chǎng)景（場(chǎng)景1）中實(shí)現(xiàn)，首先為每個(gè)模塊創(chuàng)建一個(gè)影片剪輯元件，分別從“庫”面板中將6個(gè)功能模塊拖放到相應(yīng)的關(guān)鍵幀上，擺放好位置，并在對(duì)應(yīng)的action層寫入：stop（）；。這樣可以保證主場(chǎng)景不自動(dòng)播放。在“button”圖層（如圖3）的第1～6幀放置6個(gè)按鈕元件并命名，用來控制課件各個(gè)功能模塊的交互跳轉(zhuǎn)。分別為每個(gè)關(guān)鍵幀設(shè)置“幀名稱”，并在6個(gè)按鈕上均寫入語句：on （release） {gotoAndStop（"幀名稱"）；}。

2.標(biāo)題展示

標(biāo)題的界面已在課前準(zhǔn)備好了，用于展示課題；時(shí)間充足的話可播放音樂，以舒緩的心情、更好的狀態(tài)進(jìn)入課堂。單擊“開始上課”按鈕（如上頁圖4），可進(jìn)入主界面。

實(shí)現(xiàn)方法：此模塊為場(chǎng)景0，背景圖片上嵌入雪花特效文字，三個(gè)按鈕上分別內(nèi)置語句如表1。

表1

3.主界面

（1）教學(xué)目標(biāo)

此界面為進(jìn)入主界面后的第一個(gè)頁面。向?qū)W生展示教學(xué)目標(biāo)：理解計(jì)算機(jī)動(dòng)畫的基本原理；熟悉Flash工作界面；了解Flash動(dòng)畫制作的兩種常用方法：逐幀動(dòng)畫和關(guān)鍵幀動(dòng)畫；體驗(yàn)運(yùn)用Flash完成基本動(dòng)畫制作的全過程，呈現(xiàn)自我創(chuàng)意。使學(xué)生有目的性和針對(duì)性完成學(xué)習(xí)過程。

（2）動(dòng)畫原理闡釋

為使學(xué)生體驗(yàn)“閃過”的感受，我設(shè)計(jì)了一個(gè)游戲模塊，單擊“開始游戲”按鈕，可以進(jìn)入游戲。學(xué)生體驗(yàn)游戲之后，單擊“動(dòng)畫原理”按鈕，師生可共同總結(jié)動(dòng)畫原理。在該游戲中，學(xué)生每點(diǎn)擊一次方框內(nèi)部，圖片會(huì)按順序依次播放，點(diǎn)擊速度越快，播放的越快。隨著點(diǎn)擊速度的加快，我們會(huì)看到少女走動(dòng)的效果（如圖5）。學(xué)生在玩游戲的過程中會(huì)體驗(yàn)到原來將靜態(tài)圖片快速播放會(huì)形成動(dòng)畫。在此基礎(chǔ)上師生共同總結(jié)出動(dòng)畫的原理。

實(shí)現(xiàn)方法：此游戲界面為場(chǎng)景2，采用Flash幻燈片演示文稿制作，在屬性面板中選擇參數(shù)選項(xiàng)卡，可以設(shè)置參數(shù)以控制回放期間屏幕的外觀行為，在演示文稿中放置背景、游戲名稱與游戲說明，在幻燈片1～8中分別順序放置八張圖片并調(diào)整好位置，以實(shí)現(xiàn)點(diǎn)擊順序播放的效果。

在動(dòng)畫原理部分，為了使學(xué)生了解視覺暫留現(xiàn)象，明確動(dòng)畫原理，設(shè)計(jì)了單擊“返回”按鈕，跳轉(zhuǎn)至動(dòng)畫原理標(biāo)簽頁（如圖6）。

實(shí)現(xiàn)方法：上述界面為場(chǎng)景3，除文字和圖片外，為實(shí)現(xiàn)循環(huán)滾動(dòng)播放效果在相應(yīng)的關(guān)鍵幀上添加代碼：loadMovie（"膠片滾動(dòng).swf"， mymc1）；//mymc為空影片剪輯。“返回按鈕”上添加代碼：on （release） {gotoAndPlay （"場(chǎng)景1"， "menus"）；}//menus為幀名稱。

（3）操作界面

為了幫助學(xué)生了解Flash的啟動(dòng)方式和編輯窗口的基本組成部分，我設(shè)計(jì)了“熟悉界面”按鈕跳轉(zhuǎn)到界面的窗口模塊。界面窗口模塊采用了鼠標(biāo)觸發(fā)機(jī)制，將Flash界面分成九塊熱點(diǎn)區(qū)域，當(dāng)鼠標(biāo)移動(dòng)到熱點(diǎn)區(qū)域，矩形框會(huì)高亮度顯示，同時(shí)右下角的文本框內(nèi)會(huì)顯示該塊區(qū)域的名稱和用途。如下頁圖7所示：將鼠標(biāo)移動(dòng)到工具箱處，會(huì)顯示工具箱的名稱和功能。學(xué)生通過這種方式了解Flash的界面組成及各部分的功能，比教師用傳統(tǒng)方法演示講解界面的效果好得多，能引導(dǎo)學(xué)生通過自主探究的方式完成教學(xué)任務(wù)。

實(shí)現(xiàn)方法：此模塊為場(chǎng)景4，使用九個(gè)透明的隱形按鈕分割界面圖像，以形成九塊熱點(diǎn)區(qū)域，給每個(gè)透明按鈕加入鼠標(biāo)事件，最開始的時(shí)候要設(shè)置被顯示文字alpha=0或者visibl=false，當(dāng)鼠標(biāo)移（mouseover）到圖片上的時(shí)候，讓文字的alpha=1或者visible=ture。

（4）逐幀動(dòng)畫

在學(xué)生了解了制作動(dòng)畫的工具Flash及其操作界面以后，我們就可以利用Flash制作動(dòng)畫了。在該界面上學(xué)生可看到逐幀動(dòng)畫的效果、定義和時(shí)間軸特點(diǎn)（如下頁圖8）。

實(shí)現(xiàn)方法：新建一個(gè)元件，形成逐幀動(dòng)畫：踏步的少女，將該元件拖入到相應(yīng)位置即可。

圖9的操作步驟按鈕添加代碼：on （release） {gotoAndPlay （"場(chǎng)景5"， 1）；}//場(chǎng)景5。此模塊嵌入的是錄制的逐幀動(dòng)畫操作步驟視頻，音色清晰，學(xué)生可通過控制條控制視頻的播放或暫停，方便了自主學(xué)習(xí)。該視頻使用camtasia studio 8錄制，最后生成“逐幀動(dòng)畫操作步驟.swf”，嵌入場(chǎng)景5中，并添加停止播放按鈕以返回至逐幀動(dòng)畫標(biāo)簽頁。

（5）關(guān)鍵幀動(dòng)畫

解析關(guān)鍵幀動(dòng)畫。界面下端可以看到三個(gè)按鈕（如圖10）。

實(shí)現(xiàn)方法：分別為三個(gè)按鈕添加下列AS代碼，見表2。

表2

（6）創(chuàng)意空間

教師展示設(shè)計(jì)案例，提示學(xué)生可根據(jù)素材庫中提供的素材進(jìn)行設(shè)計(jì)，激發(fā)學(xué)生的創(chuàng)造熱情，呈現(xiàn)出自我創(chuàng)意。其方法與關(guān)鍵幀按鈕的制作方法類同，此處不再重述。

● 藝術(shù)設(shè)計(jì)

課件制作要做到既美觀生動(dòng)，又不能過于花哨動(dòng)感。所以外觀上遵循“簡(jiǎn)約美”的原則來設(shè)計(jì)，版面要做到簡(jiǎn)潔、大方，整體與局部搭配恰當(dāng)。本課件整體以白色為主基調(diào)，干凈、大氣。導(dǎo)航頁背景采用彩色過渡效果，清晰，自然。使用導(dǎo)航條將各個(gè)板塊有機(jī)組合在一起，且每頁均設(shè)置了跳轉(zhuǎn)按鈕。學(xué)習(xí)路徑可選、學(xué)習(xí)進(jìn)度可調(diào)，操作靈活簡(jiǎn)便、交互性好。整個(gè)課件的設(shè)計(jì)簡(jiǎn)潔、時(shí)尚、統(tǒng)一、完整。

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

1.導(dǎo)航界面的制作

導(dǎo)航界面部分主要采用了幀跳轉(zhuǎn)法，利用按鈕來控制內(nèi)容的跳轉(zhuǎn)，需要用到簡(jiǎn)單的Actionscript代碼。

2.場(chǎng)景的跳轉(zhuǎn)

課件設(shè)了8個(gè)場(chǎng)景（場(chǎng)景0～場(chǎng)景7），場(chǎng)景之間的相互跳轉(zhuǎn)就成了至關(guān)重要的問題，它關(guān)系到課件的流暢性和交互性。它的實(shí)現(xiàn)可以采用多種方式，這里我采用為按鈕添加AS來實(shí)現(xiàn)：on （release） {gotoAndPlay（"場(chǎng)景n"， 1）； }，此語句表示“當(dāng)鼠標(biāo)放開時(shí)，跳轉(zhuǎn)到"場(chǎng)景n"的第1幀”。

3.圖片的處理

Flash處理圖片的方式比較單一，而Photoshop有比較強(qiáng)的圖片處理功能，因此在圖片處理上使用了Photoshop為Flash錦上添花。

4.音樂的裁剪

課前音樂部分使用GoldWave進(jìn)行裁剪，它是一個(gè)強(qiáng)大的聲音編輯軟件，簡(jiǎn)單易學(xué)，制作多媒體課件時(shí)用它錄制編輯聲音也是一個(gè)不錯(cuò)的選擇。

5.視頻的錄制和編輯

我在制作逐幀動(dòng)畫和關(guān)鍵幀動(dòng)畫的操作步驟時(shí)，用Camtasia Studio進(jìn)行了錄制和編輯。在錄制屏幕后，基于時(shí)間軸可以對(duì)視頻片段進(jìn)行各類剪輯操作，如添加各類標(biāo)注、媒體庫、Zoom-n-Pan、畫中畫、字幕特效、轉(zhuǎn)場(chǎng)效果、旁白、標(biāo)題剪輯等。

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

Flash課件能模擬仿真，化抽象為形象，將學(xué)生帶到形象、生動(dòng)、色彩繽紛的教學(xué)情境之中，使學(xué)生的感官受到刺激，可以發(fā)展思維能力，拓展學(xué)生的空間概念，加深對(duì)事物的理解。使用多媒體課件輔助教學(xué)確實(shí)能為教學(xué)注入活力，但如果使用不當(dāng)，反而會(huì)成為教學(xué)的干擾源，分散學(xué)生的注意力，所以我們?cè)谑褂谜n件進(jìn)行教學(xué)時(shí)絕對(duì)不能華而不實(shí)，嘩眾取寵，在設(shè)計(jì)和制作時(shí)要講究實(shí)用性。這節(jié)課是Flash動(dòng)畫制作入門篇，旨在了解Flash創(chuàng)作的整個(gè)過程，使學(xué)生在創(chuàng)作過程中體驗(yàn)到成功的喜悅，調(diào)動(dòng)學(xué)習(xí)的積極性。為下節(jié)課深入學(xué)習(xí)做準(zhǔn)備。

● 幕前幕后

今年的7月，我第一次參加了NOC活動(dòng)。通過參加這次活動(dòng)，我各方面的認(rèn)識(shí)又提高了一層。

俗話說：不打無準(zhǔn)備之仗。賽前第一步是書寫教學(xué)設(shè)計(jì)。我們常說，教學(xué)既是科學(xué)也是藝術(shù)，科學(xué)的本質(zhì)就是發(fā)現(xiàn)和創(chuàng)新；藝術(shù)的靈魂也是美的發(fā)現(xiàn)和創(chuàng)造。當(dāng)我們把教學(xué)設(shè)計(jì)形成時(shí)，隱含的意思就是創(chuàng)造和革新。第二步是制作課件。如果說教學(xué)設(shè)計(jì)是平面的展示，那么課件的呈現(xiàn)就是立體的演出了，是將教學(xué)的靜態(tài)信息轉(zhuǎn)化為動(dòng)態(tài)信息的過程。我的課件從去年10月份成稿歷經(jīng)數(shù)次修改，終于完成了從丑小鴨到白天鵝的蛻變。第三步才是準(zhǔn)備可視化陳述和答辯?？梢暬愂霾皇呛?jiǎn)單的“媒體+陳述”，而是教學(xué)思想與媒體技術(shù)、視覺藝術(shù)等跨文化因素相融合的陳述方式，需要掌握結(jié)構(gòu)化表達(dá)的方法。應(yīng)當(dāng)能使觀摩者愿意看、看得懂、能認(rèn)同。作為課程改革背景下教學(xué)活動(dòng)的組織者、指導(dǎo)者，參賽選手應(yīng)該善用可視化方法，學(xué)會(huì)簡(jiǎn)明扼要、提綱挈領(lǐng)地利用可視化方法清晰闡明自己的觀點(diǎn)，爭(zhēng)取評(píng)委的理解和支持，在實(shí)踐中創(chuàng)造真實(shí)的精彩。

一路走來，有太多感觸，外面的世界很精彩，在很多方面，別人已經(jīng)走到了我們的前面，我們不能固步8d099eb969e654eb9badebbea98c5ce2自封，需要不斷借鑒和學(xué)習(xí)。第十一屆NOC活動(dòng)已圓滿落下帷幕，成績(jī)僅僅代表過去，未來的路還很長(zhǎng)很長(zhǎng)，我會(huì)全身心投入到日常教學(xué)中，我相信，我會(huì)做得更好，飛得更高！

評(píng)委印象

山東省滕州市第二中學(xué)教師宋穎制作的《Flash動(dòng)畫制作》課件是一款優(yōu)秀的中學(xué)信息技術(shù)學(xué)科教學(xué)課件。作者創(chuàng)作此課件旨在激發(fā)學(xué)生對(duì)動(dòng)畫制作的好奇心以及學(xué)習(xí)興趣，讓學(xué)生體驗(yàn)動(dòng)畫設(shè)計(jì)流程的同時(shí)了解動(dòng)畫的基本原理及制作方法。整體感覺該課件教學(xué)目標(biāo)明確，設(shè)計(jì)思路清晰，結(jié)構(gòu)布局合理，顏色搭配協(xié)調(diào)，在活動(dòng)中給人留下了深刻的印象。

印象一：課件以白色為主基調(diào)，干凈、大氣。導(dǎo)航頁背景采用彩色過渡效果，清晰、自然。使用導(dǎo)航條將各個(gè)板塊有機(jī)組合在一起，且每頁均設(shè)置了跳轉(zhuǎn)按鈕。學(xué)習(xí)路徑可選、學(xué)習(xí)進(jìn)度可調(diào)，操作靈活簡(jiǎn)便、交互性好。可謂設(shè)計(jì)簡(jiǎn)潔、時(shí)尚、統(tǒng)一、完整。

印象二：課件最大的亮點(diǎn)也是最獨(dú)到之處是為了使學(xué)生理解動(dòng)畫的基本原理，作者設(shè)計(jì)了一個(gè)名為“點(diǎn)點(diǎn)看”的小游戲。為使學(xué)生理解動(dòng)畫的基本原理，巧妙運(yùn)用了一個(gè)“少女散步”的實(shí)例演示，形象地再現(xiàn)了人走動(dòng)的畫面是怎樣一個(gè)由靜到動(dòng)的過程，成功地突破了教學(xué)的重難點(diǎn)。讓學(xué)生在玩游戲的過程中體驗(yàn)到原來將靜態(tài)圖片快速播放會(huì)形成動(dòng)畫，在此基礎(chǔ)上理解掌握動(dòng)畫的原理。

印象三：課件集文本、圖像、動(dòng)畫、視頻多種元素為一體，直觀形象地將平面知識(shí)以視頻動(dòng)畫的形式呈現(xiàn)。良好的交互式設(shè)計(jì)不僅適用于教師課堂教學(xué)，更適用于學(xué)生自主探究。除此之外課件有友好的操作界面、突出的主題、靈活的操控、科學(xué)的內(nèi)容和合理的結(jié)構(gòu)，將較難理解的知識(shí)直觀地展現(xiàn)在學(xué)生面前，方便了理解操作。

楊國慶 NOC活動(dòng)評(píng)委/江西省南昌市灣里二中