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

1、初中信息技術(shù)flash教案1.認(rèn)識flash動畫學(xué)習(xí)目標(biāo)：1、學(xué)會啟動flash的方法                   2、認(rèn)識flash工作界面                   3、動畫制作的基本概念 

2、0;                 4、學(xué)習(xí)制作簡單的動畫重、難點：認(rèn)識flash的工作界面、學(xué)習(xí)制作簡單的動畫。課時安排：2課時教學(xué)過程：一、導(dǎo)入： 同學(xué)們，你們小時候看電視最喜歡看什么節(jié)目呀？ 對了，很多同學(xué)都喜歡看動畫片。比如說米老鼠和唐老鴨、西游記、葫蘆娃等等。那么，接下來，我們一起來欣賞一段精彩的動畫片，這段動畫與我們前天開展的活動是有關(guān)系的。那么，這么精彩的動畫是用怎么制作出來的呢？ 是的，用計算機做出來的。那是

3、用什么軟件做出來的呢？用我們以前學(xué)過的wps、word能做出來嗎？不能。這就要用到我們今天所學(xué)習(xí)的一個新的軟件flash。二、新課1、flash的特點 flash是一個功能強大、簡單易學(xué)的網(wǎng)頁動畫制作工具。用flash制作出來的動畫不但占用的空間小，而且動畫品質(zhì)高，不管怎樣放大、縮小，它都清晰可見。 flash動畫的迷人之處還在于我們可以通過點擊按鈕，選擇菜單來控制動畫播放，甚至可以制作成小游戲。 正是有了這些優(yōu)點，使得flash在網(wǎng)絡(luò)上非常流行。 下面，我們就一起來學(xué)習(xí)flash8的使用。2、啟動flash8。 單擊“開始”“程序”“macromedia flash8”“flash8”即可。

4、（叫學(xué)生上臺操作） 啟動后將出現(xiàn)flash8的編輯窗口。 3、flash8編輯窗口的介紹 菜單欄 常用工具欄、控制工具欄（動畫播放的控制工具欄） 繪圖工具欄（放置了各種繪圖及編輯工具）、輔助選項 圖層區(qū)、時間軸（可以設(shè)置動畫的播放狀況） 浮動面板（可以用來控制各種設(shè)置） 編輯區(qū)（可以直接在這里繪圖或擺放一些圖片、文字、按鈕、動畫等進(jìn)行編輯） 視圖比例、狀態(tài)欄（顯示所選的工具等狀態(tài)） 4、試一試：教師先隱藏常用工具欄、控制工具欄和狀態(tài)欄，要求學(xué)生顯示出這三個菜單欄。 （選擇“窗口”菜單“工具欄”“主要欄”、“狀態(tài)欄”和“控制欄”。） 5、動畫制作的基本概念 先出示5張靜態(tài)的連續(xù)圖片，再出示5張圖

5、片所組成的動畫。  得出結(jié)論：動畫是將一張張靜態(tài)的圖片，通過軟件連續(xù)的播放產(chǎn)生影像的動態(tài)效果。  其原理是：因為單張圖片快速而且連續(xù)的播放，會讓我們的眼睛產(chǎn)生“視覺暫留”的現(xiàn)象，我們會感到圖片中的物體正在動作，而flash就是采用這種原理制作動畫的。 6、簡單動畫的制作 提問：如果動畫中的每張圖片都要用手工去畫，那將會怎樣（工作量會很大）而flash5有一個強大的功能，那就是對了，它會自動建立動畫動作。  現(xiàn)在我們一起用flash8來制作一個簡單的動畫。 例：讓一架飛機在屏幕上飛過。 步驟1：“窗口”“共享圖庫”“movie clips影片夾”，打開“動畫影片圖庫

6、”。 步驟2：選擇圖庫中的“biplane”，用鼠標(biāo)將飛機拖到編輯區(qū)中的左邊。注意：這時在時間軸中的圖層1的第1幀中會出現(xiàn)一個實心的黑點，這就是關(guān)鍵幀。 步驟3：在圖層1的第10幀處，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插件關(guān)鍵幀”。并用鼠標(biāo)將飛機拖到編輯區(qū)的右邊。 步驟4：單擊圖層的第1幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建動畫動作”。在時間軸的第1幀至第10幀會出現(xiàn)一個箭頭。 步驟5：單擊控制欄中的“播放”按鈕，可以看到飛機從屏幕的左邊飛向右邊。也可以按ctrl+enter鍵，來看看動畫的測試效果，要退出測試畫面，單擊窗口右上方的“關(guān)閉”按鈕。 7、保存文件。  單擊“

