動(dòng)畫制作Flash教案

1、網(wǎng)頁三劍客課堂教學(xué)教案課程名稱網(wǎng)頁三劍客教學(xué)對(duì)象單科 專業(yè)教 材網(wǎng)頁設(shè)計(jì)與制作教程授課內(nèi)容第一章 Flash MX2004概述課時(shí)3課時(shí)教學(xué)目的與要求通過教學(xué)，使學(xué)生掌握以下技能熟練掌握文檔的基本操作熟悉Flash MX2004的特點(diǎn)了解Flash MX2004的應(yīng)用領(lǐng)域重點(diǎn)難點(diǎn)Flash MX2004 的特點(diǎn)Flash MX2004文檔的基本操作課 型新授課教學(xué)方法講授法教學(xué)過程設(shè)計(jì) （包括講授知識(shí)、 演示內(nèi)容及案例、 提問及學(xué)生演示 內(nèi)容）一、導(dǎo)入課題（30分鐘）在網(wǎng)絡(luò)高速發(fā)展的今天，越來越多的人們已經(jīng)不再滿意圖文并茂的靜態(tài)網(wǎng)頁格式， 動(dòng)態(tài)網(wǎng)頁應(yīng)運(yùn)而生，但是一般的動(dòng)態(tài)圖片和網(wǎng)站的背景音樂應(yīng)

2、用并不合拍。什么時(shí)候 可以把多媒體應(yīng)用在網(wǎng)站上呢？Flash正是在這一網(wǎng)絡(luò)發(fā)展的大背景下應(yīng)運(yùn)而生的，前身是Future Splash。Flash1.0版本誕生于1996年，由于當(dāng)時(shí)的網(wǎng)絡(luò)大背景，F(xiàn)lash在出道之時(shí)并沒有得到計(jì)算機(jī)行業(yè)應(yīng)有的重視，F(xiàn)lash真正的火爆是從Flash3.0版本開始的，到了 1999年6月發(fā)布的Flash4.0版本，其制作的動(dòng)畫開始大量的在網(wǎng)上傳播，已經(jīng)逐漸成為了網(wǎng)頁交互多媒體動(dòng)畫設(shè)計(jì)軟件的標(biāo)準(zhǔn)。它改變了以往靜態(tài)的、枯燥的、網(wǎng)頁 形式，利用它短小精悍的文件體積和插件，利用它簡單易學(xué)的操作方式，利用它的“流”式播放形式豐富我們的網(wǎng)絡(luò)生活。（在此欣賞一些Flash網(wǎng)頁和

3、Flash動(dòng)回）Flash是一個(gè)創(chuàng)作工具，從簡單的動(dòng)畫到復(fù)雜的交互式Web應(yīng)用程序（如在線商場），它使您可以創(chuàng)建任何作品。通過添加圖片、聲音和視頻，可以使您的Flash應(yīng)用程序媒體豐富多彩。Flash包含了許多種功能，如拖放用戶界面組件、將動(dòng)作腳本添加到文檔的內(nèi)置行為，以及可以添加到對(duì)象的特殊效果。這些功能使Flash不僅功能強(qiáng)大，而且易于使用。下面我們正式的進(jìn)入Flash的學(xué)習(xí)，本章內(nèi)容共分為三部分學(xué)習(xí)，下面我向大家逐一的講述。二、知識(shí)剖析剛才我已經(jīng)向大家介紹的Flash這個(gè)編輯軟件的作用。 下面我們來了解一下這個(gè)軟件的特點(diǎn)和應(yīng)用領(lǐng)域。Flash的特點(diǎn)及應(yīng)用領(lǐng)域 (50分鐘)特點(diǎn)：(1)很強(qiáng)

