《Flash動畫制作》課件制作綜述

● 特色與亮點

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

● 制作背景

用Flash設計出的動畫課件融文字、圖像、聲音、動畫等多種媒體信息于一體，以獨特的交互性、巧妙的構思、生動的畫面、形象的演示，將課堂教學引入全新的境界，極大地增強了教學效果。

● 設計思路

素材庫中為學生提供了八張靜止的少女圖片（如圖1），使學生能夠體驗由靜態圖片（八張少女圖片）到逐幀動畫（少女踏步.swf））再到關鍵幀動畫（少女散步.swf）的設計流程，在體驗的過程中了解動畫的基本原理，Flash的基本操作界面及創作方法。

● 內容結構

1.導航設計

課件主界面由六大模塊構成（如圖2），分別為其設置了相應的交互按鈕，方便切換。

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

2.標題展示

標題的界面已在課前準備好了，用于展示課題；時間充足的話可播放音樂，以舒緩的心情、更好的狀態進入課堂。單擊“開始上課”按鈕（如上頁圖4），可進入主界面。

實現方法：此模塊為場景0，背景圖片上嵌入雪花特效文字，三個按鈕上分別內置語句如表1。

表1

3.主界面

（1）教學目標

此界面為進入主界面后的第一個頁面。向學生展示教學目標：理解計算機動畫的基本原理；熟悉Flash工作界面；了解Flash動畫制作的兩種常用方法：逐幀動畫和關鍵幀動畫；體驗運用Flash完成基本動畫制作的全過程，呈現自我創意。使學生有目的性和針對性完成學習過程。

（2）動畫原理闡釋

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

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

在動畫原理部分，為了使學生了解視覺暫留現象，明確動畫原理，設計了單擊“返回”按鈕，跳轉至動畫原理標簽頁（如圖6）。

實現方法：上述界面為場景3，除文字和圖片外，為實現循環滾動播放效果在相應的關鍵幀上添加代碼：loadMovie（"膠片滾動.swf"， mymc1）；//mymc為空影片剪輯。“返回按鈕”上添加代碼：on （release） {gotoAndPlay （"場景1"， "menus"）；}//menus為幀名稱。

（3）操作界面

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

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

（4）逐幀動畫

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

實現方法：新建一個元件，形成逐幀動畫：踏步的少女，將該元件拖入到相應位置即可。

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

（5）關鍵幀動畫

解析關鍵幀動畫。界面下端可以看到三個按鈕（如圖10）。

實現方法：分別為三個按鈕添加下列AS代碼，見表2。

表2

（6）創意空間

教師展示設計案例，提示學生可根據素材庫中提供的素材進行設計，激發學生的創造熱情，呈現出自我創意。其方法與關鍵幀按鈕的制作方法類同，此處不再重述。

● 藝術設計

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

● 關鍵技術處理

1.導航界面的制作

導航界面部分主要采用了幀跳轉法，利用按鈕來控制內容的跳轉，需要用到簡單的Actionscript代碼。

2.場景的跳轉

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

3.圖片的處理

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

4.音樂的裁剪

課前音樂部分使用GoldWave進行裁剪，它是一個強大的聲音編輯軟件，簡單易學，制作多媒體課件時用它錄制編輯聲音也是一個不錯的選擇。

5.視頻的錄制和編輯

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

● 評價與反思

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

● 幕前幕后

今年的7月，我第一次參加了NOC活動。通過參加這次活動，我各方面的認識又提高了一層。

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

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

評委印象

山東省滕州市第二中學教師宋穎制作的《Flash動畫制作》課件是一款優秀的中學信息技術學科教學課件。作者創作此課件旨在激發學生對動畫制作的好奇心以及學習興趣，讓學生體驗動畫設計流程的同時了解動畫的基本原理及制作方法。整體感覺該課件教學目標明確，設計思路清晰，結構布局合理，顏色搭配協調，在活動中給人留下了深刻的印象。

印象一：課件以白色為主基調，干凈、大氣。導航頁背景采用彩色過渡效果，清晰、自然。使用導航條將各個板塊有機組合在一起，且每頁均設置了跳轉按鈕。學習路徑可選、學習進度可調，操作靈活簡便、交互性好。可謂設計簡潔、時尚、統一、完整。

印象二：課件最大的亮點也是最獨到之處是為了使學生理解動畫的基本原理，作者設計了一個名為“點點看”的小游戲。為使學生理解動畫的基本原理，巧妙運用了一個“少女散步”的實例演示，形象地再現了人走動的畫面是怎樣一個由靜到動的過程，成功地突破了教學的重難點。讓學生在玩游戲的過程中體驗到原來將靜態圖片快速播放會形成動畫，在此基礎上理解掌握動畫的原理。

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

楊國慶 NOC活動評委/江西省南昌市灣里二中