初中信息技術(shù)flash教案

1.認(rèn)識FLASH動畫學(xué)習(xí)目標(biāo)：1、學(xué)會啟動FLASH的方法

2、認(rèn)識FLASH工作界面

3、動畫制作的基本概念

4、學(xué)習(xí)制作簡單的動畫

重、難點(diǎn)：認(rèn)識FLASH的工作界面、學(xué)習(xí)制作簡單的動畫。課時(shí)安排：2課時(shí)教學(xué)過程：

一、導(dǎo)入：

同學(xué)們，你們小時(shí)候看電視最喜歡看什么節(jié)目呀？

對了，很多同學(xué)都喜歡看動畫片。比如說《米老鼠和唐老鴨》、《西游記》、《葫蘆娃》等等。那么，接下來，我們一起來欣賞一段精彩的動畫片，這段動畫與我們前天開展的活動是有關(guān)系的。那么，這么精彩的動畫是用怎么制作出來的呢？

是的，用計(jì)算機(jī)做出來的。那是用什么軟件做出來的呢？用我們以前學(xué)過的WPS、WORD能做出來嗎？不能。這就要用到我們今天所學(xué)習(xí)的一個(gè)新的軟件《FLASH》。二、新課1、FLASH的特點(diǎn)

FLASH是一個(gè)功能強(qiáng)大、簡單易學(xué)的網(wǎng)頁動畫制作工具。用FLASH制作出來的動畫不但占用的空間小，而且動畫品質(zhì)高，不管怎樣放大、縮小，它都清晰可見。

FLASH動畫的迷人之處還在于我們可以通過點(diǎn)擊按鈕，選擇菜單來控制動畫播放，甚至可以制作成小游戲。

正是有了這些優(yōu)點(diǎn)，使得FLASH在網(wǎng)絡(luò)上非常流行。

下面，我們就一起來學(xué)習(xí)FLASH8的使用。2、啟動FLASH8。

①單擊“開始”→“程序”→“MacromediaFlash8”→“Flash8”即可。（叫學(xué)生上臺操作）

啟動后將出現(xiàn)FLASH8的編輯窗口。

3、FLASH8編輯窗口的介紹

菜單欄

常用工具欄、控制工具欄（動畫播放的控制工具欄）

繪圖工具欄（放置了各種繪圖及編輯工具）、輔助選項(xiàng)

圖層區(qū)、時(shí)間軸（可以設(shè)置動畫的播放狀況）

浮動面板（可以用來控制各種設(shè)置）

編輯區(qū)（可以直接在這里繪圖或擺放一些圖片、文字、按鈕、動畫等進(jìn)行編輯）

視圖比例、狀態(tài)欄（顯示所選的工具等狀態(tài)）

4、試一試：教師先隱藏常用工具欄、控制工具欄和狀態(tài)欄，要求學(xué)生顯示出這三個(gè)菜單欄。

（選擇“窗口”菜單→“工具欄”→“主要欄”、“狀態(tài)欄”和“控制欄”。）

5、動畫制作的基本概念

①先出示5張靜態(tài)的連續(xù)圖片，再出示5張圖片所組成的動畫。

②

得出結(jié)論：動畫是將一張張靜態(tài)的圖片，通過軟件連續(xù)的播放產(chǎn)生影像的動態(tài)效果。

③

其原理是：因?yàn)閱螐垐D片快速而且連續(xù)的播放，會讓我們的眼睛產(chǎn)生“視覺暫留”的現(xiàn)象，我們會感到圖片中的物體正在動作，而FLASH就是采用這種原理制作動畫的。

6、簡單動畫的制作

①提問：如果動畫中的每張圖片都要用手工去畫，那將會怎樣？（工作量會很大）而FLASH5有一個(gè)強(qiáng)大的功能，那就是……？對了，它會自動建立動畫動作。

②

現(xiàn)在我們一起用FLASH8來制作一個(gè)簡單的動畫。

例：讓一架飛機(jī)在屏幕上飛過。

步驟1：“窗口”→“共享圖庫”→“MovieClips影片夾”，打開“動畫影片圖庫”。

步驟2：選擇圖庫中的“Biplane”，用鼠標(biāo)將飛機(jī)拖到編輯區(qū)中的左邊。注意：這時(shí)在時(shí)間軸中的圖層1的第1幀中會出現(xiàn)一個(gè)實(shí)心的黑點(diǎn)，這就是關(guān)鍵幀。

步驟3：在圖層1的第10幀處，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插件關(guān)鍵幀”。并用鼠標(biāo)將飛機(jī)拖到編輯區(qū)的右邊。