4、的交互性能，添加了大量的 Action Script (動(dòng)作腳本語言)命令；(2)生成的文件體積小。適合 Web (網(wǎng)頁)動(dòng)畫的文件體積需求；(3)保護(hù)措施較好；(4)可以創(chuàng)建聲色俱全的互動(dòng)性網(wǎng)頁。注：可導(dǎo)入*.WAV及*.MP3格式的音頻文件教學(xué)過程設(shè)計(jì)(續(xù)表)應(yīng)用領(lǐng)域：(1)基于Web的動(dòng)畫制作；(2)基于 Web的2D動(dòng)畫藝術(shù)創(chuàng)作；(3)基于Web的多媒體課件開發(fā)；(4)基于傳統(tǒng)出版行業(yè)的多媒體光盤制作；Flash工作環(huán)境(20分鐘)Flash的工作介面和我們前面所學(xué)的Fireworks雷同，下面我們來認(rèn)識(shí)一下:1、場景(Scene):用來組織不同主題的動(dòng)畫；2、畫板(Stage):也叫

5、舞臺(tái)，即Flash MX的文件工作區(qū)，是進(jìn)行繪圖和編輯動(dòng)畫 的地方；3、時(shí)間軸(Time line):是將對(duì)象激活(即選中)的關(guān)鍵工具；4、工具箱(Toolbox)：用于圖形設(shè)計(jì)，為動(dòng)畫作準(zhǔn)備；5、影號(hào)庫(Library)：用來存放和組織可反復(fù)使用的對(duì)象，這些對(duì)象統(tǒng)稱為符號(hào)；6、面板(Pannels):用于方便地對(duì)對(duì)象的屬性等進(jìn)行編輯操作。Flash中的文件操作 (50分鐘)1、新建與打開電影2、電影文件規(guī)格的修改“文檔屬性”對(duì)話框：要指定舞臺(tái)大小(以像素為單位)，請(qǐng)?jiān)凇皩挕焙汀案摺蔽谋究蛑休斎胫怠?默認(rèn)文檔大小為 550 x 400像素。最小大小為 1 x 1像素；最大為2880 x 288

6、0像 素。教學(xué)過程設(shè)計(jì)(續(xù)表)對(duì)于“幀頻”，請(qǐng)輸入每秒顯示的動(dòng)畫幀的數(shù)量。對(duì)于大多數(shù)計(jì)算機(jī)顯示的動(dòng) 畫，特別是 Web站點(diǎn)中播放的動(dòng)畫，8 fps (每秒幀數(shù))至U 12 fps就足夠了(默 認(rèn)的幀頻為12 fps)。要將舞臺(tái)大小設(shè)置為內(nèi)容四周的空間都相等，請(qǐng)單擊“匹配”右邊的“內(nèi)容” 按鈕。要最小化文檔大小，請(qǐng)將所有元素對(duì)齊到舞臺(tái)的左上角，然后單擊“內(nèi)容”。要將舞臺(tái)大小設(shè)置為最大的可用打印區(qū)域，請(qǐng)單擊“打印機(jī)” 。此區(qū)域的大小 是紙張大小減去“頁面設(shè)置”中當(dāng)前選定邊距之后的剩余區(qū)域。要將舞臺(tái)大小設(shè)置為默認(rèn)大小，請(qǐng)單擊“默認(rèn)”。要設(shè)置文檔的背景顏色，請(qǐng)單擊“背景顏色”框中的三角形，然后從調(diào)色板

7、 中選擇一種顏色。3、電影的保存4、電影的導(dǎo)出(*.swf格式)5、將*.swf格式車專為*.exe格式6、Flash電影的發(fā)布7、導(dǎo)入外部對(duì)象(1)導(dǎo)入并打印多幀Gif圖(2)導(dǎo)入*.AI、*.PNG等格式的文件注：Flash中只能導(dǎo)入Illustrator生成的版本為5.0以下的*.AI格式文件(3)導(dǎo)入聲音文件8、電影文件的播放與測試(1)控制器(Controller)(2)測試場景(Test Scene)：針對(duì)多個(gè)場景動(dòng)畫中某一場景的效果測試(3)測試電影(Test Movie):針對(duì)整個(gè)動(dòng)畫的效果測試(4)播放電影使用 Flash Player理論作業(yè):復(fù)習(xí)思考題作業(yè)上機(jī)任務(wù)1、Fl