7、文件”“保存”或工具欄上的“保存”按鈕。  注意：flash文件的擴展名為“.fla”，生成的動畫文件的擴展名為“.swf”。8、推薦幾個flash制作的網(wǎng)站： 如：閃客帝國 閃客中國 動閃部落三、上機實踐： 1、flash8的啟動。 2、在flash的共享庫中找到“fish movie clips”，這是一條魚。請創(chuàng)建動畫動作讓它游來游去。 （提示：如果需要調(diào)整魚的方向時，單擊常用工具欄上的“旋轉(zhuǎn)”按鈕，就可以用鼠標(biāo)來調(diào)整方向。） 3、自由練習(xí)。2.逐幀動畫教學(xué)目標(biāo)：1、理解逐幀動畫的制作方法。2、能夠?qū)腱o態(tài)圖片。3、會根據(jù)需要插入或刪除幀。4、掌握測試影片并調(diào)整動畫的方法。5、

8、培養(yǎng)學(xué)生的審美能力，激發(fā)學(xué)生的探究興趣和創(chuàng)新精神，讓學(xué)生體驗制作動畫的樂趣。教學(xué)重點：1、能夠?qū)腱o態(tài)圖片。2、會根據(jù)需要插入或刪除幀。教學(xué)難點：測試和調(diào)整動畫播放。教學(xué)疑點：關(guān)鍵幀、空白關(guān)鍵幀、普通幀的區(qū)別教學(xué)方法：演示法、觀察法、實踐法、自學(xué)法課 時：2課時教學(xué)過程： 一、導(dǎo)入幀是進(jìn)行flash動畫制作的最基本的單位，每一個精彩的flash動畫都是由很多個精心雕琢的幀構(gòu)成的。我們共同來回顧一下上節(jié)課提到的幀主要有哪幾種類型？（播放）關(guān)鍵幀顧名思義，有關(guān)鍵內(nèi)容的幀?？瞻钻P(guān)鍵幀空白關(guān)鍵幀是沒有包含舞臺上的實例內(nèi)容的關(guān)鍵幀。 普通幀在時間軸上能顯示實例對象，但不能對實例對象進(jìn)行編輯操作的幀。 這

9、節(jié)課我們就共同來學(xué)習(xí)“模仿傳統(tǒng)手工動畫的方式，每一幀都由手工繪制或?qū)雸D片完成的動畫稱為逐幀動畫”。趕快和老師一起用flash逐幀做一匹行走的馬。二、新課（播放）教師提前做好的逐幀動畫行走的馬演示。逐幀動畫所需要的素材既可以直接在flash的舞臺上繪制，也可以提前準(zhǔn)備。要求是，從第2幅畫面開始，每一幅都是上一幅的后續(xù)，兩幅畫面之間有著微小的差別。動作分解的越細(xì)，將來生成的動畫就越細(xì)膩。教師操作，學(xué)生觀察（用已準(zhǔn)備好的馬的靜態(tài)圖片）（一）、導(dǎo)入圖片制作逐幀動畫1：啟動flash，新建一個flash文檔。（觀察圖層和幀）2：執(zhí)行文件導(dǎo)入到舞臺菜單命令，出現(xiàn)“導(dǎo)入”對話框。3：選定要導(dǎo)入的圖片文件，

10、單擊“打開”按鈕將其導(dǎo)入flash文檔，并顯示在舞臺上的默認(rèn)位置。（觀察幀的變化，空心圓點變成實心圓點，成為關(guān)鍵幀）4：執(zhí)行【插入】【時間軸】【空白關(guān)鍵幀】菜單命令，插入一個空白關(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é)們第一步都成

11、功了?。úシ牛┯^賞學(xué)生作品一師：觀察作品，有沒有不完美之處？（1）動畫播放偏快，需要進(jìn)行調(diào)整。（播放）2：在時間軸的幀控制區(qū)單擊選定第1幀，執(zhí)行【插入】【時間軸】【幀】菜單命令，在第一幀的后面插入一個幀。普通幀讓學(xué)生在每個關(guān)鍵幀的后面均插入2個普通幀，使馬的走動速度接近實際。（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)整不夠精確。有沒有一

