【文章內(nèi)容簡介】 鼓勵(lì) 。 八、 教學(xué)反思 上完本節(jié)課后，感覺學(xué)生對動(dòng)畫制作有 了 濃厚的興 趣，特別是通過對逐幀動(dòng)畫的各種操作，學(xué)生基本上都能理解 幀、關(guān)鍵幀、逐幀動(dòng)畫、動(dòng)畫 原理 ， 掌握 flash 基本操作，如逐幀 改變小鳥 位置、大小、方向 的操作， 為后續(xù)的關(guān)鍵幀動(dòng)畫制作打下了良好的基礎(chǔ)。 大部分學(xué)生可以根據(jù)“操作指南 .doc”進(jìn)行學(xué)習(xí)，完成不同層次的教學(xué)任務(wù)， 95%的學(xué)生能完成基本任務(wù)， 80%的學(xué)生能完成提高任 務(wù)， 36%的學(xué)生能完成拓展 任 務(wù)， 達(dá)到了預(yù)期的教學(xué)目標(biāo)，取得了比較滿意的教學(xué)效果。 附學(xué)生《操作指南》： 第一節(jié) 動(dòng)畫原理 （初識 flash） 一、本節(jié)課目標(biāo) 1. 熟悉 flash mx 2020 的 界面 2. 掌握對圖片的導(dǎo)入、縮放、旋轉(zhuǎn)操作 3. 理解幀、關(guān)鍵幀、逐幀動(dòng)畫的含義、動(dòng)畫原理 4. 學(xué)會對幀頻的改變，幀的復(fù)制、翻轉(zhuǎn)操作 5. 初步學(xué)會對層進(jìn)行簡單的操作 二、學(xué)習(xí)資源 1．教師用 PowerPoint“動(dòng)畫原理 .ppt” 2．教師提供小鳥等動(dòng)物圖片素材、動(dòng)畫實(shí)例（欣賞） 3．實(shí)例欣賞：“文字顯示 .fla”、 “人物旋轉(zhuǎn) .fla” 三、本節(jié)課任務(wù) 1．基本任務(wù) ：導(dǎo)入小鳥飛翔的序列圖片，修改各幀，使小鳥可以隨意飛翔。（ 60分） 2. 提高任務(wù)：通過復(fù)制幀、翻轉(zhuǎn)幀、改變飛行方向等，使小鳥飛回原位。 （ 80分） 3. 拓展任務(wù)： 導(dǎo)入 不同小鳥（或其它動(dòng)物）同時(shí)運(yùn)動(dòng)（ 100分） 挑選一個(gè)任務(wù)進(jìn)行提交（可以只給 提高 任務(wù)），當(dāng)場給分或存盤后打分。 四、 操作步驟（ 參看教材 P81~P84） 1．導(dǎo)入小鳥系列圖片（ jpg），形成逐幀動(dòng)畫 2．時(shí)間軸上每一小格就是一幀，含有圖片的幀就是關(guān)鍵幀，連續(xù)關(guān)鍵幀形成的動(dòng)畫就是逐幀動(dòng)畫。 3．動(dòng)畫播放：小鳥在原地飛翔 4．動(dòng)畫原理：人的視覺殘留原理 5．修改幀頻后再播放，觀察小鳥飛翔的速度，理解幀頻的含義。 6．修改各幀小鳥位置、方向、大小， 使小鳥可以隨意飛翔。 （ 基本任務(wù) ） 7．將前八幀復(fù)制粘貼至第九幀處，選中剛復(fù)制的后八幀并進(jìn)行幀翻轉(zhuǎn)，播放，觀察效果，找出不足之處 8．修改后八幀小鳥的方向及大小，使小鳥由遠(yuǎn)飛到近（大），又由近飛回到遠(yuǎn)方（?。? 五、 思考與探究： 1． 老師同時(shí)提供了 bmp、 jpg、 gif三種圖片格式，你是如何認(rèn)識這幾種圖片的？ 2．播放動(dòng)畫“文字顯示 .fla”、 “人物旋轉(zhuǎn) .fla”，能否總結(jié)傳統(tǒng)動(dòng)畫（逐幀動(dòng)畫）的優(yōu)缺點(diǎn)？ 3．拓展任務(wù)：實(shí)現(xiàn)同一層多個(gè)對象運(yùn)動(dòng)，有無先后順序？如果多個(gè)對象要同時(shí)運(yùn)動(dòng)應(yīng)如何處理？ 小橋流水 Flash動(dòng)畫 范宇俠 胡宇 明 這個(gè) Flash動(dòng)畫效果實(shí)現(xiàn)的是小橋流水的效果。小橋下的水靜靜地流淌著，小橋的倒影和水中的金魚可以讓我們想起了童年的生活。但最重要的這是一個(gè)比較實(shí)用和常用的效果。 教學(xué)目標(biāo) ： 學(xué)生掌握小橋流水的實(shí)現(xiàn)方法，如何設(shè)計(jì)一只可愛的金魚；學(xué)會運(yùn)用另一種漸變動(dòng)畫類型 —— 形狀漸變動(dòng)畫，以及在動(dòng)畫中使用遮照功能。 教學(xué)難點(diǎn)： ； ； 的，要怎樣實(shí)現(xiàn)。 教學(xué)過程： 展示小橋流水 Flash動(dòng)畫，學(xué)生注意觀看，指出 動(dòng)畫中有那些對象有過運(yùn)動(dòng)， 打開原程序，注意觀察時(shí)間軸上的有幾個(gè)圖層，圖層的圖標(biāo)和以前學(xué)到過的有什么不同，以及時(shí)間軸的補(bǔ)間等。打開庫看一下里面有幾個(gè)元件幾元件的屬性。 具體制作小橋流水 Flash動(dòng)畫 1．設(shè)置場景的大小為 500px 300px，背景色為 10A9CC，幀頻為 12fps。 2．導(dǎo)入小橋。按快捷鍵 Ctrl+F8打開 “ 創(chuàng)建新元件 ” 面板創(chuàng)建一個(gè) “ 小橋 ” 圖形 元件。然后導(dǎo)入一座小橋圖片，如圖 11所示。 圖 11 3．制作魚尾。新建一個(gè) “ 魚尾 ” 影片剪輯元件。在元件的場景中繪制一個(gè)魚尾，如圖 12所 示。 圖 12 4．按快捷鍵 Shift+F9鍵打開 “ 混色器 ” 面板，并如圖 13所示進(jìn)行設(shè)置。 “ 混色器 ” 下拉菜單中選擇 “ 線型漸變 ” 。其中三個(gè)滑塊的顏色分別是 F5800A、F8D356（透明度為 70%）和白色（透明度為 50%）。設(shè)置好后用 “ 顏料桶 ” 工具給魚尾上色。 圖 13 4．如圖 14所示建立 “ 魚尾 ” 層。分別在第 1 20幀上插入關(guān)鍵幀。然后把每幀中的魚尾設(shè)置成圖 15中不同的形狀，當(dāng)然筆者使用洋蔥皮命令是為了大家能夠看得更清楚一點(diǎn)，實(shí)際上這 5個(gè)魚尾應(yīng)該是重疊的。單擊 “ 魚尾 ” 層，使該層的所有幀成陰暗的被選取狀態(tài)。然后在 “ 屬性 ” 面板的 “ 補(bǔ)間 ” 下拉菜單中選擇 “ 形狀漸變 ” 選項(xiàng)建立形狀漸變動(dòng)畫。 圖 14 5．制作金魚。創(chuàng)建一個(gè) “ 金魚 ” 影片剪輯元件，如圖 15所示建立 “ 胸鰭 ” 、 “ 魚頭 ” 、 “ 魚身 ” 等層。除了 “ 魚頭 ” 層外，其它三層都是由 “ 魚尾 ”元件通過 “ 變形 ” 面板變形而得到，這也體現(xiàn)了 Flash設(shè)計(jì)中盡量重復(fù)使用元件來減小文件體積，提高效率的原則。在 “ 魚身 ” 層中，只要設(shè)計(jì)一個(gè)紅色的魚身，然后讓魚身發(fā)生一點(diǎn)形變，產(chǎn)生一點(diǎn)動(dòng)的效果就可以了。 圖 15 6．制作流水。新建一個(gè) “ 流水 ” 層。 然后如圖 16所示創(chuàng)建元件的各層： “ 小橋 1” 層、 “ 小橋 2” 層、 “ 遮罩 ” 層。 圖 16 7．按快捷鍵 Ctrl+L打開庫，把庫中的 “ 小橋 ” 元件拖到 “ 小橋 1” 層中。然后單擊選中該層的第 60幀按 F5鍵插入幀。接著單擊 “ 隱藏 /顯示 ” 按鈕 隱藏“ 小橋 1” 層中的元件。然后再把庫中的 “ 小橋 ” 元件再拖到 “ 小橋 2” 層中。單擊選中該層的第 50幀按 F6鍵插入關(guān)鍵幀。注意， “ 小橋 1” 層和 “ 小橋 2”層中的 “ 小橋 ” 元件應(yīng)該相同。 8．在 “ 遮罩 ” 層中制作一個(gè)由一條條高度為 8px的線條組成的遮罩塊，每條小條之間要保證有一定的間隙。接著按 快捷鍵 Ctrl+G將其組合。如圖 17所示。 圖 17 9．單擊 “ 遮罩 ” 層的第 1 4 60幀并按 F6鍵插入關(guān)鍵幀。然后把各幀中的遮罩元件上下移動(dòng)一下，并建立補(bǔ)間動(dòng)畫。目的是使其上下移動(dòng)，形成流水的間隙效果。只要保證遮罩物能完全遮罩住小橋就可以了。 10．從庫中把 “ 金魚 ” 元件拖拽到 “ 小橋 2” 層中的適當(dāng)位置，可隨意的再復(fù)制出幾條金魚，并可在 “ 屬性 ” 面板中將其色彩改成黑色。也可自己設(shè)計(jì)幾條小蝌蚪放在該層中。那樣，效果就更有童趣，更加春意盎然了。 11．回到主場景。如圖 18所示建立 “ 小橋 ” 層和 “ 倒影 ” 層。然后從庫中把 “ 小橋 ” 圖形元件拖拽到 “ 小橋 ” 層中。再把 “ 流水 ” 影片剪輯元件拖拽到“ 倒影 ” 層中。并使用 “ 變形 ” 面板調(diào)整到適當(dāng)位置。 圖 18 小橋流水的效果到這里就做好了。一個(gè)完整的 Flash動(dòng)畫就做好了。 小結(jié) 在整個(gè) Flash動(dòng)畫的制作過程中要注意，在運(yùn)用形狀漸變動(dòng)畫時(shí)兩個(gè)關(guān)鍵幀中的對象屬性要一致，最好是選中關(guān)鍵幀后再在屬性面版的中間下拉菜單中選擇形狀。在使用遮照時(shí)要注意遮照的位置，及遮照層覆蓋的內(nèi)容。布置學(xué)生預(yù)習(xí)書上的 P141紅星閃閃的例子。 課件制作中插入 Flash 動(dòng)畫的方法 在日常教學(xué)中 用Ａｕｔｈｏｒｗａｒｅ、ＰｏｗｅｒＰｏｉｎｔ能制作十分精美的課件，但由于使用了大量圖片、聲音、動(dòng)畫，所以文件比較大，課件制作中最占空間的是聲音和動(dòng)畫。對于動(dòng)畫，Ｆｌａｓｈ是很好的動(dòng)畫制作軟件，并且文件體積很小，占用空間比較少，而且Ｆｌａｓｈ動(dòng)畫效果很好。如果在課件中加入一些Ｆｌａｓｈ動(dòng)畫，一方面可以減小課件的體積，另一方面為課件增色很多，下面談?wù)勅绾尾迦耄疲欤幔螅鑴?dòng)畫。 １、 Ａｕｔｈｏｒｗａｒｅ ７．０課件中插入Ｆｌａｓｈ動(dòng)畫 在Ａｕｔｈｏｒｗａｒｅ ７．０中插入Ｆｌａｓｈ動(dòng)畫，常用的