8、ash Player（Flash播放器）是什么？有什么作用？2、有一動(dòng)回，在 Flash場景中的大小為 300*200pixels ，現(xiàn)要求將 Flash的文件尺寸 倜整為這個(gè)已做好的動(dòng)回尺寸人小，怎么辦？3、要將Flash動(dòng)回生成*.exe格式文件，該怎么辦？4、有一個(gè)多場景的動(dòng)畫，若現(xiàn)只想對(duì)其中一個(gè)場景進(jìn)行測試預(yù)覽，該選用哪個(gè)命令？上機(jī)操作：1、創(chuàng)建一個(gè)400X 300像素的文檔，保存為 test.fla。發(fā)布此動(dòng)回。2、將發(fā)布的動(dòng)畫轉(zhuǎn)為 exe格式。經(jīng)敦文獻(xiàn)網(wǎng)頁設(shè)計(jì)與制作教程 Flash完全自學(xué)手冊(cè)課后記（或歸納小結(jié)）本章我們主要學(xué)習(xí)了以下內(nèi)容：Flash MX2004 的特點(diǎn)Flash

9、 MX2004文檔的基本操作Flash 動(dòng)畫制作 遮罩圖層教學(xué)設(shè)計(jì)一、教學(xué)目標(biāo)1、使學(xué)生掌握利用FLASHY作動(dòng)畫的一般流程及操作方法、增強(qiáng)學(xué)生處理信息的能力。2、通過對(duì)遮罩圖層的學(xué)習(xí)，讓學(xué)生掌握遮罩圖層建立的基本方法和常用的操作技巧，進(jìn)一步深化對(duì)FLASHY用軟件的認(rèn)識(shí)，拓展學(xué)生的知識(shí)和能力。3、培養(yǎng)學(xué)生的探究、合作精神和熱愛大自然的情感。二、知識(shí)體系和能力培養(yǎng)知識(shí)理論體系。 本內(nèi)容基于廣東教育出版社信息技術(shù) 第二冊(cè)中的第三章內(nèi)容為藍(lán)本使學(xué)生掌握和理解遮罩圖層的含義。能力實(shí)踐體系。 運(yùn)用所學(xué)知識(shí)解決實(shí)際問題，將 地理環(huán)保知識(shí)與信息技術(shù) 知識(shí)有機(jī)的整合。3、思維體系。充分激活學(xué)生探究思維和創(chuàng)新

10、思維。4、情感體系。加強(qiáng)環(huán)保意識(shí)教育，激發(fā)學(xué)生熱愛大自然，保護(hù)大自然的情感。三、重點(diǎn)與難點(diǎn)1、重點(diǎn)：遮罩圖層的含義和建立方法、作用2、難點(diǎn)：理解遮罩與被遮罩的關(guān)系。四、 教學(xué)對(duì)象分析對(duì)能否理解遮罩與被遮罩層的關(guān)系， 這是教學(xué)難點(diǎn)所在。 基于 信息技術(shù)課的特點(diǎn)，課時(shí)少、周期長、學(xué)生易忘、操作性強(qiáng)的特 點(diǎn)，在教學(xué)中盡量激發(fā)學(xué)生的發(fā)散思維，讓學(xué)生在渴望中積極探究， 自主的學(xué)習(xí)，并通過分析源文件，從中真正理解其制作過程。高中生 自我表現(xiàn)力強(qiáng)，盡量給學(xué)生多練，多展示的機(jī)會(huì)。并結(jié)合所學(xué)習(xí)的動(dòng) 畫與地理環(huán)保知識(shí)進(jìn)行整合，培養(yǎng)學(xué)生科學(xué)嚴(yán)謹(jǐn)?shù)膶W(xué)習(xí)態(tài)度，并培 養(yǎng)學(xué)生熱愛自然的情趣五、設(shè)計(jì)思想本節(jié)課的設(shè)計(jì)思想是：從