12、種即快捷又能精確調(diào)整的方法呢（播放）方法三：使用“繪圖紙工具”（播放）使用繪圖紙工具調(diào)整的步驟。學(xué)生參照步驟，利用繪圖紙工具調(diào)整圖像的位置，重新測試。3：插入圖層，導(dǎo)入背景圖片。圖層就像透明的醋酸纖維薄片一樣，在舞臺上一層層地向上疊加?？梢栽趫D層上繪制和編輯對象，而不會影響其它圖層上的對象。如果一個圖層上沒有內(nèi)容，那么就可以透過它看到下面的圖層。 (播放)創(chuàng)建逐幀動畫的幾種方法（1）用導(dǎo)入的靜態(tài)圖片建立逐幀動畫（2）導(dǎo)入gif等序列圖像（3）文字逐幀動畫（4）繪制矢量逐幀動畫三、作品欣賞（播放）四、學(xué)生練習(xí)讓學(xué)生利用“素材庫”制作一個簡單的flash動畫，在其中運用所學(xué)的逐幀動畫的制作方法。有

13、以下幾個選題供選擇：選題一：模仿馬行走動畫制作“奔跑的豹子”選題二：使用逐幀動畫制作一個數(shù)字101的倒計時小動畫。五、小結(jié)這節(jié)課我們共同學(xué)習(xí)了導(dǎo)入靜態(tài)圖片制作逐幀動畫，除了導(dǎo)入靜態(tài)圖片外，還可以導(dǎo)入序列圖像、輸入文字或手工繪制來制作逐幀動畫，由于逐幀動畫對畫面一幀一幀地處理，所以具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。希望同學(xué)們勤加練習(xí)，大膽實踐，制作出更多更好的優(yōu)秀的作品。形變動畫一、教學(xué)目標(biāo)：（一）知識目標(biāo)：1、通過分析形變動畫的例子，理解動畫的原理；2、通過模仿老師演示的形變動畫過程，掌握制作形變動畫的方法；3、通過綜合實踐活動課，使學(xué)生能夠掌握形變技巧并應(yīng)用到實踐中去，形成能

14、力。（二）過程與方法目標(biāo)：1、采取教師講解與學(xué)生創(chuàng)作相結(jié)合的辦法進(jìn)行學(xué)習(xí)2、用評價來提升學(xué)生作品的質(zhì)量及創(chuàng)新意識（三）情感態(tài)度與價值觀通過小組學(xué)習(xí)與合作，讓學(xué)生體會到合作的重要意見，從而指導(dǎo)學(xué)生合作就是成功的基礎(chǔ)。二、教學(xué)重點： 1、理解形變動畫制作的原理； 2、掌握制作形變動畫的方法；三、教學(xué)難點： 作品中的形變動畫的應(yīng)用過程。四、課時安排： 2課時五、課題引入請同學(xué)們觀看動畫，并說出你有什么想法呢，（學(xué)生回答：動畫是怎么做出來的，很神奇）今天我們就帶著大家的種種疑問與困惑來學(xué)習(xí)flash形變動畫。六、新課講述（一）形變動畫原理這是一種常見的形變動畫，它的原理是將一個動畫的形狀發(fā)生變化，把每

15、一處的變化都用形變描繪出來，flash將關(guān)鍵幀連續(xù)播放，形成形變動畫效果。（二）制作形變動畫知道了形變動畫的原理，體驗形變動畫制作過程，這是一個形變動畫典型事例“一個圓形變成方形”。我來演示一下這個動畫的制作過程。教師演示：1、創(chuàng)建影片文檔 執(zhí)行【文件】|【新建】命令； 2、用橢圓工具在工作區(qū)中畫一個圓。在時間軸的第40幀處插入一個空白關(guān)鍵幀，再用矩形工具在工作區(qū)中再畫一個方形，回到時間軸的第一幀，找到屬性面板，補間中選反形狀，3 、測試存盤 執(zhí)行【控制】|【測試影片】命令，觀察本例swf文件生成的動畫有無問題，如果滿意，執(zhí)行【文件】|【保存】命令，將文件保存成“形變動畫.fla”文件存盤，如

16、果要導(dǎo)出flash的播放文件，執(zhí)行【導(dǎo)出】|【導(dǎo)出影片】命令保存成“跑動的火柴人.swf”文件。任務(wù)驅(qū)動，分組合作實踐，創(chuàng)作作品1、通過老師剛剛的演示，相信同學(xué)們對制作逐幀動畫已經(jīng)有了一定的認(rèn)識，那么接下來就讓我們親自體驗一下吧！2、對操作有困難的學(xué)生，可以參照素材，素材放在學(xué)生機桌面上 “素材”文件夾內(nèi)。（三）制作由一個圓形變成文字 剛才大家制作的很好，那么思考這樣一個問題，如何讓一個圓形變成文字，用剛才老師講解的方法行不行呢，請同學(xué)們先自己獨立完成，并說你的想法與遇到的困難。七、總結(jié)我們有了這么精美的形變動畫作品，如果再給它配以背景，我們的作品就會更飽滿，大家回去思考如何修飾已制作好的fl