步驟4：單擊圖層的第1幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建動畫動作”。在時(shí)間軸的第1幀至第10幀會出現(xiàn)一個(gè)箭頭。

步驟5：單擊控制欄中的“播放”按鈕，可以看到飛機(jī)從屏幕的左邊飛向右邊。也可以按Ctrl+Enter鍵，來看看動畫的測試效果，要退出測試畫面，單擊窗口右上方的“關(guān)閉”按鈕。

7、保存文件。

①

單擊“文件”→“保存”或工具欄上的“保存”3：選定要導(dǎo)入的圖片文件horse-1.png，單擊“打開”按鈕將其導(dǎo)入Flash文檔，并顯示在舞臺上的默認(rèn)位置。（觀察幀的變化，空心圓點(diǎn)變成實(shí)心圓點(diǎn)，成為關(guān)鍵幀）4：執(zhí)行【插入】→【時(shí)間軸】→【空白關(guān)鍵幀】菜單命令，插入一個(gè)空白關(guān)鍵幀，模仿第二、三步的操作將后續(xù)的一張圖片導(dǎo)入該幀。（教師演示到此，播放操作步驟供學(xué)生參照，練習(xí)導(dǎo)入多幅靜態(tài)圖片。）過渡：動畫的所有幀及其包含的圖片都導(dǎo)入到舞臺后，動畫就基本完成了，可以在Flash中播放。為了獲得更好的播放效果，需要對動畫進(jìn)一步的測試和調(diào)整。（播放）（二）、測試和調(diào)整動畫1：執(zhí)行【控制】→【測試影片】菜單命令，進(jìn)入動畫測試狀態(tài)，以欣賞者的身份觀賞動畫。師：怎么樣？看到一匹行走的馬了嗎？祝賀同學(xué)們第一步都成功了?。úシ牛┯^賞學(xué)生作品一師：觀察作品，有沒有不完美之處？（1）動畫播放偏快，需要進(jìn)行調(diào)整。（播放）2：在時(shí)間軸的幀控制區(qū)單擊選定第1幀，執(zhí)行【插入】→【時(shí)間軸】→【幀】菜單命令，在第一幀的后面插入一個(gè)幀。[普通幀]讓學(xué)生在每個(gè)關(guān)鍵幀的后面均插入2個(gè)普通幀，使馬的走動速度接近實(shí)際。（2）動畫位于舞臺的左上角（播放）學(xué)生調(diào)整動畫的位置，重新測試。（播放）學(xué)生作品欣賞，發(fā)現(xiàn)有調(diào)整好的，有的調(diào)整后圖像有“跳來跳去”的現(xiàn)象。提問調(diào)整好的學(xué)生采用的調(diào)整方法。（播放）方法一：設(shè)置成相同坐標(biāo)值這種方法調(diào)整精確但非常麻煩提問調(diào)整“跳來跳去”的學(xué)生采用的調(diào)整方法。（播放）方法二：鼠標(biāo)播放這種方法調(diào)整不夠精確。有沒有一種即快捷又能精確調(diào)整的方法呢？（播放）方法三：使用“繪圖紙工具”（播放）使用繪圖紙工具調(diào)整的步驟。學(xué)生參照步驟，利用繪圖紙工具調(diào)整圖像的位置，重新測試。3：插入圖層，導(dǎo)入背景圖片。[圖層就像透明的醋酸纖維薄片一樣，在舞臺上一層層地向上疊加。可以在圖層上繪制和編輯對象，而不會影響其它圖層上的對象。如果一個(gè)圖層上沒有內(nèi)容，那么就可以透過它看到下面的圖層。](播放)創(chuàng)建逐幀動畫的幾種方法（1）用導(dǎo)入的靜態(tài)圖片建立逐幀動畫（2）導(dǎo)入gif等序列圖像（3）文字逐幀動畫（4）繪制矢量逐幀動畫三、作品欣賞（播放）四、學(xué)生練習(xí)讓學(xué)生利用“素材庫”制作一個(gè)簡單的Flash動畫，在其中運(yùn)用所學(xué)的逐幀動畫的制作方法。有以下幾個(gè)選題供選擇：選題一：模仿馬行走動畫制作“奔跑的豹子”選題二：使用逐幀動畫制作一個(gè)數(shù)字10~1的倒計(jì)時(shí)小動畫。五、小結(jié)這節(jié)課我們共同學(xué)習(xí)了導(dǎo)入靜態(tài)圖片制作逐幀動畫，除了導(dǎo)入靜態(tài)圖片外，還可以導(dǎo)入序列圖像、輸入文字或手工繪制來制作逐幀動畫，由于逐幀動畫對畫面一幀一幀地處理，所以具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。希望同學(xué)們勤加練習(xí)，大膽實(shí)踐，制作出更多更好的優(yōu)秀的作品。