11、知識(shí)、能力思維兩個(gè)方面對(duì)學(xué)生進(jìn) 行知識(shí)傳授和能力培養(yǎng)，同時(shí)引入“課程整合”概念，讓學(xué)生始終處 于“探究”狀態(tài)，激活學(xué)生思維和情感。通過flashMTV提出問題一復(fù)習(xí)原有知識(shí)（幀動(dòng)畫的形式） 并提出任務(wù)一引入新知識(shí)（遮罩圖層）一新知識(shí)剖析（遮罩圖層的含 義）一新知識(shí)運(yùn)用-知識(shí)綜合（創(chuàng)作動(dòng)畫作品）六、教學(xué)準(zhǔn)備a）使用網(wǎng)絡(luò)教室軟件（遠(yuǎn)志多媒體網(wǎng)絡(luò)教學(xué)系統(tǒng)）b） 教學(xué)/KeJian/課件和教學(xué)錄相七、教學(xué)過程（表格式）,學(xué)流程*師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖備 注過程一A、給學(xué)生欣賞 一段 FLASH MV（一個(gè)真實(shí)的 故事）B、針對(duì)MTV 動(dòng)畫提問學(xué)1、 欣賞并觀察FLASH MTV動(dòng)畫，分析 在動(dòng)圓中的每

12、個(gè)動(dòng) 作2、通過提問回想上 節(jié)課的內(nèi)容。i1、 強(qiáng)學(xué)生對(duì)本節(jié)課的興趣通過這段動(dòng)畫讓學(xué)生分析 其動(dòng)畫形式以此復(fù)習(xí)上節(jié)課內(nèi) 容（動(dòng)畫的基本形式）以這段動(dòng)回的故事內(nèi)容及 兩組圖片的展示（一組是大自 然飽受污染的圖片，另一組體 現(xiàn)美好大自然的九寨風(fēng)景圖）生、并針對(duì)大 自然給學(xué)生對(duì) 比兩組圖片并 導(dǎo)入創(chuàng)作主題給學(xué)生一種擔(dān)憂和向往、激發(fā) 學(xué)生對(duì)大自然的熱愛和愛護(hù)大 自然的責(zé)任感。并導(dǎo)入該堂課 的創(chuàng)作主題。（創(chuàng)作一個(gè)以熱 愛自然、尊重生命為主題的F LASH、動(dòng)畫）過程二A導(dǎo)入新課 FLASH遮罩效 果的應(yīng)用B、以/KeJian/ 課件展示遮罩 實(shí)例C、以文字遮罩 貴花為例 分析講解、演 示1、學(xué)生通過欣賞

13、遮 罩動(dòng)畫實(shí)例來理解 遮罩2、跟隨老師以邊聽 邊看、邊練的方式學(xué) 做貴花遮罩動(dòng)回通過學(xué)習(xí)遮罩來豐富學(xué)生 的創(chuàng)作形式展示豐富的遮罩實(shí)例激發(fā) 學(xué)生對(duì)新的FLASHY效的興趣。過程三A、學(xué)生自由練 習(xí)新課內(nèi)容 B、老師輔導(dǎo)1、學(xué)生自由練習(xí)并 提問1、讓學(xué)生理解新知識(shí)，過程四A、給學(xué)生欣賞 一組以熱愛自 然、尊重生命 為主題的學(xué)生 作品。B、學(xué)生開始分 組進(jìn)行主題動(dòng) 面的創(chuàng)作。C、老師指導(dǎo)學(xué)生分組創(chuàng)作（以兩 個(gè)或四個(gè)為一組并 選出組長，每一個(gè)組 想個(gè)創(chuàng)意，并由 組長分工協(xié)調(diào)）1、 樹立學(xué)生對(duì)大自然的責(zé)任 感。2、培養(yǎng)學(xué)生的團(tuán)隊(duì)合作精神， 促進(jìn)同學(xué)之間的友好。3、激舊生的創(chuàng)新能切口想 象力過程五A、選出兩組學(xué) 生作品進(jìn)行展 示、講評(píng)，并 給予肯定和鼓 勵(lì)1、 學(xué)生展示作品2、并由組長簡單說 明一個(gè)其創(chuàng)意和創(chuàng) 作方法。通過作品的展示給