17、ash逐幀動畫的背景。八、作業(yè) 使用形變動畫制作一個文字“理想”變成“現(xiàn)實”的形變小動畫 。4.奇特的遮罩動畫教學(xué)目標(biāo)：1、通過分析遮罩動畫的例子，理解動畫的原理；2、通過模仿老師演示的遮罩動畫過程，掌握制作遮罩動畫的方法；教學(xué)重點：1、能夠?qū)腱o態(tài)圖片。2、遮罩圖層的應(yīng)用。教學(xué)難點：測試和調(diào)整動畫播放。教學(xué)方法：演示法、觀察法、實踐法、自學(xué)法課時安排：2課時一、實驗要求制作一個地球自轉(zhuǎn)的效果。二、實驗步驟1.制作方法遮罩圖層的應(yīng)用2.作品構(gòu)思利用遮罩圖層功能可以使動畫場景外的內(nèi)容或某些指定區(qū)域以外的內(nèi)容不可見，也可以用來蓋住某些實例的部分內(nèi)容，實現(xiàn)各種豐富的特殊效果。3.操作步驟1）新建一個

18、動畫，寬度為“200px”，高度為“200px”，背景色為“藍(lán)色”。保存為“地球自轉(zhuǎn).fla”。2）新建“地球”圖形元件。3）編輯“地球”圖形元件。選取“橢圓工具”，設(shè)置筆觸顏色為“無”，“填充色”可任意選擇，設(shè)置完后繪制一個無邊框的正圓。選取“選擇工具”，選中正圓，打開“屬性”面板，設(shè)置圖片的寬和高都是100像素，使圓位于場景的中心處。4）設(shè)定地球的顏色。如圖所示。5）繪制“地圖”圖形元件?？梢灾苯釉趂lash中繪制，也可以用其他繪圖工具軟件繪制，不過，最好是矢量圖。如圖所示。6）編輯場景。把“圖層1”重命名為“地圖”，新建圖層“地球”，選中第1幀，將地球元件拖動到場景中。7）設(shè)置運動效果。

19、選中圖層“地圖”的第1幀，移動編輯區(qū)中地圖的位置。選中第40幀，再次移動地圖在編輯區(qū)中的位置。如圖所示。最后建立運動漸變效果。在第1幀到第40幀之間創(chuàng)建補間動畫。第1幀第40幀8）設(shè)置遮罩效果。把圖層“地球”設(shè)置為遮罩層。地球旋轉(zhuǎn)效果已經(jīng)制作完成，按ctrl+enter快捷鍵，觀賞效果。9）建立“背景”圖層。測試中發(fā)現(xiàn)地球不見了，怎么讓它顯現(xiàn)出來呢？在“地圖”圖層下面增加一個圖層“背景”，發(fā)現(xiàn)“背景”圖層變成了被遮罩層，往下往右拖動背景圖層，使它變成普通圖層。然后將“地球”圖形元件拖動到“背景”圖層中，位置與“地球”圖層中的圖片位置一致。10）添加立體效果。創(chuàng)建一個“顏色”圖形元件，進(jìn)入圖形元

20、件的編輯場景。選取“橢圓工具”，設(shè)置“筆觸顏色”為無，填充色可任意選擇，設(shè)置完后繪制一個無邊框的正圓。選中繪制的正圓，打開“混色器”面板，選擇填充類型為“放射”，左端的色標(biāo)設(shè)置為白色，右邊的色標(biāo)設(shè)置為淡黃色，并調(diào)整色標(biāo)位置。如圖所示?；氐綀鼍?，從“庫”面板中拖出“顏色”元件，在“屬性”面板中打開“顏色”下拉列表，選擇“alpha”，設(shè)置為50%。并適當(dāng)調(diào)整實例的位置，如圖所示。至此，制作完畢，按ctrl+enter快捷鍵，觀賞動畫效果。三、練習(xí) 根據(jù)操作步驟完成地球自轉(zhuǎn)5.交互動畫教學(xué)目標(biāo)：1、通過分析交互動畫的例子，理解動畫的原理；2、通過模仿老師演示的動畫過程，掌握制作交互動畫的方法；3、