3.Flash形變動畫一、教學(xué)目標(biāo)：（一）知識目標(biāo)：1、通過分析形變動畫的例子，理解動畫的原理；2、通過模仿老師演示的形變動畫過程，掌握制作形變動畫的方法；3、通過綜合實(shí)踐活動課，使學(xué)生能夠掌握形變技巧并應(yīng)用到實(shí)踐中去，形成能力。（二）過程與方法目標(biāo)：1、采取教師講解與學(xué)生創(chuàng)作相結(jié)合的辦法進(jìn)行學(xué)習(xí)2、用評價(jià)來提升學(xué)生作品的質(zhì)量及創(chuàng)新意識（三）情感態(tài)度與價(jià)值觀通過小組學(xué)習(xí)與合作，讓學(xué)生體會到合作的重要意見，從而指導(dǎo)學(xué)生合作就是成功的基礎(chǔ)。二、教學(xué)重點(diǎn)：1、理解形變動畫制作的原理；2、掌握制作形變動畫的方法；三、教學(xué)難點(diǎn)：作品中的形變動畫的應(yīng)用過程。四、課時(shí)安排：2課時(shí)五、課題引入請同學(xué)們觀看動畫，并說出你有什么想法呢，（學(xué)生回答：動畫是怎么做出來的，很神奇）今天我們就帶著大家的種種疑問與困惑來學(xué)習(xí)FLASH形變動畫。六、新課講述（一）形變動畫原理這是一種常見的形變動畫，它的原理是將一個(gè)動畫的形狀發(fā)生變化，把每一處的變化都用形變描繪出來，F(xiàn)lash將關(guān)鍵幀連續(xù)播放，形成形變動畫效果。（二）制作形變動畫知道了形變動畫的原理，體驗(yàn)形變動畫制作過程，這是一個(gè)形變動畫典型事例——“一個(gè)圓形變成方形”。我來演示一下這個(gè)動畫的制作過程。教師演示：1、創(chuàng)建影片文檔執(zhí)行【文件】|【新建】命令；2、用橢圓工具在工作區(qū)中畫一個(gè)圓。在時(shí)間軸的第40幀處插入一個(gè)空白關(guān)鍵幀，再用矩形工具在工作區(qū)中再畫一個(gè)方形，回到時(shí)間軸的第一幀，找到屬性面板，補(bǔ)間中選反形狀，3、測試存盤執(zhí)行【控制】|【測試影片】命令，觀察本例swf文件生成的動畫有無問題，如果滿意，執(zhí)行【文件】|【保存】命令，將文件保存成“形變動畫.fla”文件存盤，如果要導(dǎo)出Flash的播放文件，執(zhí)行【導(dǎo)出】|【導(dǎo)出影片】命令保存成“跑動的火柴人.swf”文件。任務(wù)驅(qū)動，分組合作實(shí)踐，創(chuàng)作作品1、通過老師剛剛的演示，相信同學(xué)們對制作逐幀動畫已經(jīng)有了一定的認(rèn)識，那么接下來就讓我們親自體驗(yàn)一下吧！2、對操作有困難的學(xué)生，可以參照素材，素材放在學(xué)生機(jī)桌面上“素材”文件夾內(nèi)。（三）制作由一個(gè)圓形變成文字剛才大家制作的很好，那么思考這樣一個(gè)問題，如何讓一個(gè)圓形變成文字，用剛才老師講解的方法行不行呢，請同學(xué)們先自己獨(dú)立完成，并說你的想法與遇到的困難。七、總結(jié)我們有了這么精美的形變動畫作品，如果再給它配以背景，我們的作品就會更飽滿，大家回去思考如何修飾已制作好的flash逐幀動畫的背景。八、作業(yè)使用形變動畫制作一個(gè)文字“理想”變成“現(xiàn)實(shí)”的形變小動畫。4.奇特的遮罩動畫教學(xué)目標(biāo)：1、通過分析遮罩動畫的例子，理解動畫的原理；2、通過模仿老師演示的遮罩動畫過程，掌握制作遮罩動畫的方法；教學(xué)重點(diǎn)： 1、能夠?qū)腱o態(tài)圖片。2、遮罩圖層的應(yīng)用。教學(xué)難點(diǎn)： 測試和調(diào)整動畫播放。教學(xué)方法：演示法、觀察法、實(shí)踐法、自學(xué)法課時(shí)安排：2課時(shí)一、實(shí)驗(yàn)要求制作一個(gè)地球自轉(zhuǎn)的效果。二、實(shí)驗(yàn)步驟1.制作方法遮罩圖層的應(yīng)用2.作品構(gòu)思利用遮罩圖層功能可以使動畫場景外的內(nèi)容或某些指定區(qū)域以外的內(nèi)容不可見，也可以用來蓋住某些實(shí)例的部分內(nèi)容，實(shí)現(xiàn)各種豐富的特殊效果。3.操作步驟1）新建一個(gè)動畫，寬度為“200px”，高度為“200px”，背景色為“藍(lán)色”。保存為“地球自轉(zhuǎn).fla”。2）新建“地球”圖形元件。3）編輯“地球”圖形元件。選取“橢圓工具”，設(shè)置筆觸顏色為“無”，“填充色”可任意選擇，設(shè)置完后繪制一個(gè)無邊框的正圓。選取“選擇工具”，選中正圓，打開“屬性”面板，設(shè)置圖片的寬和高都是100像素，使圓位于場景的中心處。4）設(shè)定地球的顏色。如圖所示。5）繪制“地圖”圖形元件?？梢灾苯釉趂lash中繪制，也可以用其他繪圖工具軟件繪制，不過，最好是矢量圖。如圖所示。6）編輯場景。把“圖層1”重命名為“地圖”，新建圖層“地球”7）設(shè)置運(yùn)動效果。選中圖層“地圖”的第1幀，移動編輯區(qū)中地圖的位置。選中第40幀，再次移動地圖在編輯區(qū)中的位置。如圖所示。最后建立運(yùn)動漸變效果。在第1幀到第40幀之間創(chuàng)建補(bǔ)間動畫。第1幀第40幀8）設(shè)置遮罩效果。把圖層“地球”設(shè)置為遮罩層。地球旋轉(zhuǎn)效果已經(jīng)制作完成，按ctrl+enter快捷鍵，觀賞效果。9）建立“背景”圖層。測試中發(fā)現(xiàn)地球不見了，怎么讓它顯現(xiàn)出來呢？在“地圖”圖層下面增加一個(gè)圖層“背景”，發(fā)現(xiàn)“背景”圖層變成了被遮罩層，往下往右拖動背景圖層，使它變成普通圖層。然后將“地球”圖形元件拖動到“背景”圖層中，位置與“地球”圖層中的圖片位置一致。10）添加立體效果。創(chuàng)建一個(gè)“顏色”圖形元件，進(jìn)入圖形元件的編輯場景。選取“橢圓工具”，設(shè)置“筆觸顏色”為無，填充色可任意選擇，設(shè)置完后繪制一個(gè)無邊框的正圓。選中繪制的正圓，打開“混色器”面板，選擇填充類型為“放射”，左端的色標(biāo)設(shè)置為白色，右邊的色標(biāo)設(shè)置為淡黃色，并調(diào)整色標(biāo)位置。如圖所示。回到場景，從“庫”面板中拖出“顏色”元件，在“屬性”面板中打開“顏色”下拉列表，選擇“Alpha”，設(shè)置為50%。并適當(dāng)調(diào)整實(shí)例的位置，如圖所示。至此，制作完畢，按ctrl+enter快捷鍵，觀賞動畫效果。三、練習(xí)根據(jù)操作步驟完成地球自轉(zhuǎn)