21、通過綜合實踐活動課，使學(xué)生能夠掌握交互動畫的技巧并應(yīng)用到實踐中去，形成能力。教學(xué)重點：1、能夠?qū)腱o態(tài)圖片。2、按鈕的應(yīng)用。教學(xué)難點：測試和調(diào)整動畫播放。教學(xué)方法：演示法、觀察法、實踐法、自學(xué)法課時安排：2課時一、實驗要求制作一個蝴蝶在花間自由的飛舞，其中我們可以通過設(shè)置不同功能的按鈕來控制蝴蝶飛舞的狀態(tài)，包括“播放”、“前進(jìn)”、“后退”、“停止”、“繼續(xù)”等。二、實驗步驟1.制作方法按鈕的應(yīng)用2.作品構(gòu)思按鈕是交互動畫的靈魂，按鈕元件用于創(chuàng)建響應(yīng)鼠標(biāo)單擊、滑過或其他動作的交互式按鈕，是制作交互式動畫的基礎(chǔ)。3.操作步驟1）新建一個動畫，保存為“飛舞的蝴蝶.fla”。2）創(chuàng)建5個按鈕。5個按鈕

22、分別為“播放”按鈕、“停止”按鈕，“繼續(xù)”按鈕，“前進(jìn)”按鈕、“后退”按鈕。以“播放”按鈕為例，打開新建元件對話框，名稱為播放，新建按鈕元件。進(jìn)入按鈕編輯狀態(tài)，分別在按鈕的“彈起”和“指針經(jīng)過“區(qū)中插入關(guān)鍵幀，分別繪制大小相同，顏色不同，位置相同的按鈕。如圖所示。按以上步驟，分別創(chuàng)建“停止”按鈕，“繼續(xù)”按鈕，“前進(jìn)”按鈕、“后退”按鈕。3）制作“蝴蝶飛舞”影片剪輯。新建影片剪輯元件，名稱為“蝴蝶飛舞”。創(chuàng)建兩個圖層，制作蝴蝶沿任意路徑運動的動作效果。（制作步驟類似實驗3-5，省略。注意：兩個圖層都從第2幀開始創(chuàng)建關(guān)鍵幀）單擊“蝴蝶”圖層的第1幀，打開“動作”面板，設(shè)置stop（）動作。將“蝴

23、蝶”圖層最后一幀，設(shè)置gotoandplay（2）動作。到此，“蝴蝶飛舞”影片剪輯制作完成。4）新建4個圖層。1層：“邊框”層，如圖所示。2層：“花草背景”層，如圖所示。3層：“蝴蝶飛舞”影片剪輯圖層，將庫面板的蝴蝶飛舞影片剪輯拖入到該圖層，打開屬性面板，設(shè)置實例實例名稱為fly。4層：按鈕層，拖入五個按鈕至該圖層。如圖所示。5）設(shè)置按鈕動作?！安シ拧卑粹o動作設(shè)置，如圖所示?！巴Ｖ埂卑粹o動作設(shè)置，如圖所示?！袄^續(xù)”按鈕動作設(shè)置，如圖所示。“前進(jìn)”按鈕動作設(shè)置，如圖所示?！昂笸恕卑粹o動作設(shè)置，如圖所示。6）選中各圖層的第60幀，插入普通幀。調(diào)整各圖層的前后位置及各圖層舞臺中元件的位置。至此，制作

24、完畢，按ctrl+enter快捷鍵，觀賞動畫效果。三、練習(xí)通過學(xué)習(xí)，學(xué)生合作完成：制作通過按鈕和幀進(jìn)行交互的動畫，模擬控制火箭點火的過程。6.簡單的運動動畫教學(xué)目標(biāo)：1、通過分析運動動畫的例子，理解動畫的原理；2、通過模仿老師演示的形變動畫過程，掌握制作運動動畫的方法；3、通過綜合實踐活動課，使學(xué)生能夠掌握運動技巧并應(yīng)用到實踐中去，形成能力。教學(xué)重點：1、能夠?qū)腱o態(tài)圖片。2、引導(dǎo)層的應(yīng)用。教學(xué)難點：測試和調(diào)整動畫播放。教學(xué)方法：演示法、觀察法、實踐法、自學(xué)法課時安排：3課時一、實驗要求制作一個在藍(lán)天白云之間，一架飛機在展翅翱翔的效果。二、實驗步驟1.制作方法：引導(dǎo)圖層的應(yīng)用2.作品構(gòu)思：利用引導(dǎo)層，在這個圖層中有一條輔助線作為運動路徑，可以設(shè)置讓一架飛機沿著這條路徑運動。3.操作步驟1）新建一個動畫，寬度為“500px”，高度為“400px”，背景色為“藍(lán)色”。保存為“翱翔的飛機.fla”。2）導(dǎo)入圖片。將“藍(lán)天白云.jpg”圖像導(dǎo)入到庫中。3）繪制“背景”圖層。將“圖層1