5.交互動畫教學(xué)目標(biāo)：1、通過分析交互動畫的例子，理解動畫的原理；2、通過模仿老師演示的動畫過程，掌握制作交互動畫的方法；3、通過綜合實(shí)踐活動課，使學(xué)生能夠掌握交互動畫的技巧并應(yīng)用到實(shí)踐中去，形成能力。教學(xué)重點(diǎn)： 1、能夠?qū)腱o態(tài)圖片。2、按鈕的應(yīng)用。教學(xué)難點(diǎn)： 測試和調(diào)整動畫播放。教學(xué)方法：演示法、觀察法、實(shí)踐法、自學(xué)法課時(shí)安排：2課時(shí)一、實(shí)驗(yàn)要求制作一個(gè)蝴蝶在花間自由的飛舞，其中我們可以通過設(shè)置不同功能的按鈕來控制蝴蝶飛舞的狀態(tài)，包括“播放”、“前進(jìn)”、“后退”、“停止”、“繼續(xù)”等。二、實(shí)驗(yàn)步驟1.制作方法按鈕的應(yīng)用2.作品構(gòu)思按鈕是交互動畫的靈魂，按鈕元件用于創(chuàng)建響應(yīng)鼠標(biāo)單擊、滑過或其他動作的交互式按鈕，是制作交互式動畫的基礎(chǔ)。3.操作步驟1）新建一個(gè)動畫，保存為“飛舞的蝴蝶.fla”。2）創(chuàng)建5個(gè)按鈕。5個(gè)按鈕分別為“播放”按鈕、“停止”按鈕，“繼續(xù)”按鈕，“前進(jìn)”按鈕、“后退”按鈕。以“播放”按鈕為例，打開新建元件對話框，名稱為播放，新建按鈕元件。進(jìn)入按鈕編輯狀態(tài)，分別在按鈕的“彈起”和“指針經(jīng)過“區(qū)中插入關(guān)鍵幀，分別繪制大小相同，顏色不同，位置相同的按鈕。如圖所示。按以上步驟，分別創(chuàng)建“停止”按鈕，“繼續(xù)”按鈕，“前進(jìn)”按鈕、“后退”按鈕。3）制作“蝴蝶飛舞”影片剪輯。新建影片剪輯元件，名稱為“蝴蝶飛舞”。創(chuàng)建兩個(gè)圖層，制作蝴蝶沿任意路徑運(yùn)動的動作效果。（制作步驟類似實(shí)驗(yàn)3-5，省略。注意：兩個(gè)圖層都從第2幀開始創(chuàng)建關(guān)鍵幀）單擊“蝴蝶”圖層的第1幀，打開“動作”面板，設(shè)置stop（）動作。將“蝴蝶”圖層最后一幀，設(shè)置gotoAndPlay（2）動作。到此，“蝴蝶飛舞”影片剪輯制作完成。4）新建4個(gè)圖層。1層：“邊框”層，如圖所示。2層：“花草背景”層，如圖所示。3層：“蝴蝶飛舞”影片剪輯圖層，將庫面板的蝴蝶飛舞影片剪輯拖入到該圖層，打開屬性面板，設(shè)置實(shí)例實(shí)例名稱為fly。4層：按鈕層，拖入五個(gè)按鈕至該圖層。如圖所示。5）設(shè)置按鈕動作。“播放”按鈕動作設(shè)置，如圖所示?！巴Ｖ埂卑粹o動作設(shè)置，如圖所示。“繼續(xù)”按鈕動作設(shè)置，如圖所示?！扒斑M(jìn)”按鈕動作設(shè)置，如圖所示?！昂笸恕卑粹o動作設(shè)置，如圖所示。6）選中各圖層的第60幀，插入普通幀。調(diào)整各圖層的前后位置及各圖層舞臺中元件的位置。至此，制作完畢，按ctrl+enter快捷鍵，觀賞動畫效果。三、練習(xí)通過學(xué)習(xí)，學(xué)生合作完成：制作通過按鈕和幀進(jìn)行交互的動畫，模擬控制火箭點(diǎn)火的過程。6.簡單的運(yùn)動動畫教學(xué)目標(biāo)：1、通過分析運(yùn)動動畫的例子，理解動畫的原理；2、通過模仿老師演示的形變動畫過程，掌握制作運(yùn)動動畫的方法；3、通過綜合實(shí)踐活動課，使學(xué)生能夠掌握運(yùn)動技巧并應(yīng)用到實(shí)踐中去，形成能力。教學(xué)重點(diǎn)： 1、能夠?qū)腱o態(tài)圖片。2、引導(dǎo)層的應(yīng)用。教學(xué)難點(diǎn)： 測試和調(diào)整動畫播放。教學(xué)方法：演示法、觀察法、實(shí)踐法、自學(xué)法課時(shí)安排：3課時(shí)一、實(shí)驗(yàn)要求制作一個(gè)在藍(lán)天白云之間，一架飛機(jī)在展翅翱翔的效果。二、實(shí)驗(yàn)步驟1.制作方法：引導(dǎo)圖層的應(yīng)用2.作品構(gòu)思：利用引導(dǎo)層，在這個(gè)圖層中有一條輔助線作為運(yùn)動路徑，可以設(shè)置讓一架飛機(jī)沿著這條路徑運(yùn)動。3.操作步驟1）新建一個(gè)動畫，寬度為“500px”，高度為“400px”，背景色為“藍(lán)色”。保存為“翱翔的飛機(jī).fla”。2）導(dǎo)入圖片。將“藍(lán)天白云.jpg”圖像導(dǎo)入到庫中。3）繪制“背景”圖層。將“圖層1”命名為“背景”，將“藍(lán)天白云”圖像元件拖入到場景中。（注意：為了表現(xiàn)藍(lán)天白云流動的動態(tài)效果，我們需要將4個(gè)“藍(lán)天白云”圖片拼接成一個(gè)足夠長的背景圖片，在拼接過程中，為了讓圖片在連接處更